:root{color-scheme:light;--rose:#e0bac7;--brown:#442f2a;--bg:#f7edf0;--paper:#fff9f7;--ink:var(--brown);--muted:#795c56;--accent:#6b454c;--deep:var(--brown);--soft:#efd8e0;--line:#dcbfc6;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;min-height:100dvh;color:var(--ink);font:15px/1.65 var(--sans);background:radial-gradient(ellipse at 0 15%,#ecd0d9 0,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:pretty}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:15px;top:-100px;z-index:30;padding:10px;background:var(--paper)}.skip-link:focus{top:10px}.site-header{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 25px;min-height:64px;position:relative;z-index:2}.brand{min-height:44px;display:flex;align-items:center;gap:10px;padding:0;background:none;font-size:13px;letter-spacing:1px}.brand-latin{font:600 19px Georgia,serif;letter-spacing:0}.brand-divider{width:1px;height:13px;background:var(--line)}.text-button{min-height:44px;padding:9px 0;background:none;color:var(--muted);font-size:12px}.about-button span{margin-left:5px}.primary{display:flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:14px 20px;border-radius:13px;color:var(--rose);font-size:15px;font-weight:550;background:var(--brown);box-shadow:0 7px 22px #442f2a1c;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}.primary:active:not(:disabled){transform:scale(.985)}.secondary{min-height:50px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:12px 20px;font-size:13px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.7px}.privacy-note,.site-note{font-size:10px;color:var(--muted);line-height:1.9;text-align:center}.site-note{margin-top:28px}.page{width:min(100%,680px);margin:auto;padding:28px 24px 50px}.page h1{font-size:29px;line-height:1.6;letter-spacing:-.5px}.initial-loading{padding:20vh 20px;text-align:center;color:var(--muted)}
/* Smoke rose and tea brown: preserve the supplied flower photograph. */
.cover{position:relative;isolation:isolate;overflow:hidden;max-width:990px;margin:0 auto;min-height:min(750px,calc(100svh - 68px));display:flex;flex-direction:column;padding:24px 28px 20px;background:var(--rose)}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}.cover-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#e0bac7f2 0%,#ebcdd7c9 20%,#e0bac70d 48%,#e0bac799 72%,#e0bac7fc 88%,var(--rose) 100%)}.cover-copy{max-width:560px}.cover h1{font-family:var(--serif);font-size:37px;font-weight:600;line-height:1.5;letter-spacing:2px;margin:13px 0 12px;color:var(--brown)}.cover h1>span{display:block}.cover .cover-mbti{font-family:Georgia,"Times New Roman",serif;font-size:66px;font-weight:400;line-height:1.03;letter-spacing:1px;margin-bottom:6px}.cover-intro{font-size:13px;line-height:1.9;color:#634943;letter-spacing:.3px}.cover-space{flex:1;min-height:160px}.cover-facts{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#634943;margin-bottom:18px}.cover-facts b{font-size:18px;line-height:1;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-right:2px}.cover-facts i{height:12px;width:1px;background:#442f2a33}.cover-cta{justify-content:space-between;width:100%;letter-spacing:.5px;min-height:56px}.cover-cta>span{font-size:23px;font-weight:400}.cover-bottom .privacy-note{margin-top:10px;color:#634943}.cover-bottom .text-button{color:#634943}.restart-link{display:block;margin:2px auto -10px;text-decoration:underline;text-underline-offset:4px}.landing-notes{max-width:680px;margin:auto;padding:38px 28px 36px}.landing-notes h2{font:500 27px/1.5 var(--serif);margin:10px 0 21px}.note-row{display:flex;gap:18px;border-top:1px solid var(--line);padding:20px 0}.note-row>span{font:14px Georgia,serif;color:var(--accent);padding-top:5px}.note-row h3{font-size:15px;font-weight:550}.note-row p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.9}
.intro{padding-top:25px;max-width:560px}.intro h1{font-family:var(--serif);font-weight:500;font-size:34px;margin:15px 0}.lead{font-size:14px;color:var(--muted);line-height:1.9}.intro-note{border-top:1px solid var(--line);padding:20px 0}.intro-note:first-of-type{margin-top:27px}.intro-note b{font-size:14px;font-weight:550}.intro-note p{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.9}.intro .primary{width:100%;margin-top:14px}.intro>.text-button{display:block;margin:9px auto}
body[data-screen=quiz] .site-header{padding-top:4px;padding-bottom:1px;min-height:50px}.quiz{padding:2px 22px 110px;max-width:620px}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top strong{font:500 25px Georgia,serif;color:var(--accent)}.total{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.progress-track{height:3px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:5px}.progress-track>span{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transition:transform .2s}.question-area{padding-top:29px;animation:arrive .18s ease}.question-area .eyebrow{font-size:10px;letter-spacing:1px}.question-area h1{font:550 22px/1.65 var(--sans);margin:13px 0 12px;letter-spacing:0;outline:none;min-height:108px;display:flex;align-items:center}.question-help{font-size:12px;color:var(--muted);margin-bottom:16px}.options{display:grid;gap:9px}.option{display:flex;align-items:center;gap:13px;width:100%;min-height:54px;padding:12px 15px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:13px;font-size:14px;transition:background .15s,border-color .15s,transform .15s}.option:active{transform:scale(.99)}.option-marker{height:25px;width:25px;flex:0 0 25px;border:1px solid #b68c98;color:var(--accent);border-radius:50%;font-size:11px;display:grid;place-items:center}.option-check{margin-left:auto;color:transparent}.option[aria-checked=true]{border-color:var(--brown);background:var(--brown);color:var(--rose)}.option[aria-checked=true] .option-marker{background:var(--rose);color:var(--brown);border-color:var(--rose)}.option[aria-checked=true] .option-check{color:var(--rose)}.selection-note{min-height:19px;text-align:center;font-size:11px;color:var(--accent);margin-top:15px}.auto-toggle{display:flex;align-items:center;justify-content:center;gap:8px;background:none;font-size:11px;min-height:44px;color:var(--muted);margin:0 auto;padding:8px 12px}.toggle-track{width:29px;height:17px;border-radius:20px;background:#c9afb5;padding:3px;transition:background .15s}.toggle-track:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:var(--paper);transition:transform .15s}.auto-toggle[aria-pressed=true] .toggle-track{background:var(--accent)}.auto-toggle[aria-pressed=true] .toggle-track:before{transform:translateX(12px)}.save-note{font-size:10px;color:var(--muted);text-align:center}.quiz-footer{position:fixed;bottom:0;left:0;right:0;z-index:5;background:#f7edf0f2;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:10px 20px max(10px,env(safe-area-inset-bottom))}.quiz-footer>div{max-width:576px;margin:auto;display:flex;align-items:center;gap:12px}.quiz-footer .primary{flex:1;min-width:0;min-height:50px}.quiz-footer .text-button{min-width:54px;font-size:12px}.quiz-footer #skip-button{min-width:44px}
.result{max-width:760px;padding-top:24px}.result-header{text-align:center;margin-bottom:24px}.result-header h1{font:500 29px/1.6 var(--serif);margin:9px 0}.result-header>p:last-child{font-size:11px;color:var(--muted)}.result-cover{position:relative;overflow:hidden;background:var(--brown);color:var(--rose);padding:29px 25px;border-radius:23px;border:1px solid var(--brown);box-shadow:0 15px 45px #442f2a18}.result-cover .report-label,.result-cover .type-code{color:var(--rose)}.report-label{color:var(--accent);font-size:10px;letter-spacing:1px}.type-code{font:500 65px/1.3 Georgia,serif;color:var(--deep);margin:12px 0}.type-words{font-family:var(--serif);font-size:32px;line-height:1.6;overflow-wrap:anywhere}.result-cover h2{font:500 23px/1.6 var(--serif)}.result-cover p{font-size:13px;line-height:1.95;color:var(--soft);margin-top:14px}.result-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.result-tags>span{font-size:10px;padding:4px 9px;border:1px solid #e0bac74d;border-radius:6px;color:var(--rose);background:#e0bac70d}.result-disclaimer{font-size:11px;color:var(--muted);line-height:1.9;margin:16px 3px 30px}.report-section{margin-top:32px}.report-section h2{font:500 24px/1.5 var(--serif);margin:8px 0 17px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin-bottom:8px}.insight{display:flex;gap:15px;padding:21px 0;border-top:1px solid var(--line)}.insight-number{font:20px Georgia,serif;color:var(--accent);padding-top:3px}.insight h3{font-size:15px;font-weight:550}.insight p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:7px}.insight .conversation{font-size:12px;color:var(--accent)}.empty-copy{font-size:13px;color:var(--muted);line-height:1.9}.function-list{background:var(--paper);border-radius:18px;padding:4px 20px}.function-row{padding:18px 0;border-bottom:1px solid var(--line)}.function-row:last-child{border:0}.function-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.function-row h3{font-size:14px;font-weight:500}.function-row h3 small{font:12px Georgia,serif;color:var(--muted);margin-left:7px}.function-row>div>span{font-size:11px;color:var(--accent)}.function-bar{position:relative;height:5px;background:linear-gradient(90deg,var(--soft),var(--rose));border-radius:10px;margin:15px 0 12px}.function-bar:after{content:"";position:absolute;left:50%;top:-2px;height:9px;width:1px;background:#795c56}.function-bar i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--accent);top:-3px;transform:translateX(-50%);z-index:1}.function-row p,.chart-note{font-size:11px;color:var(--muted);line-height:1.8}.chart-note{margin:12px 2px}.candidate-list{display:grid;gap:9px}.candidate-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0}.candidate-list strong{font:23px Georgia,serif;color:var(--accent)}.candidate-list span{font-size:12px;color:var(--muted)}details{font-size:12px;color:var(--muted)}summary{padding:17px 0;min-height:48px;cursor:pointer;color:var(--accent)}details p{line-height:1.9;margin:0 0 13px}.ranking{margin-top:9px}.ranking>div{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.ranking>div>span:first-child{font-variant-numeric:tabular-nums;color:var(--accent)}.ranking b{min-width:40px;font-weight:550}.ranking>div>span:last-child{font-size:11px}.closing-note{padding:29px 24px;background:var(--soft);border-radius:20px;margin-top:32px}.closing-note h2{font:500 25px/1.65 var(--serif);margin:10px 0 14px}.closing-note>p:last-child{font-size:12px;line-height:2;color:var(--muted)}.result-actions{display:grid;gap:11px;margin-top:28px}.method{border-top:1px solid var(--line);margin-top:15px}.missing-panel{padding:24px;background:var(--soft);border-radius:17px;margin-top:18px}.missing-panel h2{font-size:18px}.missing-panel p{font-size:12px;color:var(--muted);margin:10px 0 18px;line-height:1.9}.missing-panel .primary{font-size:13px}.toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,8px);width:max-content;max-width:calc(100% - 32px);padding:12px 17px;background:var(--brown);color:var(--paper);font-size:12px;border-radius:12px;opacity:0;pointer-events:none;z-index:30;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #442f2a30;overflow:auto}dialog::backdrop{background:#442f2a66;backdrop-filter:blur(5px)}dialog h2{font:500 25px/1.5 var(--serif);margin-bottom:17px}dialog p{font-size:13px;color:var(--muted);line-height:1.9;margin:12px 0}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions>button{flex:1;font-size:13px}.share-preview{display:block;width:100%;height:auto;border-radius:8px}.download-link{font-size:13px}.error{padding-top:15vh}.error p{margin:15px 0 25px;color:var(--muted)}
@keyframes arrive{from{transform:translateY(4px)}to{transform:translateY(0)}}
@media(hover:hover){.primary:hover:not(:disabled){background:#5b4039;box-shadow:0 9px 25px #442f2a26}.option:hover{border-color:var(--accent);background:var(--soft)}.option[aria-checked=true]:hover{background:var(--brown);border-color:var(--brown)}.text-button:hover{color:var(--deep)}.secondary:hover{background:var(--soft)}}
@media(min-width:701px){.site-header{padding:18px 30px}.cover{min-height:650px;padding:53px 55px 35px;border-radius:26px;display:block}.cover-image{left:auto;right:0;width:62%;object-position:center}.cover-wash{background:linear-gradient(90deg,var(--rose) 0%,var(--rose) 38%,#e0bac7ee 48%,#e0bac766 65%,#e0bac700 90%)}.cover-copy{max-width:55%}.cover h1{font-size:47px;margin:20px 0}.cover .cover-mbti{font-size:89px}.cover-intro{font-size:15px}.cover-space{min-height:60px}.cover-bottom{width:380px;max-width:50%}.cover-facts{font-size:11px}.landing-notes{max-width:900px;padding-top:45px}.landing-notes h2{font-size:32px}.landing-notes .note-row{display:inline-flex;width:48%;vertical-align:top}.page{padding-top:35px}.quiz{padding-top:5px}.question-area{padding-top:35px}.question-area h1{font-size:25px;min-height:110px}.option{font-size:15px;min-height:59px}.result{padding-left:32px;padding-right:32px}.result-cover{padding:35px 38px}.result-cover h2{font-size:28px}.result-cover p{font-size:14px}.result-header h1{font-size:34px}.result-actions{grid-template-columns:1fr 1fr}.result-actions>.text-button{grid-column:1/-1}}
@media(max-width:700px) and (max-height:740px){.cover{padding-top:15px;padding-bottom:14px}.cover h1{font-size:33px;margin:11px 0 10px}.cover .cover-mbti{font-size:57px}.cover-intro{font-size:12px}.cover-space{min-height:104px}.cover-facts{margin-bottom:13px}.cover-cta{min-height:52px}.question-area{padding-top:18px}.question-area h1{font-size:20px;min-height:100px;margin:9px 0}.question-help{margin-bottom:12px}.option{min-height:50px;padding:10px 13px}.options{gap:7px}.selection-note{margin-top:12px}.intro{padding-top:12px}.intro h1{font-size:30px}.intro-note{padding:16px 0}}
@media(max-width:360px){.site-header{padding-left:21px;padding-right:21px}.cover{padding-left:23px;padding-right:23px}.cover h1{font-size:31px}.cover .cover-mbti{font-size:53px}.cover .eyebrow{font-size:10px}.cover-facts{gap:7px;font-size:9px}.cover-facts b{font-size:16px}.cover-cta{font-size:13px;padding:13px 17px}.privacy-note{font-size:9px}.quiz{padding-left:18px;padding-right:18px}.question-area h1{font-size:19px;min-height:116px}.option{font-size:13px}.quiz-footer{padding-left:15px;padding-right:15px}.quiz-footer>div{gap:8px}.page{padding-left:21px;padding-right:21px}.result-cover{padding:25px 21px}.result-header h1{font-size:26px}.type-words{font-size:26px}.result-cover h2{font-size:21px}.landing-notes{padding-left:24px;padding-right:24px}.cover-space{min-height:72px}.cover-facts{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Preference report: quiet data ink on warm paper. */
.ranking>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;background:var(--brown);color:var(--paper);padding:17px 19px;border-radius:13px;font-size:14px;font-weight:550;box-shadow:0 7px 20px #442f2a14;transition:background .2s,transform .2s;margin:17px 0}.ranking>summary::-webkit-details-marker{display:none}.ranking summary small{display:block;font-size:10px;font-weight:400;color:var(--rose);margin-top:3px;letter-spacing:.5px}.ranking-toggle{font-size:24px;font-weight:400;line-height:1;transition:transform .2s}.ranking[open] .ranking-toggle{transform:rotate(45deg)}.ranking>summary:active{transform:scale(.99)}
.radar-figure{margin:0;background:linear-gradient(145deg,#fff9f7,#f3e5e7);border:1px solid #dcbfc688;border-radius:20px;padding:20px 12px 18px;box-shadow:0 12px 36px #442f2a08}.radar-caption{display:flex;justify-content:space-between;gap:10px;margin:0 8px;color:var(--muted);font-size:10px;letter-spacing:.6px}.radar-caption>span:first-child{color:var(--brown);font-weight:550}.preference-radar{display:block;width:100%;max-width:510px;height:auto;margin:4px auto -5px;overflow:visible}.radar-field{fill:#e0bac712}.radar-grid{fill:none;stroke:#dcbfc6;stroke-width:1}.radar-midline{stroke:#a78980;stroke-dasharray:3 4}.radar-axis{stroke:#dcbfc6;stroke-width:.8}.radar-shape{fill:url(#radar-fill);stroke:#6d493f;stroke-width:2;stroke-linejoin:round}.radar-segment{stroke:#6d493f;stroke-width:2}.radar-dot{fill:#6d493f;stroke:#fff9f7;stroke-width:1.5}.radar-label{fill:var(--brown);font:500 12px var(--sans);text-anchor:middle}.radar-code{fill:var(--muted);font:11px Georgia,serif;text-anchor:middle;letter-spacing:1px}.radar-figure figcaption{display:flex;align-items:center;justify-content:center;gap:22px;font-size:10px;color:var(--muted)}.radar-figure figcaption span{display:flex;align-items:center;gap:7px}.radar-legend-shape{width:13px;height:7px;background:#79504433;border:1px solid #6d493f}.radar-legend-mid{width:15px;border-top:1px dashed #a78980}.radar-note{font-size:11px;line-height:1.9;color:var(--muted);margin:16px 8px 0;padding-top:14px;border-top:1px solid #dcbfc680}
.distance-section{padding-top:21px;border-top:1px solid var(--line)}.distance-intro{font-size:12px;color:var(--muted);line-height:1.9}.distance-list{margin-top:12px}.distance-list>div{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.distance-rank{font:17px Georgia,serif;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:3px}.distance-list h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:20px Georgia,serif}.distance-list h3 span{font:11px var(--sans);color:var(--muted)}.distance-list p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:7px}.distance-section .chart-note{margin-top:13px}
@media(hover:hover){.ranking>summary:hover{background:#5b4039}}
@media(min-width:701px){.radar-figure{padding:24px 26px}.radar-caption{font-size:11px}.radar-note{max-width:510px;margin:18px auto 0}.radar-figure figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ranking>summary,.ranking-toggle{transition:none}}
/* Rose and cocoa exchange roles in dark mode. */
:root{--halo:#ecd0d9;--card-body:#efd8e0;--radar-surface:#f3e5e7;--radar-grid:#dcbfc6;--radar-mid:#a78980;--radar-ink:#6d493f}
:root[data-theme=dark]{color-scheme:dark;--rose:#442f2a;--brown:#e0bac7;--bg:#442f2a;--paper:#503833;--ink:var(--brown);--muted:#cfb2b8;--accent:#e0bac7;--deep:var(--brown);--soft:#62443f;--line:#86636a;--halo:#583b36;--card-body:#62443f;--radar-surface:#46302b;--radar-grid:#79575d;--radar-mid:#c19ba6;--radar-ink:#e0bac7}
body{background:radial-gradient(ellipse at 0 15%,var(--halo) 0,transparent 55%),var(--bg)}
.header-actions{display:flex;align-items:center;gap:16px}.theme-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.theme-switch button{min-height:44px;min-width:40px;padding:5px 9px;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;transition:background .18s,color .18s}.theme-switch button[aria-pressed=true]{background:var(--brown);color:var(--rose);box-shadow:0 2px 6px #442f2a12}
/* A broad reflection and fine rim suggest a lacquered card. */
.result-cover{isolation:isolate;background:radial-gradient(ellipse at 90% 0%,#b5918050,transparent 55%),linear-gradient(125deg,#654a42 0%,#442f2a 42%,#34221e 80%,#513830 100%);border:1px solid #bd9c8e55;box-shadow:0 19px 42px #442f2a26,inset 0 1px 0 #fff9f740,inset 0 -1px 0 #24171380}
.result-cover:before{content:"";position:absolute;inset:-40% -65%;transform:translate3d(var(--gloss-x,0px),var(--gloss-y,0px),0);pointer-events:none;background:linear-gradient(118deg,transparent 35%,#fff9f707 42%,#fff9f72b 48%,#fff9f707 54%,transparent 62%);z-index:-1}
.result-cover:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #e0bac714;border-radius:17px;z-index:-1}
.result-cover p{color:var(--card-body)}.result-cover .type-code{text-shadow:0 1px 0 #fff9f724,0 3px 15px #1f100e24}.result-tags>span{border-color:color-mix(in srgb,var(--rose) 32%,transparent);background:color-mix(in srgb,var(--rose) 7%,transparent)}
:root[data-theme=dark] .result-cover{background:radial-gradient(ellipse at 90% 0%,#fff9f7a0,transparent 60%),linear-gradient(125deg,#f2d8e1 0%,#e0bac7 45%,#c49aa8 85%,#e7c6d1 100%);border-color:#f7e5eb90;box-shadow:0 19px 42px #23151050,inset 0 1px 0 #fff9f7d0,inset 0 -1px 0 #805d6540}
:root[data-theme=dark] .result-cover:before{background:linear-gradient(118deg,transparent 35%,#fff9f710 42%,#fff9f765 48%,#fff9f710 54%,transparent 62%)}
:root[data-theme=dark] .result-cover:after{border-color:#fff9f740}:root[data-theme=dark] .result-cover .type-code{text-shadow:0 1px 0 #fff9f74d}
/* The open list belongs to the same container as its trigger. */
.ranking{margin-top:17px;padding:0 19px;background:var(--brown);color:var(--rose);border:1px solid color-mix(in srgb,var(--rose) 18%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 7px 20px #442f2a14}
.ranking>summary{margin:0 -19px;background:transparent;color:var(--rose);border-radius:0;box-shadow:none;padding:18px 19px}.ranking summary small{color:var(--rose);opacity:.78}.ranking[open]{padding-bottom:15px}.ranking[open]>summary{margin-bottom:4px}.ranking>p{color:var(--rose);opacity:.82;font-size:11px;margin:0 0 7px;padding:4px 0 15px;border-bottom:1px solid color-mix(in srgb,var(--rose) 24%,transparent)}.ranking>div{padding:15px 0;align-items:center;border-color:color-mix(in srgb,var(--rose) 24%,transparent)}.ranking>div:last-child{border-bottom:0}.ranking>div>span:first-child{color:var(--rose);opacity:.75}.ranking>div>span:last-child{opacity:.88}.ranking b{font-family:Georgia,serif;font-size:15px;min-width:45px}.ranking-toggle{color:var(--rose)}
.radar-figure{background:linear-gradient(145deg,var(--paper),var(--radar-surface));border-color:var(--line)}.radar-grid,.radar-axis{stroke:var(--radar-grid)}.radar-midline{stroke:var(--radar-mid)}.radar-shape,.radar-segment{stroke:var(--radar-ink)}.radar-dot{fill:var(--radar-ink);stroke:var(--paper)}.radar-legend-shape{border-color:var(--radar-ink);background:color-mix(in srgb,var(--radar-ink) 20%,transparent)}.radar-legend-mid{border-color:var(--radar-mid)}.radar-note{border-color:var(--line)}
:root[data-theme=dark] #radar-fill stop:first-child{stop-color:#e0bac7}:root[data-theme=dark] #radar-fill stop:last-child{stop-color:#e0bac7}
:root[data-theme=dark] .cover-wash{background:linear-gradient(180deg,#442f2af5 0%,#442f2aca 20%,#442f2a25 48%,#442f2aa0 72%,#442f2afa 88%,var(--rose) 100%)}
:root[data-theme=dark] .cover-image{filter:brightness(.7) saturate(.7)}:root[data-theme=dark] .cover-intro,:root[data-theme=dark] .cover-facts,:root[data-theme=dark] .cover-bottom .privacy-note,:root[data-theme=dark] .cover-bottom .text-button{color:var(--muted)}:root[data-theme=dark] .cover-facts i{background:var(--line)}
:root[data-theme=dark] .quiz-footer{background:#442f2af2}:root[data-theme=dark] .function-bar{background:linear-gradient(90deg,var(--soft),var(--brown))}:root[data-theme=dark] .function-bar:after{background:var(--muted)}:root[data-theme=dark] .toast{color:var(--rose)}
@media(hover:hover){.ranking>summary:hover{background:color-mix(in srgb,var(--rose) 8%,transparent)}:root[data-theme=dark] .primary:hover:not(:disabled){background:#edccd7;color:var(--rose)}}
@media(min-width:701px){:root[data-theme=dark] .cover-wash{background:linear-gradient(90deg,var(--rose) 0%,var(--rose) 38%,#442f2aee 48%,#442f2a66 65%,#442f2a00 90%)}}
@media(max-width:420px){.site-header{padding-left:20px;padding-right:20px}.header-actions{gap:10px}.about-button{font-size:11px}.about-button span{display:none}.brand{gap:8px;font-size:12px;letter-spacing:.5px}.brand-latin{font-size:18px}.theme-switch button{min-width:36px;padding:5px 7px;font-size:10px}}

.result-cover[data-gloss-active]:before{will-change:transform}
@media(prefers-reduced-motion:reduce){.result-cover:before{transform:none;will-change:auto}}