:root{color-scheme:dark;--bg:#152328;--surface:#09383f;--surface-soft:#183036;--accent:#00c58b;--text:#f3f6f5;--muted:#b8c5c6;--border:#286069;--error:#ffb9ae;--radius:18px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 30%,#004c504d,transparent 60%),var(--bg);color:var(--text);line-height:1.6}body::before{position:fixed;inset:0;content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#00c58b04 1px,transparent 1px),linear-gradient(90deg,#00c58b04 1px,transparent 1px);background-size:76px 76px}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled),.button:hover:not(:disabled){filter:brightness(1.1)}:focus-visible{outline:3px solid #baffdf;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:24px}h1 em{color:var(--accent);font-style:normal}h2{font-size:1.4rem;line-height:1.3}h3{font-size:1.1rem}input,select{min-height:48px;width:100%;border:1px solid #5c777d;border-radius:9px;background:#142a30;color:var(--text);padding:12px 14px}input::placeholder{color:#a9b8bb}input[aria-invalid=true]{border-color:var(--error)}input[type=checkbox],input[type=radio]{width:22px;min-height:22px;height:22px;flex-shrink:0;accent-color:var(--accent)}.site-header{max-width:1400px;margin:auto;padding:34px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:1.6rem;letter-spacing:.25em;color:var(--text);text-decoration:none;line-height:1.1;white-space:nowrap}.wordmark span{color:var(--accent)}.wordmark small{display:block;font-size:.57rem;letter-spacing:.04em;text-align:right;margin-top:7px}.badge{display:inline-block;color:var(--muted);font-size:.78rem;border:1px solid var(--border);padding:5px 12px;border-radius:50px}.container{max-width:1000px;margin:auto;padding:40px 24px 80px;min-height:72vh}.screen{scroll-margin-top:20px}.hero{text-align:center;padding:55px 0 75px}.hero h1{max-width:850px;margin:0 auto 26px}.hero .lead{max-width:800px;margin:0 auto 25px}.hero .button{margin:24px 0 12px;min-width:270px}.lead{font-size:1.2rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:650;color:var(--accent);margin-bottom:20px}.section-heading{margin-bottom:35px;max-width:820px}.section-heading h1{font-size:clamp(2rem,4vw,3.3rem)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:#062a2d;border:2px solid var(--accent);border-radius:12px;padding:12px 24px;font-weight:650;text-decoration:none;line-height:1.4}.secondary{background:transparent;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:30px;margin-bottom:24px}.notice{border-left:3px solid var(--accent);padding:15px 20px;background:var(--surface-soft);border-radius:0 8px 8px 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-weight:600}.field label span{font-weight:400;font-size:.85rem;color:var(--muted)}.full{grid-column:1/-1}.check{display:flex;align-items:flex-start;gap:12px;margin-top:24px}.check input{margin:2px 0 0}.error{display:block;color:var(--error);font-size:.92rem}.error:empty{display:none}.actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-top:30px}.progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--muted)}progress{width:100%;height:9px;accent-color:var(--accent);margin:12px 0 28px}progress::-webkit-progress-bar{background:var(--surface);border-radius:10px}progress::-webkit-progress-value{background:var(--accent);border-radius:10px}.dimension-block{margin:20px 0 40px}.dimension-block>h2{color:var(--accent)}fieldset{margin:20px 0 30px;border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:0;background:var(--surface)}legend{font-weight:650;font-size:1.1rem;max-width:100%;padding:0 7px}.answer{display:flex;gap:14px;align-items:flex-start;padding:15px;border:1px solid #4d6c72;border-radius:10px;margin-top:10px;background:#142a30;cursor:pointer}.answer:hover{border-color:var(--accent)}.answer:has(input:checked){border-color:var(--accent);background:#004e48}.answer input{margin:2px 0 0}.answer span{overflow-wrap:anywhere}.score-value{font-size:3rem;font-weight:700;color:var(--accent);line-height:1.2}.status{color:var(--accent);font-weight:600}.dimension-result{margin:24px 0}.dimension-result .progress-heading{color:var(--text)}.bar{height:10px;background:#142a30;border-radius:20px;margin-top:12px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.report-grid ul{padding-left:22px}.report-grid li{margin-bottom:14px}summary{cursor:pointer;font-weight:650;min-height:44px}details[open] summary{margin-bottom:18px}.site-footer{border-top:1px solid var(--border);padding:28px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:var(--muted);font-size:.85rem}dialog{max-width:600px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:var(--radius);padding:30px;background:var(--bg);color:var(--text)}dialog::backdrop{background:#000b}.qr-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.qr-layout .panel{min-width:0}.qr-preview{background:white;border-radius:12px;padding:16px;max-width:320px;margin:10px auto 20px;aspect-ratio:1;display:grid;place-items:center;color:#37474f;text-align:center}.qr-preview svg{display:block;width:100%;height:auto}.url-output{overflow-wrap:anywhere;font-size:.85rem}.tool-note{font-size:.9rem;color:var(--muted)}.qr-actions{display:flex;gap:12px;flex-wrap:wrap}.tool-container{max-width:1150px}
@media(max-width:700px){.site-header{padding:24px}.site-header .badge{max-width:120px;font-size:.65rem;text-align:center}.wordmark{font-size:1.2rem}.container{padding:24px 18px 50px}.hero{padding:45px 0}.panel{padding:22px}.form-grid,.report-grid,.qr-layout{grid-template-columns:1fr}.actions .button{width:100%}.progress-heading{font-size:.8rem}.answer{padding:14px 12px}fieldset{padding:18px 12px}.lead{font-size:1.05rem}.site-footer{padding:24px 18px}.qr-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}