:root{--paper:#0a0a0b;--ink:#f4f6f8;--graphite:#bac1cb;--hair:#3b3f47;--soft:#181a1f;--steel-1:#e5e8ec;--steel-2:#9aa3b0;--steel-3:#f5f6f8;--steel-4:#7c8795;--bad:#f16c73;--mid:#e9b64f;--good:#a7d46a;color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 15%,#d6be8b0c,transparent 45%),#0a0a0b}.score-head{background:#0a0a0bf2;border-bottom-color:#393c43}.score-head .wrap{padding-block:12px}.score-nav a{padding:10px 12px;border-radius:20px}.score-nav a:hover{background:#24272d}.brand{color:#f5f6f8}.brand i{color:#d6be8b}.lang{border-color:#555b66}.btn{background:linear-gradient(115deg,#f5f6f8,#c7cdd5,#f5f6f8);color:#0a0a0b;border:1px solid #d6be8b77;border-radius:30px;box-shadow:0 6px 25px #0003}.btn.ghost{color:#f5f6f8;background:transparent;border-color:#707987}.intro h1{background:linear-gradient(130deg,#fff,#aeb7c4,#f7eee0);background-clip:text;-webkit-background-clip:text;color:transparent}.intro .lead{color:#e0e4eb}.intro .fine{color:#b7bec9}.opt{background:linear-gradient(130deg,#17191e,#101114);border-color:#414751;border-radius:16px}.opt:hover{border-color:#d6be8b;background:#202329}.opt.sel{color:#0a0a0b;background:linear-gradient(120deg,#f5f6f8,#cdd3dc);border-color:#e4d0a6}.back{background:#14161a}.track i{background:linear-gradient(90deg,#abb4c2,#e4d0a6)}.panel,.offer{background:linear-gradient(130deg,#22252b,#131519);border:1px solid #515663;border-radius:20px}.offer{border-color:#9b8c6d}.leak .v{color:#e4d0a6}input[type=email]{background:#0d0f12;border-color:#626b79}.lang button[aria-current=true]{background:#e0e5ec;color:#0a0a0b}.check input{accent-color:#d6be8b}.score-foot{color:#bac1cb}a{color:#e4d0a6}:focus-visible{outline-color:#e4d0a6}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}


/* Premium action system */
.btn{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f8f7f3 0%,#d8d6d0 46%,#f3eee3 100%)!important;
  color:#0c0d0f!important;border:1px solid rgba(231,215,181,.4)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.9)!important;
  transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease,border-color .24s ease,background .24s ease,opacity .2s ease!important;
}
.btn::before{content:"";position:absolute;inset:1px;border-radius:11px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 44%)}
.btn:hover{opacity:1!important;transform:translateY(-2px);background:linear-gradient(135deg,#fff,#e4e0d8,#fff)!important;box-shadow:0 17px 38px rgba(0,0,0,.36)!important}
.btn:active{transform:translateY(0) scale(.985)}
.btn.ghost{background:rgba(255,255,255,.045)!important;color:#eef1f5!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.btn.ghost:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(214,190,139,.42)!important}

@media(hover:none){.btn:hover{transform:none}}

/* A compact self-assessment, with one question as the main focus. */
.intro{min-height:0;padding-top:clamp(30px,5vw,54px);padding-bottom:30px}
.intro h1{font-size:clamp(36px,7vw,52px);margin-bottom:16px}
.intro .lead{font-size:18px;line-height:1.45;max-width:36ch;margin-bottom:10px}
.intro .sub{font-size:15px;line-height:1.6;max-width:46ch;margin-bottom:24px}
.intro .fine{max-width:48ch;line-height:1.55;margin-top:12px}
.intro .btn{max-width:360px}
.gauge{margin-bottom:20px}
.qtop{gap:12px;margin-bottom:26px}.back{width:44px;height:44px}
.opts{margin-top:20px;gap:8px}.opt{min-height:48px;padding:11px 14px;border-radius:10px;font-size:15px}
.panel,.offer{padding:16px;border-radius:12px;margin-top:16px}.panel p,.offer p{margin-bottom:10px}
.btn{min-height:46px}.offer .t b,.offer .t span{font-size:18px}.offer .note{margin-bottom:14px}
.meaning{max-width:44ch;font-size:15px;line-height:1.65}.leak{margin-top:26px;padding:16px 0}
.leak .n{max-width:64ch;line-height:1.6}.catrow,.leakrow{padding:11px 0}
#s-r h3{margin-top:30px;margin-bottom:12px}.card{max-width:240px}
@media(max-width:480px){.intro{padding-top:26px;padding-bottom:20px}.wrap{padding-inline:18px}.intro .lead{font-size:17px}.panel,.offer{padding:14px}.offer .t{flex-wrap:wrap;gap:6px 12px}.offer .t b,.offer .t span{font-size:17px}.offer p,.panel p{font-size:14px}.check{font-size:13px;line-height:1.55}.level{font-size:25px}.leak .v{font-size:22px}}
@media(max-width:480px){#s-r .score-result-visual{grid-template-columns:minmax(0,1fr) 96px}#s-r .score-result-visual .dial{width:100%;max-width:200px;height:auto;aspect-ratio:1}#s-r #score-nori{width:96px;height:146px}}