:root{--bg: #0f0f0f;--text: #ffffff;--hint: #9aa0a6;--card: rgba(255, 255, 255, .06);--stroke: rgba(255, 255, 255, .12);--btn: #2ea6ff;--btn-text: #ffffff;--fs-hero: clamp(18px, 3.8vw, 22px);--fs-base: 16px;--radius: 14px;--gap: 12px}*{box-sizing:border-box}html,body{height:100%}html,body{margin:0;background:var(--bg);color:var(--text);font:var(--fs-base)/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}.page{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;padding:10px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in oklab,var(--bg) 80%,transparent);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:8px;font-weight:600}.dot{width:10px;height:10px;border-radius:50%;background:var(--btn)}.brand-text{letter-spacing:.2px}.user{color:var(--hint);font-size:13px}.container{padding:16px;display:grid;gap:var(--gap)}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:14px}.hero h1{margin:0 0 6px;font-size:var(--fs-hero)}.muted{color:var(--hint);margin:4px 0 0}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media (min-width: 560px){.grid{grid-template-columns:1fr 1fr 1fr}}.clickable{cursor:pointer;transition:transform .06s ease}.clickable:active{transform:translateY(1px)}h3{margin:0 0 6px;font-size:16px}.btn{appearance:none;border:1px solid var(--stroke);background:transparent;color:var(--text);border-radius:12px;height:48px;padding:0 14px;font-weight:600;width:100%}.btn-primary{background:var(--btn);color:var(--btn-text);border-color:transparent}.list h2{margin:0 0 8px;font-size:16px}.list ul{list-style:none;margin:0;padding:0}.item{display:flex;align-items:center;justify-content:space-between;padding:12px 6px;border-top:1px solid var(--stroke)}.item:first-child{border-top:none}.chev{color:var(--hint);font-size:18px}.safe-bottom{height:max(16px,env(safe-area-inset-bottom))}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.progress{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress .bar{height:100%;background:linear-gradient(90deg,#2ea6ff,#7ceaa4)}.scale-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:var(--hint)}.scale-labels .disagree{color:#ff6b6b}.scale-labels .agree{color:#26c281}.slider{-webkit-appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#ff6b6b,#ffd66b,#7ceaa4);outline:none;margin-top:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--btn);border:2px solid #ffffff33;cursor:pointer;box-shadow:0 2px 6px #0005}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--btn);border:2px solid #ffffff33;cursor:pointer;box-shadow:0 2px 6px #0005}.bullets{margin:6px 0 0;padding-left:18px}.bullets li{margin:4px 0}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--btn);border-radius:50%;animation:spin 1s linear infinite;margin-top:8px}.overlay{position:fixed;inset:0;background:color-mix(in oklab,var(--bg) 60%,#000 40%);display:grid;place-items:center;z-index:999;padding:24px}.overlay-box{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:16px 18px;min-width:220px;display:grid;justify-items:center}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--btn);border-radius:50%;animation:spin 1s linear infinite}.spinner.lg{width:36px;height:36px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}:root{--ok:#7ceaa4;--warn:#ffd66b;--bad:#ff6b6b;--info:#8ab4f8;--violet:#c79cf4}.lined{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;grid-template-columns:1fr}.lined.two-col{grid-template-columns:1fr}@media (min-width: 560px){.lined.two-col{grid-template-columns:1fr 1fr}}.line{position:relative;padding:10px 12px;border:1px solid var(--stroke);border-radius:12px;background:var(--card)}.line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.line.ok:before{background:var(--ok)}.line.bad:before{background:var(--bad)}.line.warn:before{background:var(--warn)}.line.info:before{background:var(--info)}.line.violet:before{background:var(--violet)}.taggrid{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{padding:6px 8px;background:var(--card);border:1px solid var(--stroke);border-radius:999px;font-size:12px}