@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Shippori+Mincho:wght@600;700&display=swap";:root{--ink:#1d2421;--ink-2:#3d4541;--paper:#f7f5f0;--white:#fff;--muted:#666b66;--line:#d9ddd7;--soft:#ebece7;--red:#c73d49;--blue:#316b9b;--green:#39755b;--gold:#c8913a;--shadow:0 24px 70px #1d24211f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,sans-serif}button,a{font:inherit}button{color:inherit}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#f7f5f0e6;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;position:relative}.brand{color:inherit;letter-spacing:.08em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.brand-symbol{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:34px;height:40px;font-size:18px;display:grid;transform:rotate(-3deg)}.brand-name b{color:var(--red)}.text-button,.back-link{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:5px 0;font-size:.83rem}.screen{display:none}.screen.active{animation:.45s both reveal;display:block}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.eyebrow,.step-label{color:var(--green);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.home-screen{overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);align-items:center;gap:6vw;min-height:680px;padding:clamp(74px,9vw,126px) clamp(20px,7vw,112px);display:grid;position:relative}.hero-grid:before{content:"";border:1px solid var(--line);border-radius:50%;width:500px;height:500px;position:absolute;inset:auto auto -220px -130px}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.055em;margin:18px 0 26px;font-size:clamp(2.75rem,5.3vw,5.45rem);font-weight:800;line-height:1.16}.hero-copy h1 em{white-space:nowrap;font-family:Shippori Mincho,serif;font-style:normal;font-weight:700}.hero-lead{max-width:620px;color:var(--ink-2);margin:0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:2}.hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:38px;display:flex}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:44px;min-height:62px;padding:0 25px;font-weight:700;transition:all .22s;display:inline-flex;box-shadow:0 8px #1d242124}.primary-button:hover{transform:translateY(-3px);box-shadow:0 11px #1d242124}.primary-button b{font-size:1.15rem}.hero-actions>p{gap:3px;margin:0;display:grid}.hero-actions>p strong{font-size:.95rem}.hero-actions>p span{color:var(--muted);font-size:.76rem}.hero-system{aspect-ratio:1;width:min(38vw,520px);margin:auto;position:relative}.system-orbit,.system-orbit:before,.system-orbit:after{border:1px solid var(--line);border-radius:50%;position:absolute}.system-orbit{inset:8%}.system-orbit:before{content:"";inset:15%}.system-orbit:after{content:"";background:#ffffff80;inset:32%}.system-orbit span{background:var(--gold);z-index:2;border-radius:50%;width:8px;height:8px;position:absolute}.system-orbit span:first-child{top:-4px;left:calc(50% - 4px)}.system-orbit span:nth-child(2){top:calc(50% - 4px);right:-4px}.system-orbit span:nth-child(3){bottom:-4px;left:calc(50% - 4px)}.system-center{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:32%}.system-center small,.system-center span{letter-spacing:.2em;font-size:.6rem;font-weight:800}.system-center strong{font-family:Shippori Mincho,serif;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.95}.suit-node{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:124px;height:124px;padding:12px;display:flex;position:absolute;box-shadow:0 18px 40px #1d242114}.suit-node b{font-size:1.9rem;line-height:1}.suit-node span{font-size:.9rem;font-weight:800}.suit-node small{color:var(--muted);letter-spacing:.08em;white-space:nowrap;font-size:.56rem}.node-spade{top:6%;left:6%}.node-heart{top:6%;right:6%}.node-diamond{bottom:6%;left:6%}.node-club{bottom:6%;right:6%}.node-heart b{color:var(--red)}.node-diamond b{color:var(--blue)}.node-club b{color:var(--green)}.method-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:150px 150px 150px 1fr;align-items:center;margin:0 clamp(20px,7vw,112px);padding:26px 0;display:grid}.method-strip>div{border-right:1px solid var(--line);align-items:center;gap:12px;margin-right:24px;display:flex}.method-strip b{font-family:Shippori Mincho,serif;font-size:2rem}.method-strip span{color:var(--muted);font-size:.72rem;line-height:1.5}.method-strip p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.8}.axes-section{padding:110px clamp(20px,7vw,112px) 130px}.section-heading{text-align:center}.section-heading h2,.closing-cta h2,.candidate-section h2,.partner-panel h2,.balance-section h2{letter-spacing:-.035em;margin:14px 0;font-size:clamp(1.9rem,3vw,3rem)}.section-heading>p:last-child{color:var(--muted);margin:0}.axis-cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px;display:grid}.axis-cards article{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;min-height:250px;padding:24px;display:flex}.axis-cards article>span{letter-spacing:.12em;color:var(--muted);margin-bottom:auto;font-size:.65rem}.axis-cards h3{align-items:center;gap:12px;margin:15px 0;font-size:.9rem;display:flex}.axis-cards h3 b{background:var(--soft);border-radius:50%;place-items:center;width:33px;height:33px;font-size:.82rem;display:grid}.axis-cards i{background:var(--line);height:1px;position:relative}.axis-cards i:after{content:"↔";color:#9ca09c;background:#fff;padding:0 10px;font-style:normal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.closing-cta{text-align:center;background:var(--ink);color:#fff;padding:94px 20px 100px;position:relative;overflow:hidden}.closing-cta:before{content:"♠  ♥  ♦  ♣";color:#ffffff06;white-space:nowrap;font-size:14rem;line-height:1;position:absolute;inset:auto 0 -70px}.closing-cta .eyebrow{color:#9bc2ad}.closing-cta .primary-button{color:var(--ink);box-shadow:none;background:#fff;margin-top:18px;position:relative}.diagnosis-options{padding:110px clamp(20px,7vw,112px) 120px}.diagnosis-options .section-heading{text-align:left;max-width:720px}.diagnosis-options .section-heading>p:last-child{color:var(--muted);line-height:1.8}.diagnosis-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 48px;margin-top:38px;padding:clamp(28px,5vw,58px);display:grid;box-shadow:0 18px 55px #1d242112}.diagnosis-card h3{margin:13px 0;font-size:clamp(1.35rem,2.4vw,2rem)}.diagnosis-card p{color:var(--muted);max-width:720px;margin:0;line-height:1.9}.mode-badge{letter-spacing:.14em;color:var(--green);font-size:.72rem;font-weight:800}.mode-facts{flex-wrap:wrap;grid-column:1;gap:8px;display:flex}.mode-facts span{background:var(--soft);border-radius:20px;padding:9px 13px;font-size:.75rem}.mode-facts b{margin-right:2px;font-size:.95rem}.diagnosis-card .primary-button{grid-area:1/2/3}.quick-method{margin-top:0}.gender-screen,.quiz-screen{background:var(--ink);min-height:calc(100vh - 76px);padding:52px 20px 80px}.setup-card{background:var(--paper);border-radius:22px;max-width:820px;margin:auto;padding:clamp(30px,6vw,70px)}.back-link{margin-bottom:48px}.setup-card h2{letter-spacing:-.04em;margin:15px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.35}.setup-note{max-width:570px;color:var(--muted);line-height:1.8}.gender-options{grid-template-columns:1fr 1fr;gap:15px;margin-top:36px;display:grid}.gender-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:190px;transition:all .2s;display:flex}.gender-options button:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-4px)}.gender-icon{font-family:Shippori Mincho,serif;font-size:2.8rem}.gender-options strong{font-size:1.05rem}.gender-options small{letter-spacing:.16em;color:var(--muted)}.quiz-shell{color:#fff;max-width:980px;margin:auto}.quiz-header{align-items:center;gap:20px;display:flex}.round-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;flex:none;width:46px;height:46px}.progress-block{flex:1}.progress-block>div:first-child{color:#ffffff94;justify-content:space-between;margin-bottom:10px;font-size:.78rem;display:flex}.progress-block b{color:#fff;font-size:.95rem}.progress-track{background:#ffffff1f;height:3px;overflow:hidden}.progress-track i{background:#92bea7;width:3.57%;height:100%;transition:all .3s;display:block}.question-wrap{margin-top:clamp(44px,7vw,78px)}.question-guide{text-align:center;color:#ffffff8c;font-size:.8rem}.question-wrap>h2{text-align:center;max-width:760px;margin:14px auto 26px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.55}.rank-guide{color:#ffffff6b;justify-content:center;align-items:center;gap:12px;margin-bottom:25px;font-size:.78rem;display:flex}.rank-guide span{align-items:center;gap:8px;transition:all .2s;display:flex}.rank-guide b{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.rank-guide i{background:#fff3;width:25px;height:1px}.rank-guide .active{color:#fff}.rank-guide .done{color:#92bea7}.choice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice-button{color:#fff;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #fff3;border-radius:12px;min-height:145px;padding:26px 26px 26px 64px;font-weight:600;line-height:1.75;transition:all .18s;position:relative}.choice-button:hover{background:#ffffff14;border-color:#ffffff80}.choice-letter{color:#fff6;font-size:.75rem;position:absolute;top:25px;left:24px}.choice-rank{width:32px;height:32px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:none;position:absolute;top:14px;right:16px}.choice-button.rank-1{color:var(--ink);background:#eef5f0;border-color:#eef5f0}.choice-button.rank-2{color:var(--ink);background:#d6ded8;border-color:#d6ded8}.choice-button.rank-1 .choice-rank,.choice-button.rank-2 .choice-rank{display:grid}.choice-button.rank-1 .choice-letter,.choice-button.rank-2 .choice-letter{color:#6a716c}.next-button{min-width:230px;min-height:55px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;margin:24px auto 0;padding:0 22px;font-weight:700;display:flex}.next-button:disabled{opacity:.28;cursor:not-allowed}.likert-list{max-width:980px;margin:18px auto 0;padding:0;list-style:none}.likert-item{border-bottom:1px solid #ffffff1a;padding:30px 0 34px;transition:opacity .25s}.likert-item:last-child{border-bottom:0}.likert-item.answered{opacity:.42}.likert-item.answered:hover,.likert-item:focus-within{opacity:1}.likert-num{text-align:center;letter-spacing:.16em;color:#ffffff73;margin:0 0 14px;font-size:.7rem;font-weight:700}.likert-body{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(14px,2.4vw,28px);display:grid}.likert-text{margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:700;line-height:1.7}.likert-text small{letter-spacing:.16em;margin-bottom:4px;font-size:.68rem;font-weight:800;display:block}.likert-a{text-align:right}.likert-a small{color:#92bea7}.likert-b small{color:#e0b25e}.likert-scale{align-items:center;gap:clamp(8px,1.3vw,14px);display:flex}.likert-dot{cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:50%;flex:none;padding:0;transition:background .15s,transform .15s}.likert-dot.size-3{width:50px;height:50px}.likert-dot.size-2{width:41px;height:41px}.likert-dot.size-1{width:33px;height:33px}.likert-dot.size-0{width:25px;height:25px}.likert-dot.side-a{border-color:#92bea7}.likert-dot.side-b{border-color:#e0b25e}.likert-dot.side-a:hover{background:#92bea747}.likert-dot.side-b:hover{background:#e0b25e47}.likert-dot.side-n:hover{background:#ffffff2e}.likert-dot.side-a.selected{background:#92bea7}.likert-dot.side-b.selected{background:#e0b25e}.likert-dot.side-n.selected{background:#ffffffbf}.likert-dot.selected{transform:scale(1.06)}.likert-dot:focus-visible{outline-offset:3px;outline:2px solid #fff}.likert-dot:disabled{opacity:.15;cursor:not-allowed}.quick-question .next-button{margin-top:26px}.profile-fields{border:0;margin:0 0 42px;padding:0}.profile-fields legend{margin-bottom:6px;padding:0;font-size:1.05rem;font-weight:800}.profile-fields legend small{color:var(--muted);border:1px solid var(--line);border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700}.profile-fields .setup-note{margin:6px 0 16px;font-size:.86rem}.profile-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.profile-grid label{color:var(--ink-2);gap:6px;font-size:.78rem;font-weight:700;display:grid}.profile-grid select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:0 12px;font-size:.92rem;font-weight:500}.profile-grid select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.admin-profiles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.admin-profiles h3{margin:0 0 10px;font-size:.95rem}.result-screen{max-width:1120px;margin:auto;padding:82px clamp(20px,4vw,50px) 100px}.result-intro{text-align:center}.result-intro>p:not(.eyebrow){color:var(--muted);margin:12px 0 4px}.result-intro h1{letter-spacing:-.05em;margin:0;font-family:Shippori Mincho,serif;font-size:clamp(3.4rem,7vw,6.5rem)}.type-code{letter-spacing:.23em;color:var(--muted);margin:8px 0 34px;font-size:.78rem;font-weight:800}.result-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:45% 55%;display:grid;overflow:hidden}.result-character{background:#fff;min-height:680px;position:relative;overflow:hidden}.result-character img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.result-main-copy{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,68px);display:flex;position:relative}.result-group{letter-spacing:.14em;color:var(--green);font-size:.78rem;font-weight:800}.result-catch{margin:20px 0;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:800;line-height:1.55}.result-essence{color:var(--ink-2);margin:0;line-height:2}.result-tags{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.result-tags span{background:var(--soft);border-radius:20px;padding:7px 10px;font-size:.72rem}.fit-score{border-top:1px solid var(--line);align-items:baseline;gap:4px;margin-top:35px;padding-top:18px;display:flex}.fit-score span{letter-spacing:.18em;color:var(--muted);margin-right:auto;font-size:.63rem}.fit-score strong{font-family:Shippori Mincho,serif;font-size:2.7rem}.fit-score small{color:var(--muted)}.balance-section{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:76px;padding:42px}.section-heading.compact{text-align:left}.section-heading.compact h2{font-size:2rem}.axis-bars{gap:28px;margin-top:36px;display:grid}.axis-row{grid-template-columns:170px 1fr 170px;align-items:center;gap:18px;display:grid}.axis-label-left,.axis-label-right{font-size:.78rem;font-weight:700}.axis-label-right{text-align:right}.axis-label-left b,.axis-label-right b{margin-right:5px;font-size:1.08rem}.axis-meter{background:#e2e5e0;border-radius:10px;height:12px;position:relative;overflow:hidden}.axis-meter:before{content:"";z-index:2;background:#fff;width:1px;position:absolute;top:0;bottom:0;left:50%}.axis-meter i{background:var(--green);border-radius:10px;height:100%;display:block}.axis-pct{color:var(--muted);margin-top:5px;font-size:.67rem;font-weight:600;display:block}.boundary-note{color:var(--muted);background:#f3f1eb;border-radius:8px;margin:26px 0 0;padding:15px 17px;font-size:.78rem;line-height:1.7}.boundary-note:empty{display:none}.result-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;display:grid}.result-grid section{border:1px solid var(--line);background:#fff;border-radius:14px;padding:32px}.result-grid section:last-child{grid-column:1/-1}.result-grid section>span{color:var(--green);font-size:.7rem;font-weight:800}.result-grid h3{margin:12px 0;font-size:1rem}.result-grid p,.candidate-section>div>p:last-child,.partner-panel p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.9}.upgrade-panel{background:#e8eee9;border:1px solid #cdd8d0;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-top:56px;padding:40px;display:flex}.upgrade-panel[hidden]{display:none}.upgrade-panel h2{margin:10px 0;font-size:clamp(1.7rem,3vw,2.5rem)}.upgrade-panel p:last-child{color:var(--muted);margin:0;line-height:1.8}.upgrade-panel .primary-button{flex:none}.candidate-section,.partner-panel{grid-template-columns:32% 68%;align-items:start;gap:40px;margin-top:56px;display:grid}.candidate-section h2,.partner-panel h2{font-size:2rem}.candidate-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.candidate-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.candidate-card span{color:var(--muted);letter-spacing:.13em;font-size:.65rem}.candidate-card strong{margin:8px 0;font-size:1.3rem;display:block}.candidate-card small{color:var(--muted)}.partner-panel{background:var(--ink);color:#fff;border-radius:18px;padding:42px}.partner-panel .eyebrow{color:#9bc2ad}.partner-panel h2{margin-bottom:0}.partner-panel strong{font-family:Shippori Mincho,serif;font-size:2.6rem}.partner-panel p{color:#ffffffab;margin-top:14px}.result-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:64px;display:flex}.secondary-button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:9px;min-height:62px;padding:0 25px;font-weight:700}.disclaimer{text-align:center;color:#8b8e8a;max-width:780px;margin:32px auto 0;font-size:.7rem;line-height:1.8}dialog{background:var(--paper);width:min(760px,100% - 32px);max-height:calc(100vh - 32px);color:var(--ink);border:0;border-radius:18px;padding:clamp(30px,6vw,64px);overflow:auto;box-shadow:0 35px 100px #00000061}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f1412bf}dialog h2{margin:14px 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.4}dialog>p:not(.eyebrow,.dialog-note){color:var(--muted);line-height:1.9}.dialog-close{cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:15px;right:18px}.dialog-axes{grid-template-columns:1fr 1fr;gap:8px;margin:26px 0;display:grid}.dialog-axes span{border:1px solid var(--line);background:#fff;padding:15px;font-weight:800}.dialog-axes small{color:var(--muted);margin-top:4px;font-weight:500;display:block}.suit-origin{border-top:1px solid var(--line);margin:38px 0 30px;padding-top:34px}.suit-origin h3{margin:12px 0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.5}.suit-origin>p:not(.eyebrow,.origin-note){color:var(--muted);line-height:1.9}.suit-meanings{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0;display:grid}.suit-meanings article{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:14px;padding:17px;display:flex}.suit-meanings article>b{font-size:2rem;line-height:1}.suit-meanings article>div{flex:1;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;display:grid}.suit-meanings small{letter-spacing:.13em;color:var(--muted);grid-column:1/-1;font-size:.6rem;font-weight:800}.suit-meanings strong{font-size:.95rem}.suit-meanings span{color:var(--muted);font-size:.72rem}.origin-heart>b{color:var(--red)}.origin-diamond>b{color:var(--blue)}.origin-club>b{color:var(--green)}.origin-note{color:var(--muted);background:#f1efe9;border-radius:8px;margin:20px 0 0;padding:15px 17px;font-size:.75rem;line-height:1.8}.dialog-note{color:var(--muted);font-size:.75rem}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:80;border-radius:8px;padding:12px 18px;font-size:.8rem;transition:all .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}body[data-suit=♥]{--green:var(--red)}body[data-suit=♦]{--green:var(--blue)}body[data-suit=♣]{--green:#39755b}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;padding-bottom:40px}.hero-system{width:min(90vw,500px)}.method-strip{grid-template-columns:repeat(3,1fr)}.method-strip p{grid-column:1/-1;margin-top:22px}.axis-cards{grid-template-columns:1fr 1fr}.diagnosis-card{grid-template-columns:1fr}.diagnosis-card .primary-button{grid-area:auto/1;width:fit-content}.result-hero{grid-template-columns:1fr}.result-character{aspect-ratio:2/3;min-height:auto}.result-character img{object-position:center}.result-main-copy{padding:40px}.candidate-section,.partner-panel{grid-template-columns:1fr}.axis-row{grid-template-columns:110px 1fr 110px}}@media (max-width:620px){.site-header{height:66px;padding:0 16px}.brand-name{font-size:.84rem}.brand-symbol{width:30px;height:35px}.home-screen{overflow:visible}.hero-grid{min-height:auto;padding:64px 20px 34px}.hero-copy h1{font-size:2.5rem}.hero-lead{font-size:.94rem;line-height:1.9}.hero-actions{align-items:flex-start}.hero-system{width:100%;margin-top:16px}.suit-node{border-radius:18px;gap:3px;width:96px;height:96px;padding:8px}.suit-node b{font-size:1.45rem}.suit-node small{letter-spacing:.04em;font-size:.5rem}.suit-node span{font-size:.72rem}.method-strip{grid-template-columns:repeat(3,1fr);margin:0 20px}.method-strip>div{gap:7px;margin-right:9px}.method-strip b{font-size:1.45rem}.method-strip span{font-size:.62rem}.diagnosis-options{padding:76px 20px 84px}.diagnosis-card{padding:26px 20px}.diagnosis-card .primary-button{width:100%}.axes-section{padding:78px 20px 90px}.axis-cards{grid-template-columns:1fr;margin-top:34px}.axis-cards article{min-height:210px}.gender-screen,.quiz-screen{min-height:calc(100vh - 66px);padding:28px 14px 60px}.setup-card{padding:26px 20px}.back-link{margin-bottom:34px}.gender-options{grid-template-columns:1fr}.gender-options button{min-height:140px}.choice-grid{grid-template-columns:1fr}.choice-button{min-height:118px;padding:21px 52px 21px 53px}.choice-letter{top:21px;left:20px}.question-wrap>h2{text-align:left;font-size:1.45rem}.question-guide{text-align:left;line-height:1.7}.rank-guide{justify-content:flex-start}.likert-item{padding:24px 0 28px}.likert-body{grid-template-columns:1fr 1fr;grid-template-areas:"a b""scale scale";gap:14px 12px}.likert-a{text-align:left;grid-area:a}.likert-b{text-align:right;grid-area:b}.likert-scale{grid-area:scale;justify-content:space-between;gap:4px}.likert-text{font-size:.9rem}.likert-dot.size-3{width:44px;height:44px}.likert-dot.size-2{width:37px;height:37px}.likert-dot.size-1{width:30px;height:30px}.likert-dot.size-0{width:23px;height:23px}.profile-grid{grid-template-columns:1fr}.profile-fields{margin-bottom:34px}.result-screen{padding:60px 16px 80px}.result-intro h1{font-size:3.5rem}.result-character{aspect-ratio:2/3}.result-main-copy{padding:30px 22px}.balance-section{margin-top:48px;padding:28px 18px}.axis-row{grid-template-columns:1fr 1fr;gap:6px}.axis-label-right{text-align:right}.axis-meter{grid-area:2/1/auto/-1}.result-grid{grid-template-columns:1fr}.result-grid section:last-child{grid-column:auto}.candidate-section,.partner-panel{gap:20px;margin-top:45px}.candidate-list{grid-template-columns:1fr}.partner-panel{padding:30px 24px}.upgrade-panel{padding:28px 22px;display:grid}.dialog-axes,.suit-meanings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.saved-results{border:1px solid var(--line);background:var(--white);border-radius:14px;margin:0 clamp(20px,7vw,112px) 56px;padding:28px 30px}.saved-results[hidden]{display:none}.saved-results-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.saved-results-head h2{letter-spacing:-.03em;margin:8px 0 0;font-size:1.5rem}.saved-results-head .text-button{color:var(--muted)}.saved-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:20px;display:grid}.saved-card{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:12px;gap:6px;padding:20px 22px;transition:all .2s;display:grid}.saved-card:hover{border-color:var(--ink);transform:translateY(-2px)}.saved-card span{color:var(--muted);letter-spacing:.1em;font-size:.68rem}.saved-card strong{font-size:1.3rem}.saved-card small{color:var(--muted);font-size:.78rem}.saved-card b{color:var(--green);margin-top:6px;font-size:.8rem}.saved-note{color:var(--muted);margin:16px 0 0;font-size:.72rem;line-height:1.7}@media (max-width:620px){.saved-results{margin:0 20px 40px;padding:22px 18px}.saved-list{grid-template-columns:1fr}}.header-nav{align-items:center;gap:22px;display:flex}.closing-link{margin:26px 0 0;position:relative}.closing-link .text-button{color:#ffffffb8}button.candidate-card{text-align:left;cursor:pointer;width:100%;color:var(--ink);font:inherit;transition:all .2s;display:block}button.candidate-card:hover{border-color:var(--ink);transform:translateY(-2px)}.partner-link{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff4d;padding:0;font-family:Shippori Mincho,serif;font-size:2.6rem;font-weight:700}.partner-link:hover{border-bottom-color:#fff}.types-head{text-align:center;max-width:1120px;margin:auto;padding:82px clamp(20px,4vw,50px) 30px}.types-head h1{letter-spacing:-.04em;margin:12px 0;font-family:Shippori Mincho,serif;font-size:clamp(2.6rem,5vw,4.4rem)}.types-head>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.8}.browse-gender{border:1px solid var(--line);background:var(--white);border-radius:30px;gap:6px;margin-top:26px;padding:5px;display:inline-flex}.browse-gender button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:24px;padding:9px 18px;font-size:.8rem;font-weight:700}.browse-gender button.selected{background:var(--ink);color:#fff}.types-groups{gap:56px;max-width:1120px;margin:auto;padding:20px clamp(20px,4vw,50px) 90px;display:grid}.types-group header{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:16px;display:flex}.types-group header b{font-size:2.6rem;line-height:1}.types-group[data-suit=♥] header b,.types-group[data-suit=♦] header b{color:var(--red)}.types-group header small{letter-spacing:.18em;color:var(--muted);font-size:.65rem}.types-group header h2{margin:2px 0;font-size:1.6rem}.types-group header span{color:var(--muted);font-size:.8rem}.types-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.type-tile{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--ink);font:inherit;background:#fff;border-radius:14px;align-content:start;gap:6px;padding:0 0 18px;transition:all .2s;display:grid;overflow:hidden}.type-tile:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-3px)}.type-tile img{aspect-ratio:2/3;object-fit:cover;object-position:center top;background:var(--soft);width:100%;margin-bottom:8px;display:block}.type-tile span,.type-tile strong,.type-tile small{padding:0 16px}.type-tile span{letter-spacing:.14em;color:var(--muted);font-size:.62rem}.type-tile strong{font-size:1.15rem}.type-tile small{color:var(--muted);font-size:.75rem;line-height:1.7}.type-screen>.back-link{margin-bottom:34px}.type-screen .result-hero{margin-top:36px}@media (max-width:900px){.types-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.header-nav{gap:14px}.types-head{padding:56px 20px 20px}.types-groups{gap:44px;padding:10px 20px 70px}.types-grid{gap:10px}.type-tile span,.type-tile strong,.type-tile small{padding:0 12px}.type-tile small{display:none}.partner-link{font-size:2rem}}.save-card-button{color:var(--ink);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.resume-panel{background:var(--ink);color:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:24px clamp(20px,7vw,112px) 0;padding:28px 30px;display:flex}.resume-panel[hidden]{display:none}.resume-panel .eyebrow{color:#9bc2ad}.resume-panel h2{letter-spacing:-.03em;margin:8px 0 6px;font-size:1.5rem}.resume-panel p:not(.eyebrow){color:#ffffffb8;margin:0;font-size:.88rem}.resume-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.resume-panel .primary-button{color:var(--ink);box-shadow:none;background:#fff}.resume-panel .text-button{color:#ffffffb8}@media (max-width:620px){.resume-panel{margin:16px 20px 0;padding:22px 18px}.resume-actions,.resume-panel .primary-button{width:100%}}.result-grid.four section:last-child{grid-column:auto}.result-role{border-top:1px solid var(--line);color:var(--muted);margin:22px 0 0;padding-top:16px;font-size:.82rem;font-weight:700}.axis-block{gap:10px;display:grid}.axis-desc{color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.axis-desc b{color:var(--ink);margin-right:10px;font-size:.82rem}@media (max-width:620px){.result-grid.four{grid-template-columns:1fr}}.showcase{padding:0 clamp(20px,7vw,112px) 90px}.showcase .types-grid{margin-top:34px}.showcase-more{text-align:center;margin:30px 0 0}.faq{max-width:980px;padding:0 clamp(20px,7vw,112px) 100px}.faq .section-heading{margin-bottom:26px}.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 36px 18px 0;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-size:1.3rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:0 0 20px;font-size:.9rem;line-height:1.9}@media (max-width:620px){.showcase{padding:0 20px 70px}.faq{padding:0 20px 76px}}.admin{max-width:1080px;color:var(--ink);margin:0 auto;padding:48px clamp(16px,4vw,40px) 80px}.admin h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(1.8rem,4vw,2.6rem)}.admin h2{margin:0 0 6px;font-size:1.15rem}.admin a{color:inherit}.admin-muted{color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.admin-periods{border:1px solid var(--line);background:var(--white);border-radius:24px;gap:4px;padding:4px;display:inline-flex}.admin-periods a{color:var(--muted);border-radius:20px;padding:7px 14px;font-size:.8rem;font-weight:700;text-decoration:none}.admin-periods a[aria-current=page]{background:var(--ink);color:#fff}.admin-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px;display:grid}.admin-tiles div{background:var(--white);border:1px solid var(--line);border-radius:12px;gap:4px;padding:18px 20px;display:grid}.admin-tiles span{color:var(--muted);letter-spacing:.06em;font-size:.72rem;font-weight:700}.admin-tiles strong{font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.admin-tiles small{color:var(--muted);font-size:.74rem}.admin-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:24px}.admin-bars{gap:6px;margin-top:18px;display:grid}.admin-bar-row{grid-template-columns:minmax(150px,210px) 1fr 70px;align-items:center;gap:12px;padding:3px 0;display:grid}.admin-bar-row:hover{background:var(--paper)}.admin-bar-row>span:first-child{align-items:baseline;gap:6px;font-size:.85rem;font-weight:700;display:flex}.admin-bar-row>span:first-child small{color:var(--muted);font-size:.68rem;font-weight:500}.admin-bar-track{background:var(--soft);border-radius:0 4px 4px 0;height:14px}.admin-bar-track i{background:var(--ink-2);border-radius:0 4px 4px 0;min-width:0;height:100%;display:block}.admin-bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.admin-bar-value small{color:var(--muted);font-size:.66rem;font-weight:500;display:block}.admin-days{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:160px;margin:18px 0 8px;display:grid}.admin-days>div{text-align:center;grid-template-rows:1fr auto;gap:6px;height:100%;display:grid}.admin-day-bar{background:linear-gradient(var(--line),var(--line)) bottom/100% 1px no-repeat;align-items:flex-end;display:flex}.admin-day-bar i{background:var(--ink-2);border-radius:4px 4px 0 0;width:100%;display:block}.admin-days small{color:var(--muted);font-size:.6rem}.admin-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:18px;font-size:.82rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:right;padding:8px 10px}.admin-table th:first-child,.admin-table td:first-child{text-align:left}.admin-table th{color:var(--muted);font-size:.74rem;font-weight:700}.admin-foot{margin-top:28px}@media (max-width:620px){.admin-bar-row{grid-template-columns:120px 1fr 52px;gap:8px}.admin-days small{font-size:.5rem}}.type-page{padding-top:40px}.type-page .result-hero{margin-top:36px}.type-page .result-grid h2{margin:12px 0;font-size:1rem}.type-page a.primary-button,.type-page a.type-tile,.type-page a.partner-link,.site-header a.text-button{text-decoration:none}.site-header a.text-button,.type-page a.type-tile{color:var(--ink)}.type-share{text-align:center;margin:18px 0 0;font-size:.85rem}.type-share a{color:var(--muted)}.type-page a.partner-link{display:inline-block}.type-page-gender{justify-content:center;gap:6px;margin-bottom:26px;display:flex}.type-page-gender a{border:1px solid var(--line);color:var(--muted);background:var(--white);border-radius:22px;padding:8px 16px;font-size:.8rem;font-weight:700;text-decoration:none}.type-page-gender a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.type-page-group{margin-top:56px}.type-page-group h2{margin:10px 0 0;font-size:1.6rem}.type-page-group .types-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:620px){.type-page-group .types-grid{grid-template-columns:repeat(2,1fr)}}.compat-screen .result-intro>p:not(.eyebrow){max-width:560px;margin:14px auto 0;line-height:1.8}.compat-members{flex-wrap:wrap;justify-content:center;gap:8px;margin:34px 0 18px;display:flex}.compat-chip{border:1px solid var(--line);background:var(--white);border-radius:30px;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:.85rem;font-weight:700;display:inline-flex}.compat-chip img{object-fit:cover;object-position:top;border-radius:50%;width:30px;height:30px}.compat-chip button{background:var(--soft);cursor:pointer;width:22px;height:22px;color:var(--muted);border:0;border-radius:50%;line-height:1}.compat-picker{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:30px;display:flex}.compat-picker button{border:1px solid var(--line);background:var(--white);cursor:pointer;color:var(--ink);border-radius:20px;padding:7px 12px;font-size:.78rem}.compat-picker button:hover:not(:disabled){border-color:var(--ink)}.compat-picker button:disabled{opacity:.4;cursor:default}.compat-hint{text-align:center;color:var(--muted)}.compat-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,40px)}.compat-card h2{margin:10px 0;font-size:clamp(1.3rem,3vw,1.8rem)}.compat-card h3{margin:28px 0 10px;font-size:1rem}.compat-card ul{gap:10px;margin:0;padding-left:1.2em;font-size:.9rem;line-height:1.8;display:grid}.compat-card li b{margin-right:8px}.compat-summary{color:var(--ink-2);margin:0;line-height:1.8}.compat-partner{background:var(--paper);border-radius:10px;margin:16px 0 0;padding:12px 16px;font-size:.88rem;line-height:1.7}.compat-note{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.7}.compat-axis{border-top:1px solid var(--line);padding:16px 0}.compat-axis:first-of-type{margin-top:18px}.compat-axis>p:first-child{margin:0 0 10px;font-size:.88rem}.compat-axis>p b{margin-right:10px}.compat-axis.is-missing .compat-note{color:var(--red)}summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen [tabindex="-1"]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen [tabindex="-1"]:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.type-deep-dive{--deep-accent:var(--green);margin-top:56px}.type-deep-dive[data-suit=♠]{--deep-accent:#252a28}.type-deep-dive[data-suit=♥]{--deep-accent:#b64949}.type-deep-dive[data-suit=♦]{--deep-accent:#3267a8}.type-deep-dive[data-suit=♣]{--deep-accent:#28734e}.deep-dive-head{background:var(--ink);color:#fff;border-top:5px solid var(--deep-accent);border-radius:18px 18px 0 0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:44px;padding:40px;display:grid}.deep-dive-head .eyebrow{color:#d8ddd9}.deep-dive-head h2{letter-spacing:-.045em;margin:12px 0 0;font-family:Shippori Mincho,serif;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.25}.deep-dive-head>p{color:#ffffffb8;margin:0;font-size:.96rem;line-height:2}.deep-dive-signals{background:var(--line);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.deep-dive-signals article{background:var(--white);border-top:3px solid #0000;align-content:center;gap:9px;min-height:116px;padding:22px;display:grid}.deep-dive-signals article:hover{border-top-color:var(--deep-accent)}.deep-dive-signals small{letter-spacing:.08em;color:var(--muted);font-size:.66rem}.deep-dive-signals strong{font-size:.94rem;line-height:1.6}.deep-dive-list{gap:10px;margin-top:22px;display:grid}.deep-dive-section{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}.deep-dive-section[open]{border-color:var(--deep-accent);box-shadow:0 16px 44px #1d242112}.deep-dive-section summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:20px 22px;list-style:none;display:grid}.deep-dive-section summary::-webkit-details-marker{display:none}.deep-dive-section summary>span{grid-template-columns:155px minmax(150px,.55fr) minmax(220px,1fr);align-items:center;gap:18px;display:grid}.deep-dive-section summary small{letter-spacing:.12em;color:var(--deep-accent);font-size:.61rem;font-weight:800}.deep-dive-section summary b{font-size:1rem}.deep-dive-section summary em{color:var(--muted);font-size:.8rem;font-style:normal;line-height:1.65}.deep-dive-section summary>i{color:var(--deep-accent);background:var(--soft);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.68rem;font-style:normal;font-weight:800}.deep-dive-section summary:after{content:"＋";color:var(--muted);font-size:1rem}.deep-dive-section[open] summary:after{content:"−"}.deep-dive-body{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:36px;padding:26px 26px 28px;display:grid}.deep-dive-body>p{color:var(--ink-2);margin:0;font-size:.94rem;line-height:2}.deep-dive-body ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.deep-dive-body li{background:var(--paper);border-radius:9px;padding:10px 12px 10px 31px;font-size:.82rem;line-height:1.65;position:relative}.deep-dive-body li:before{content:"";background:var(--deep-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:18px;left:13px}.compatibility-profile,.pair-theme-panel{margin-top:56px}.compatibility-profile-head{max-width:760px;margin-bottom:24px}.compatibility-profile-head h2{letter-spacing:-.035em;margin:12px 0;font-family:Shippori Mincho,serif;font-size:clamp(1.8rem,3vw,2.8rem)}.compatibility-profile-head>p:last-child{color:var(--muted);margin:0;line-height:1.9}.compat-theme-list{gap:10px;display:grid}.compat-theme{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}.compat-theme[open]{border-color:#b9c1ba;box-shadow:0 16px 44px #1d24210f}.compat-theme summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;list-style:none;display:flex}.compat-theme summary::-webkit-details-marker{display:none}.compat-theme summary>span{gap:3px;display:grid}.compat-theme summary small{color:var(--muted);letter-spacing:.16em;font-size:.61rem;font-weight:800}.compat-theme summary b{font-size:1.05rem}.compat-theme summary>i{color:var(--green);white-space:nowrap;background:#edf3ef;border-radius:999px;padding:7px 11px;font-size:.7rem;font-style:normal;font-weight:800}.compat-theme summary>i.friction{color:#9a4c3e;background:#f7ece8}.compat-theme summary>i.balanced{color:#5e6570;background:#eef0f2}.compat-theme summary:after{content:"＋";color:var(--muted);font-size:1rem}.compat-theme[open] summary:after{content:"−"}.compat-theme-body{border-top:1px solid var(--line);padding:22px}.compat-theme-body>p:first-child{color:var(--ink-2);margin:0 0 20px;font-size:.9rem;line-height:1.85}.compat-rank-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.compat-rank-columns>section{align-content:start;gap:8px;display:grid}.compat-rank-columns h3{letter-spacing:.11em;color:var(--green);margin:0 0 4px;font-size:.7rem}.compat-rank-columns .friction h3{color:#9a4c3e}.compat-rank-card{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:10px;grid-template-columns:28px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:all .2s;display:grid}.compat-rank-card:hover{border-color:var(--ink);transform:translateY(-2px)}.compat-rank-card>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:grid}.compat-rank-card.friction>span{background:#9a4c3e}.compat-rank-card img{object-fit:cover;object-position:top;background:var(--soft);border-radius:8px;width:48px;height:48px}.compat-rank-card>div{gap:3px;min-width:0;display:grid}.compat-rank-card b{font-size:.82rem}.compat-rank-card small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.55;display:-webkit-box;overflow:hidden}.compat-rank-card>i{color:var(--muted);font-style:normal}.compat-detail-link{text-align:center;margin:18px 0 0}.compat-detail-link .secondary-button,.pair-page-actions a,.pair-next a{text-decoration:none}.pair-theme-panel{padding-top:10px}.pair-perspectives>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair-perspectives article{background:var(--paper);border-radius:10px;padding:18px}.pair-perspectives article small{letter-spacing:.08em;color:var(--muted);font-size:.63rem;font-weight:800}.pair-perspectives article h3{margin:7px 0 10px;font-size:.95rem}.pair-perspectives article p{color:var(--ink-2);margin:0;font-size:.84rem;line-height:1.8}.compatibility-page{max-width:1180px;margin:0 auto;padding:44px clamp(18px,5vw,58px) 88px}.pair-page-hero{grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(34px,6vw,82px);min-height:610px;display:grid}.pair-portrait{grid-template-columns:1fr 38px 1fr;align-items:center;height:520px;display:grid;position:relative}.pair-portrait:before{content:"";border:1px solid var(--line);background:radial-gradient(circle,#ffffffe6,#fff0 68%);border-radius:50%;position:absolute;inset:8% 3%}.pair-portrait>span{z-index:3;background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.pair-portrait figure{border:1px solid var(--line);z-index:2;background:#fff;border-radius:150px 150px 18px 18px;height:440px;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 55px #1d242117}.pair-portrait figure:first-of-type{transform:translate(10px)rotate(-2deg)}.pair-portrait figure:last-of-type{transform:translate(-10px)rotate(2deg)}.pair-portrait img{object-fit:cover;object-position:top;width:100%;height:100%}.pair-portrait figcaption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border-radius:10px;gap:2px;padding:10px 12px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.pair-portrait figcaption small{letter-spacing:.14em;color:var(--muted);font-size:.55rem}.pair-portrait figcaption b{font-size:.82rem}.pair-portrait .suit-spade figcaption b{color:var(--ink)}.pair-portrait .suit-heart figcaption b{color:var(--red)}.pair-portrait .suit-diamond figcaption b{color:var(--blue)}.pair-portrait .suit-club figcaption b{color:var(--green)}.pair-story-visual{border:1px solid var(--line);background:#111827;border-radius:22px;height:590px;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #1d242124}.pair-story-official{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.pair-story-stamp{object-fit:contain;filter:drop-shadow(0 12px 18px #1118273d);pointer-events:none;width:145px;height:145px;position:absolute;bottom:92px;right:14px}.pair-story-visual figcaption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:12px;gap:3px;padding:14px 160px 14px 16px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.pair-story-visual figcaption small{letter-spacing:.14em;color:var(--muted);font-size:.56rem;font-weight:800}.pair-story-visual figcaption b{flex-wrap:wrap;align-items:center;gap:7px;font-size:.9rem;display:flex}.pair-story-visual figcaption b i{color:var(--muted);font-style:normal}.suit-text-spade{box-shadow:inset 0 -.09em 0 var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#e4e7e5;border-radius:.12em;padding:0 .12em;display:inline-block;color:var(--ink)!important}.suit-text-heart{color:var(--red)!important}.suit-text-diamond{color:var(--blue)!important}.suit-text-club{color:var(--green)!important}.pair-story-visual figcaption span{color:var(--muted);font-size:.64rem}.pair-page-copy h1{letter-spacing:-.055em;margin:16px 0 24px;font-size:clamp(2.5rem,5vw,4.9rem);line-height:1.18}.pair-page-copy h1 .pair-heading-line{white-space:nowrap;display:block}.pair-page-copy h1 .pair-heading-name{font-size:1em}.pair-page-copy h1 .pair-heading-connector{color:var(--ink);margin-left:.08em;font-size:.55em}.pair-page-copy h1 em{font-family:Shippori Mincho,serif;font-style:normal}.pair-page-copy>p:not(.eyebrow){color:var(--ink-2);max-width:620px;margin:0;line-height:2}.pair-page-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;display:flex}.pair-page-actions .secondary-button{align-items:center;min-height:62px;display:inline-flex}.pair-page-themes{margin:72px 0 0}.pair-next{background:var(--ink);color:#fff;text-align:center;border-radius:18px;margin-top:72px;padding:clamp(30px,5vw,56px)}.pair-next .eyebrow{color:#9bc2ad}.pair-next h2{margin:12px 0;font-family:Shippori Mincho,serif;font-size:clamp(1.8rem,3vw,2.7rem)}.pair-next>p:not(.eyebrow){color:#ffffffb3;line-height:1.8}.pair-next .primary-button{color:var(--ink);box-shadow:none;background:#fff;margin-top:12px}.compatibility-page>.disclaimer{text-align:center}@media (max-width:900px){.compat-rank-columns{grid-template-columns:1fr}.pair-page-hero{grid-template-columns:1fr;min-height:auto}.pair-portrait{width:100%;max-width:580px;margin:auto}.pair-page-copy{text-align:center}.pair-page-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.pair-page-actions{justify-content:center}.deep-dive-head{grid-template-columns:1fr;gap:22px}.deep-dive-signals{grid-template-columns:1fr 1fr}.deep-dive-section summary>span{grid-template-columns:120px minmax(140px,.5fr) 1fr}.deep-dive-body{grid-template-columns:1fr}}@media (max-width:620px){.type-deep-dive{margin-top:44px}.deep-dive-head{padding:28px 22px}.deep-dive-head h2{font-size:2.25rem}.deep-dive-head>p{font-size:.9rem}.deep-dive-signals article{min-height:105px;padding:17px 15px}.deep-dive-signals strong{font-size:.84rem}.deep-dive-section summary{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:17px 14px}.deep-dive-section summary>span{grid-template-columns:1fr;gap:4px}.deep-dive-section summary em{padding-right:6px;font-size:.76rem}.deep-dive-section summary>i{display:none}.deep-dive-body{gap:18px;padding:19px 15px 21px}.deep-dive-body>p{font-size:.9rem}.compatibility-profile,.pair-theme-panel{margin-top:44px}.compat-theme summary{gap:8px;padding:16px 14px}.compat-theme summary>i{padding:6px 8px;font-size:.62rem}.compat-theme-body{padding:16px 12px}.compat-rank-card{grid-template-columns:25px 42px minmax(0,1fr) auto;padding:8px}.compat-rank-card img{width:42px;height:42px}.pair-perspectives>div{grid-template-columns:1fr}.compatibility-page{padding:30px 14px 66px}.pair-page-hero{gap:28px}.pair-portrait{grid-template-columns:1fr 28px 1fr;height:340px}.pair-portrait figure{border-radius:100px 100px 14px 14px;height:310px}.pair-portrait>span{width:28px;height:28px;font-size:.75rem}.pair-portrait figcaption{padding:8px;bottom:6px;left:6px;right:6px}.pair-portrait figcaption b{font-size:.68rem}.pair-story-visual{aspect-ratio:2/3;border-radius:16px;height:auto}.pair-story-stamp{width:108px;height:108px;bottom:78px;right:8px}.pair-story-visual figcaption{padding:11px 108px 11px 12px;bottom:8px;left:8px;right:8px}.pair-story-visual figcaption b{font-size:.74rem}.pair-story-visual figcaption span{font-size:.56rem}.pair-page-copy h1{font-size:2.55rem}.pair-page-actions{display:grid}.pair-page-actions .primary-button,.pair-page-actions .secondary-button{width:100%}.pair-page-themes{margin-top:56px}}.feedback-panel{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:24px;margin-top:22px;padding:28px 32px;display:grid}.feedback-panel h2{margin:6px 0;font-size:1.25rem}.feedback-panel p:not(.eyebrow){color:var(--muted);margin:0;font-size:.82rem;line-height:1.7}.feedback-scale{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.feedback-scale button{border:1px solid var(--line);background:var(--paper);min-height:78px;color:var(--ink);cursor:pointer;font:inherit;border-radius:12px;place-items:center;gap:2px;padding:10px 4px;transition:all .15s;display:grid}.feedback-scale button:hover{border-color:var(--ink)}.feedback-scale button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.feedback-scale button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.feedback-scale b{font-size:1.1rem}.feedback-scale span{text-align:center;font-size:.66rem;line-height:1.35}@media (max-width:620px){.feedback-panel{grid-template-columns:1fr;gap:16px;padding:22px 18px}.feedback-scale{gap:5px}.feedback-scale button{min-height:70px;padding:8px 2px}.feedback-scale span{font-size:.58rem}}.legal-page{max-width:760px;margin:auto;padding:72px 20px 100px}.legal-page h1{letter-spacing:-.02em;margin:10px 0 20px;font-family:Shippori Mincho,serif;font-size:clamp(2rem,5vw,3rem)}.legal-lead{color:var(--ink-2);line-height:2}.legal-page section{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.legal-page h2{margin:0 0 12px;font-size:1.08rem}.legal-page p,.legal-page li{color:var(--ink-2);font-size:.93rem;line-height:1.95}.legal-page ul{margin:10px 0;padding-left:1.3em}.legal-date{color:var(--muted)!important;font-size:.82rem!important}.legal-page .result-actions{margin-top:48px}.legal-link{text-align:center;margin-top:10px;font-size:.78rem;display:block}.legal-link a{color:var(--muted)}.subtype-panel{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;margin-top:22px;padding:30px 32px;display:grid}.subtype-head h2{margin:8px 0 10px;font-family:Shippori Mincho,serif;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4}.subtype-summary{color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.9}.subtype-note{color:var(--muted);margin:10px 0 0;font-size:.76rem}.subtype-note:empty{display:none}.function-stack{gap:8px;margin:0;padding:0;list-style:none;display:grid}.function-stack li{background:var(--paper);border-radius:10px;grid-template-columns:5.2em 1.6em 1fr auto;align-items:center;gap:8px;padding:10px 14px;font-size:.84rem;display:grid}.function-stack li:first-child{background:var(--ink);color:#fff}.function-stack span{color:var(--muted);font-size:.7rem;font-weight:700}.function-stack li:first-child span{color:#ffffffb3}.function-stack b{font-size:1rem}.function-stack em{font-style:normal;font-weight:800}.share-panel{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);align-items:center;gap:20px;margin-top:22px;padding:24px 32px;display:grid}.share-panel h2{margin:6px 0 0;font-size:1.2rem}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.share-buttons a,.share-buttons button{min-height:42px;font:inherit;color:#fff;cursor:pointer;border:1px solid #0000;border-radius:21px;justify-content:center;align-items:center;padding:0 16px;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.share-buttons a:hover,.share-buttons button:hover{opacity:.9;transform:translateY(-1px)}:is(.share-buttons a:focus-visible,.share-buttons button:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.share-x,.share-threads{background:#111}.share-line{background:#06c755}.share-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b 50%,#8134af)}.share-note{background:#41c9b4}.share-facebook{background:#1877f2}.share-copy,.share-more{color:var(--ink)!important;border-color:var(--line)!important;background:#fff!important}.share-help{color:var(--muted);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.7}.share-help:empty{display:none}@media (max-width:620px){.subtype-panel,.share-panel{grid-template-columns:1fr;gap:16px;padding:22px 18px}.function-stack li{grid-template-columns:4.8em 1.4em 1fr auto;padding:9px 12px;font-size:.8rem}.share-buttons a,.share-buttons button{flex:calc(33% - 8px);padding:0 8px;font-size:.78rem}}