:root{--ink:#17306e;--ink-soft:#5a6b96;--paper:#f6f2e8;--card:#fff;--key:#0041cd;--accent:#ff96a1;--gray:#c4c4c4;--sea:#0041cd;--sea-deep:#0a2f8f;--moss:#5a6b96;--gold:#ff96a1;--gold-soft:#ffe3e6;--line-green:#06c755;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif;font-weight:400;line-height:1.9;overflow-x:hidden}.site-blobs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{max-width:720px;margin:0 auto;padding:1.2rem 1.2rem 4rem}main>p:not(.en-outline),main>ul,main>ol{backdrop-filter:none;background:#ffffffb8;border-radius:14px;padding:.7rem 1rem}main>p.muted{background:#fff9}a{color:var(--sea)}h1,h2,h3{text-wrap:pretty;font-weight:600;line-height:1.5}h1{margin:1.6rem 0 1rem;font-size:clamp(1rem,6.25vw - 2.4px,1.55rem)}h2{border-left:4px solid var(--gold);margin:2.2rem 0 .8rem;padding-left:.6rem;font-size:1.2rem}p{margin:.8rem 0}.site-header{color:var(--key);background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;max-width:1040px;margin:.8rem auto 1.2rem;padding:.8rem 1.2rem;display:flex}.brand{color:inherit;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand-mark{border:1.4px solid var(--key);border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-size:1.1rem;font-weight:700;display:grid}.brand-text{letter-spacing:.1em;font-size:1rem;font-weight:700}.brand-text small{opacity:.6;letter-spacing:.1em;font-size:.66rem;font-weight:400;display:block}.site-header nav{gap:1rem;font-size:.76rem;display:flex}.site-header nav a{color:var(--key);opacity:.85;letter-spacing:.04em;text-decoration:none}.site-header nav a:hover{opacity:1;text-decoration:underline}.site-footer{color:var(--key);text-align:center;background:#ffffffc7;border-radius:20px;max-width:680px;margin:1rem auto 2.5rem;padding:1.4rem 1.2rem 1.6rem;font-size:.78rem}.site-footer a{color:var(--key)}.foot-catch{letter-spacing:.12em;font-size:.95rem;font-weight:700}.copyright{opacity:.5;margin-top:1rem;font-size:.66rem}.card{background:var(--card);border-radius:var(--radius);margin:1.2rem 0;padding:1.3rem 1.4rem;box-shadow:0 1px 8px #16324f12}.kichi-badge{background:var(--gold-soft);color:#6d5215;border-radius:999px;margin:0 .25rem .25rem 0;padding:.05rem .7rem;font-size:.8rem;display:inline-block}.muted{color:var(--ink-soft);font-size:.9rem}.btn-line{text-align:center;background:var(--line-green);color:#fff;border-radius:999px;padding:.85rem 1.4rem;font-family:Hiragino Kaku Gothic ProN,sans-serif;font-size:1.02rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 2px 10px #06c75559}.btn-line:hover{filter:brightness(1.05)}.cta-box{text-align:center;margin:2.4rem 0 1rem}.cta-lead{margin-bottom:.7rem;font-size:.95rem}table.koyomi{border-collapse:collapse;background:var(--card);border-radius:var(--radius);width:100%;font-size:.92rem;overflow:hidden}table.koyomi th,table.koyomi td{text-align:left;border-bottom:1px solid #eee7d8;padding:.45rem .6rem}table.koyomi tr.kichi{background:#fdf8ec}.form-row{margin:.9rem 0}.form-row label{color:var(--ink-soft);margin-bottom:.3rem;font-size:.9rem;display:block}.form-row select,.form-row input{background:#fff;border:1px solid #cfc9ba;border-radius:8px;padding:.5rem .7rem;font-size:1.05rem}.btn-primary{background:var(--sea);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.75rem 2.2rem;font-family:inherit;font-size:1.05rem;display:inline-block}.btn-primary:hover{background:var(--sea-deep)}.btn-wrap{text-underline-offset:3px;text-decoration:underline;display:inline-block}.top-form{margin:1.4rem 0 2rem}.top-form .form-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.top-form .form-row label{letter-spacing:.14em;width:100%;color:var(--ink-soft);margin-bottom:.3rem;font-size:.78rem;font-weight:500}.sign-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0 .4rem;display:grid}@media (width>=640px){.sign-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.sign-grid{grid-template-columns:repeat(4,1fr)}}.sign-card{color:var(--ink);border-top:4px solid var(--el,var(--gray));background:#fff;border-radius:18px;padding:.9rem .85rem 1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:block;box-shadow:0 5px 16px #17306e17}.sign-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #17306e29}.sign-mark{color:var(--el,var(--gray));font-size:1.5rem;line-height:1.2;display:block}.sign-name{color:var(--key);margin-top:.15rem;font-size:.95rem;font-weight:700;display:block}.sign-catch{color:var(--ink-soft);margin-top:.35rem;font-size:.72rem;line-height:1.7;display:block}.sign-card[data-el=fire],.el-key[data-el=fire]{--el:#ff96a1}.sign-card[data-el=earth],.el-key[data-el=earth]{--el:#c4c4c4}.sign-card[data-el=air],.el-key[data-el=air]{--el:#0041cd}.sign-card[data-el=water],.el-key[data-el=water]{--el:#8fb0f0}.el-key{background:var(--el);vertical-align:-1px;border-radius:50%;width:.68rem;height:.68rem;margin-right:.2rem;display:inline-block}.picker{background:#fff;border-radius:22px;margin:1.4rem 0 1.8rem;padding:1.2rem 1rem 1.3rem;box-shadow:0 6px 20px #17306e17}.picker-step{color:var(--key);align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.9rem;font-weight:700;display:flex}.picker-step:not(:first-child){margin-top:1.4rem}.picker-num{background:var(--key);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.78rem;display:grid}.sign-chips{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}@media (width>=620px){.sign-chips{grid-template-columns:repeat(6,1fr)}}.sign-chip{appearance:none;cursor:pointer;font:inherit;text-align:center;color:var(--ink);border:1.4px solid #17306e1f;border-top:3px solid var(--el,var(--gray));background:#fff;border-radius:14px;padding:.5rem .2rem .55rem;transition:background .14s,border-color .14s,transform .14s}.sign-chip:hover{transform:translateY(-2px)}.sign-chip.is-on{background:var(--el);border-color:var(--el);color:#fff}.sign-chip.is-on .chip-mark,.sign-chip.is-on .chip-name{color:#fff}.chip-mark{color:var(--el,var(--gray));font-size:1.15rem;line-height:1.1;display:block}.chip-name{color:var(--key);margin-top:.1rem;font-size:.68rem;font-weight:700;display:block}.sign-chip[data-el=fire]{--el:#ff96a1}.sign-chip[data-el=earth]{--el:#c4c4c4}.sign-chip[data-el=air]{--el:#0041cd}.sign-chip[data-el=water]{--el:#8fb0f0}.picker-go{text-align:center;margin-top:1.4rem}.picker-go a{background:var(--key);color:#fff;border-radius:999px;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 6px 18px #0041cd3d}.picker-hint{text-align:center;margin:1.2rem 0 0;font-size:.78rem}.all-pairs{margin:1.6rem 0}.all-pairs>summary{cursor:pointer;color:var(--ink-soft);background:#ffffffb8;border-radius:999px;padding:.6rem .9rem;font-size:.85rem;list-style:none;display:inline-block}.all-pairs>summary::-webkit-details-marker{display:none}.all-pairs>summary:before{content:"＋ "}.all-pairs[open]>summary:before{content:"− "}.pair-block{background:#ffffffb8;border-radius:16px;margin-top:.6rem;padding:.8rem .9rem}.pair-head{color:var(--key);margin:0 0 .4rem;font-size:.82rem;font-weight:700}.pair-links{flex-wrap:wrap;gap:.35rem .5rem;margin:0;display:flex}.pair-links a{font-size:.78rem}.planet-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.planet-chips .sign-chip{border-top-width:1.4px;border-top-color:#17306e1f;flex:0 0 calc(25% - .3rem)}.planet-chips .sign-chip.is-on{background:var(--key);border-color:var(--key)}.planet-chips .sign-chip.is-on .chip-mark,.planet-chips .sign-chip.is-on .chip-name{color:#fff}.planet-chips .chip-mark{color:var(--key);font-size:1.3rem}.outer-row{grid-template-columns:repeat(4,1fr);gap:.45rem;max-width:420px;margin:1rem auto .5rem;display:grid}.outer-orb{text-align:center;aspect-ratio:1;color:var(--ink);background:#fff;border:1.4px solid #0041cd29;border-radius:50%;place-content:center;padding:.3rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px 16px #17306e17}.outer-orb:hover{transform:translateY(-3px);box-shadow:0 10px 24px #17306e29}.outer-name{color:var(--key);font-size:.78rem;font-weight:700;line-height:1.25;display:block}.outer-name:has(br){letter-spacing:-.02em;font-size:.68rem}.outer-desc{color:var(--ink-soft);margin-top:.15rem;font-size:.58rem;line-height:1.45;display:block}.en-outline{letter-spacing:.26em;text-indent:.26em;color:#0000;-webkit-text-stroke:1.1px var(--key);opacity:.9;margin-bottom:.1rem;font-family:Jost,Helvetica Neue,sans-serif;font-size:clamp(1rem,4.6vw,1.25rem);font-weight:500;line-height:1.3}h1+.en-outline,.en-outline+h1{margin-top:.1rem}.pair-cards{gap:.6rem;margin:1rem 0 1.4rem;display:grid}@media (width>=620px){.pair-cards{grid-template-columns:repeat(2,1fr)}}.pair-card{color:var(--ink);border-left:4px solid var(--key);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .85rem;padding:.9rem 1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px 16px #17306e17}.pair-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #17306e29}.pair-mark{color:var(--key);letter-spacing:-.06em;grid-row:1/span 2;font-size:1.35rem;line-height:1}.pair-name{font-size:.98rem;font-weight:700}.pair-desc{color:var(--ink-soft);font-size:.74rem;line-height:1.5}.do-grid{gap:.6rem;margin:1rem 0 1.2rem;display:grid}.do-card{color:var(--ink);border-left:4px solid var(--key);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.95rem 1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 5px 16px #17306e17}.do-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #17306e29}.do-mark{width:2.4rem;height:2.4rem;color:var(--key);background:#0041cd14;border-radius:50%;flex:none;place-items:center;font-size:1.15rem;display:grid}.do-name{color:var(--key);font-size:.95rem;font-weight:700;display:block}.do-tag{background:var(--accent);color:#fff;vertical-align:2px;border-radius:999px;margin-left:.4rem;padding:.08rem .45rem;font-size:.6rem;font-weight:700;display:inline-block}.do-desc{color:var(--ink-soft);margin-top:.25rem;font-size:.74rem;line-height:1.7;display:block}.do-arrow{color:var(--key);font-size:1rem}body{word-break:auto-phrase}.nb{display:inline-block}h1,h2,h3,.cta-lead,.muted,.picker-hint,.picker-step,.sign-catch,.orb-desc,.outer-desc,.do-desc,.pair-desc,.pair-name,.btn-primary,.btn-line,.breadcrumb,summary{text-wrap:balance}.star-cloud{aspect-ratio:1/1.15;width:100%;max-width:560px;margin:1.2rem auto 0;position:relative}@media (width>=700px){.star-cloud{aspect-ratio:1.5;max-width:100%}}.star-orb{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);text-align:center;color:var(--key);animation:7s ease-in-out infinite orb-float;animation-delay:calc(var(--d) * -1);background-color:#fff;border-radius:50%;place-content:center;padding:.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:grid;position:absolute;box-shadow:0 8px 20px #17306e24}.star-orb[data-tex=stripe]{background-image:repeating-linear-gradient(90deg,#0041cd24 0 2px,#0000 2px 8px)}.star-orb[data-tex=grid]{background-image:repeating-linear-gradient(0deg,#0041cd1f 0 1.2px,#0000 1.2px 9px),repeating-linear-gradient(90deg,#0041cd1f 0 1.2px,#0000 1.2px 9px)}.star-orb[data-tex=dot]{background-image:radial-gradient(#ff96a180 1.6px,#0000 1.7px);background-size:9px 9px}.star-orb[data-tex=arc]{background-image:repeating-radial-gradient(circle,#0041cd1a 0 1.4px,#0000 1.4px 9px)}.orb-name{letter-spacing:.04em;font-size:.84rem;font-weight:600;line-height:1.3}.orb-desc{white-space:nowrap;opacity:0;max-height:0;margin-top:.2rem;font-size:.62rem;line-height:1.5;transition:opacity .2s,max-height .2s;display:block}.star-orb:hover,.star-orb:focus-visible{z-index:2;outline:none;transform:scale(1.12);box-shadow:0 8px 22px #17306e2e}.star-orb:hover .orb-desc,.star-orb:focus-visible .orb-desc{opacity:.85;max-height:3em}@media (hover:none){.orb-desc{opacity:.8;max-height:3em}}@keyframes orb-float{0%,to{translate:0}50%{translate:0 -9px}}@media (prefers-reduced-motion:reduce){.star-orb{animation:none}}.planet-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem;display:grid}.planet-card{background:var(--card);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:0 1px 6px #16324f0f}.planet-card .p-name{color:var(--ink-soft);font-size:.8rem}.planet-card .p-sign{font-size:1.15rem}.breadcrumb{color:var(--ink-soft);margin-top:1rem;font-size:.8rem}.breadcrumb a{color:var(--ink-soft)}@media (width<=480px){.site-header nav{gap:.7rem;font-size:.78rem}main{padding:.8rem 1rem 3rem}.cta-box .btn-primary{padding:.85rem 1rem;display:block}}