:root{--wine:#dfc18b;--wine-dark:#efd6a7;--cream:#0b0b10;--gold:#c9a56c;--ink:#f4eee5;--muted:#b6afa5;--line:#76604466;--white:#141318;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}
html,body{background:#0b0b10;color:var(--ink);font-family:var(--serif);color-scheme:dark}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 100% 80%,#bd8e321a,transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1000' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%23986b24' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%23f0d397' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23aa7a30' stop-opacity='.15'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)'%3E%3Cpath stroke-width='1.3' d='M-200 890 C320 1120 740 710 1660 820'/%3E%3Cpath stroke-width='.7' d='M-200 910 C390 1120 810 690 1660 800'/%3E%3Cpath stroke-width='.6' d='M-200 930 C460 1120 880 670 1660 780'/%3E%3Cpath stroke-width='.5' d='M-200 950 C530 1120 950 650 1660 760'/%3E%3Cpath stroke-width='.5' d='M-200 970 C600 1120 1020 630 1660 740'/%3E%3Cpath stroke-width='.8' d='M-200 120 C360 -140 970 330 1660 40'/%3E%3Cpath stroke-width='.5' d='M-200 135 C390 -130 1000 345 1660 55'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
body>.brand,body>main,body>footer{position:relative;z-index:1}
#start .button{box-shadow:0 5px 32px #d3a64a28}#start .intro-art{filter:drop-shadow(0 12px 30px #d8a74612)}
body,button,input,select,textarea,.brand span,.eyebrow,.art-caption,.art-number,.art-number span,.art-foot,.choice,.question legend span,#radar-svg text{font-family:var(--serif)}
.brand a{color:#f4eee5}.brand span{color:var(--muted);border-color:var(--line)}
.brand a span,body:has(#start:not([hidden])) .brand a span{border-left:0;padding-left:0;font-family:var(--serif);letter-spacing:.12em}
.panel{background:#141318;border-color:var(--line);box-shadow:0 16px 60px #0003}.eyebrow{color:var(--gold)}
.button{background:linear-gradient(110deg,#c5a16b,#eed6a8 58%,#c9a875);color:#201910;border-color:#e2c48f}.button:hover{background:#efd6a7;color:#201910}
.outline{background:transparent;color:var(--wine)}.outline:hover{background:#30281d;color:#f4eee5}
.chips li{background:#211d17;color:#e0ceb0;border:1px solid var(--line)}.intro-bottom{background:#141318;color:#d3bc95}
.small,footer,.art-foot{color:var(--muted)}.choice{background:#18171c;border-color:#77674f;color:#eee7db}.choice:hover{background:#30281d}.choice:has(input:checked){background:#3c3020;color:#f5dfb5;border-color:#dfc18b}
.progress{background:#383129}.question.is-missing{background:#322318;outline-color:#dfc18b}.error{color:#f0cd92}.steps,.notice,.axis-card{background:#211d17;border-color:var(--line);color:#eee7db}
.completion-mark{background:#211d17;color:#e3c48e;border-color:#b29463}dialog{background:#18171c;color:#eee7db}dialog::backdrop{background:#000a}
.graph-track{background:#443b2f}.graph-midpoint{background:#b9a27e}#radar-svg text{fill:#f4eee5;font-family:var(--serif)}#radar-svg .radar-guide{stroke:#847154}#radar-svg .radar-area{fill:#dfc18b;stroke:#dfc18b;fill-opacity:.22}
.style-results section,.axis-card{border-color:var(--line)}.axis-card strong{color:var(--wine)}
.text-phrase{display:block;max-width:100%;overflow-wrap:anywhere}.question legend .text-phrase{color:inherit;font:inherit;margin:0}.question legend>span:first-child:not(.text-phrase){display:block;margin-bottom:4px}.steps .text-phrase{color:inherit;font:inherit}.steps li{display:block}.steps li>span:first-child:not(.text-phrase){float:left;margin-right:12px}
.question{background:#fff7e7;color:#211b16;border:1px solid #d9c49e;border-radius:8px;padding:22px 20px;margin:18px 0;box-shadow:0 6px 20px #0002;color-scheme:light}
.question legend{color:#211b16}.question legend>span:first-child:not(.text-phrase){color:#80602d}.question .choice{background:#fffdf7;color:#211b16;border-color:#cbb995}.question .choice:hover{background:#f2e5cd}.question .choice:has(input:checked){background:#e6cfa4;color:#211b16;border-color:#87632d;box-shadow:inset 0 0 0 1px #87632d}.question input{accent-color:#80602d}.question.is-missing{background:#fff1d4;outline-color:#dfc18b}
@media(max-width:750px){.question{padding:20px 12px}.question .choices{gap:4px}.question .choice{font-size:11px}}
.intro-copy .lead{font-size:17px}.intro-copy>p{max-width:100%}.delivery-note{max-width:100%}
.text-sentence{display:block}.text-sentence+.text-sentence{margin-top:1em}
@media print{html,body{background:#fff;color:#111}#radar-svg text{fill:#111}}
