:root{--ink:#121826;--muted:#5d6472;--paper:#f5f3ee;--accent:#ff5b35;--line:#d7d2c7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC",sans-serif}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,6vw);border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:.18em}.site-header a{color:inherit;text-decoration:none}.site-header nav{display:flex;gap:24px;font-size:14px;align-items:center;flex-wrap:wrap}.site-header nav button{padding:8px 12px}.skip-link{position:absolute;top:-70px;left:12px;z-index:10;padding:10px 14px;background:var(--ink);color:#fff}.skip-link:focus{top:8px}.hero{min-height:68vh;padding:clamp(70px,10vw,140px) max(24px,10vw) 60px;background:radial-gradient(circle at 85% 15%,#ffd5c8 0,transparent 32%)}.eyebrow{font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.16em;color:var(--accent)}h1{max-width:900px;margin:18px 0;font-size:clamp(42px,7vw,88px);line-height:1.02;letter-spacing:-.05em}.lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}form{max-width:820px;margin-top:38px}label{display:block;font-weight:700;margin-bottom:10px}.input-row{display:flex;background:#fff;border:1px solid var(--ink);padding:7px;box-shadow:8px 8px 0 var(--ink)}input{flex:1;border:0;padding:15px;font-size:17px;min-width:0}button{border:0;background:var(--accent);color:#fff;font-weight:800;padding:0 25px;cursor:pointer}button:disabled{opacity:.6}.status{font-size:13px;color:var(--muted);margin-top:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.cards article{background:#fff;padding:50px max(24px,4vw)}.cards span{font:700 12px ui-monospace;color:var(--accent)}.cards h2{font-size:25px}.cards p,.explain p{color:var(--muted);line-height:1.7}.result{margin:60px max(24px,10vw);padding:36px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:35px}.result[hidden]{display:none}.score{width:140px;height:140px;border-radius:50%;display:grid;place-content:center;text-align:center;border:12px solid var(--accent)}.score span{font-size:44px;font-weight:900}.score small{color:var(--muted)}#issue-list{padding-left:20px;line-height:1.8}.explain{padding:90px max(24px,10vw);max-width:1000px}.explain h2{font-size:clamp(32px,5vw,60px);margin:12px 0}footer{padding:30px max(24px,6vw);border-top:1px solid var(--line);color:var(--muted)}:focus-visible{outline:3px solid #1a68ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:700px){.site-header{height:auto;min-height:72px;align-items:flex-start;gap:12px;flex-direction:column;padding-block:14px}.site-header nav{display:flex;gap:8px 14px}.site-header nav a,.site-header nav button{min-height:40px}.hero{padding-top:65px}.input-row{flex-direction:column}.input-row button{padding:16px}.cards{grid-template-columns:1fr}.result{grid-template-columns:1fr}.score{width:120px;height:120px}h1{font-size:44px}}