:root{--ink:#07151d;--surface:#102936;--surface2:#173b4d;--paper:#f4f7e9;--muted:#bdd0cc;--mint:#a7f36e;--violet:#d4a9ff;--amber:#ffcf70;--coral:#ff907d;--line:#416578;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 68% 6%,#153b48 0,transparent 42rem),var(--ink);font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,.link-button{min-height:44px;border:0;cursor:pointer}a{color:var(--paper);text-underline-offset:3px}a:hover{color:var(--mint)}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{position:absolute;left:8px;top:-60px;background:var(--mint);color:var(--ink);padding:10px;z-index:3}.skip:focus{top:8px}header,main,footer,.demo{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #285061}.mark{font:700 16px ui-monospace,SFMono-Regular,monospace;text-decoration:none;letter-spacing:.03em}.mark span{color:var(--mint)}nav{display:flex;gap:20px}nav a{min-height:44px;display:grid;place-items:center}.demo{max-width:none;background:var(--mint);color:var(--ink);text-align:center;padding-top:8px;padding-bottom:8px;font-weight:700;font-size:14px}.demo button{min-height:32px;border:1px solid var(--ink);background:transparent;margin-left:10px;padding:3px 8px;color:var(--ink);font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:36px;padding:64px 0 46px;align-items:center}.eyebrow{font:700 12px ui-monospace,SFMono-Regular,monospace;color:var(--mint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,7vw,5.5rem);max-width:9ch;line-height:.95;letter-spacing:-.065em;margin-bottom:18px}h1:focus{outline:none}.lead{font-size:clamp(1.05rem,2vw,1.28rem);max-width:49ch;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0 22px}.actions span{max-width:24ch;color:var(--muted);font-size:14px}.primary{background:var(--mint);color:var(--ink);padding:10px 16px;font-weight:800;box-shadow:5px 5px 0 var(--violet)}.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--violet)}.facts{padding:0;margin:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:14px}.facts li:before{content:"◆";color:var(--violet);padding-right:5px}.hero-art{margin:0;border:1px solid var(--line);background:#0d202a;box-shadow:10px 10px #061017}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;image-rendering:auto}.hero-art figcaption{font:13px ui-monospace,monospace;padding:9px 12px;color:var(--muted)}.checker{padding:36px 0 72px;scroll-margin-top:20px}.checker-top{border-top:2px solid var(--mint);padding-top:22px;display:flex;justify-content:space-between;gap:16px;align-items:end}.checker h2,.how h2,.limits h2,.legal h1{font-size:clamp(1.65rem,4vw,2.6rem);line-height:1;letter-spacing:-.04em;margin-bottom:10px}.checker-top label{display:grid;gap:5px;font-size:14px;font-weight:700;color:var(--muted)}select{min-height:44px;padding:0 10px;background:var(--surface);color:var(--paper);border:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:22px}.drop{min-height:112px;display:grid;place-content:center;text-align:center;border:2px dashed var(--line);background:var(--surface);padding:16px;cursor:pointer}.drop.over,.drop:hover{border-color:var(--mint);background:var(--surface2)}.drop input{width:1px;height:1px;position:absolute;opacity:0}.drop strong{font-size:18px}.drop span{color:var(--muted);font-size:14px}.source-label{display:block;margin:14px 0 6px;font-size:14px;font-weight:700}textarea{width:100%;height:235px;resize:vertical;padding:12px;background:#061017;color:var(--paper);border:1px solid var(--line);font:14px/1.55 ui-monospace,SFMono-Regular,monospace}.editor-actions{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.secondary,.plain{padding:8px 13px;color:var(--paper);background:var(--surface);border:1px solid var(--line);font-weight:700}.plain{background:transparent}.report,.empty{height:100%;min-height:390px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,#000);padding:20px}.report-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px}.report-head h2{font-size:28px;margin-bottom:4px}.report-head p{font-size:14px;color:var(--muted);margin:0}.findings{display:grid;gap:10px;margin-top:14px;max-height:420px;overflow:auto}.finding{padding:12px 13px;border-left:4px solid var(--violet);background:#0d202a}.finding.warning{border-color:var(--amber)}.finding.error{border-color:var(--coral)}.finding.pass{border-color:var(--mint)}.finding h3{font-size:16px;margin:6px 0 3px}.finding p{font-size:14px;color:var(--muted);margin:0}.tag,.cue{font:700 11px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.tag{padding:2px 5px;background:var(--violet);color:var(--ink)}.tag.warning{background:var(--amber)}.tag.error{background:var(--coral)}.tag.note{background:var(--violet)}.tag.pass{background:var(--mint)}.cue{color:var(--muted);margin-left:5px}.empty{display:grid;align-content:center}.empty h2{font-size:26px;margin-bottom:8px}.empty p{color:var(--muted)}.empty.error{border-color:var(--coral)}.preview{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.cue-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.cue-list button{font:13px ui-monospace,monospace;padding:5px 8px;min-height:38px;color:var(--paper);background:transparent;border:1px solid var(--line)}.cue-list button.active{background:var(--violet);color:var(--ink);border-color:var(--violet)}.cue-list span{color:inherit;opacity:.8}.screen{min-height:230px;margin:0;background:#010607;border:1px solid var(--line);display:grid;align-content:end;padding:20px;position:relative}.screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff08 4px 5px);pointer-events:none}.screen figcaption{position:absolute;top:12px;left:14px;color:var(--muted);font-size:13px}.caption-box{position:relative;margin:auto;max-width:94%;text-align:center;background:#f4f7e9;color:#07151d;font-weight:800;font-size:clamp(18px,3vw,26px);line-height:1.25;padding:8px 12px}.how,.limits{padding:64px 0;border-top:1px solid var(--line)}.how ol{padding:0;margin:28px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how li{border-top:4px solid var(--violet);padding-top:10px}.how b{display:block;font-size:21px}.how span,.limits p{color:var(--muted);max-width:58ch}.limits{padding-bottom:72px}.legal{max-width:720px;padding:76px 0 120px}.legal h1{max-width:16ch}.legal p:not(.lead){color:var(--muted);font-size:18px;max-width:60ch}.link-button{display:inline-grid;place-items:center;text-decoration:none;margin-top:10px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:14px}footer p{margin:0}footer div{display:flex;gap:14px}footer a{color:var(--muted)}footer small{width:100%;font:12px ui-monospace,monospace}.announce{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:700px){header,main,footer{padding-left:16px;padding-right:16px}header{height:auto;min-height:64px;gap:10px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}nav{gap:13px;font-size:14px}.hero{grid-template-columns:1fr;padding:35px 0}.hero-art{order:-1;width:min(90%,400px);justify-self:center}.work-grid,.preview{grid-template-columns:1fr}.checker-top{align-items:start;flex-direction:column}.checker-top label,select{width:100%}.report,.empty{min-height:auto}.how ol{grid-template-columns:1fr}.facts{display:grid;gap:5px}.demo{padding-left:10px;padding-right:10px}.demo button{margin-top:4px}footer{display:block}footer div{margin:14px 0;flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.report{animation:signal .18s ease-out}.primary{transition:transform .15s,box-shadow .15s}.finding{animation:signal .18s ease-out both}}@keyframes signal{0%{opacity:.3;transform:translate(-7px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible.findings{outline:3px solid var(--mint);outline-offset:3px}
