:root{--ground:#FBFBF9;--surface:#FFFFFF;--recess:#F1F2EF;--ink:#16181A;--ink-soft:#4A5057;--ink-faint:#767C82;--rule:#E3E4DF;--rule-soft:#EDEEEA;--accent:#0F766E;--accent-soft:#E2F1EE;--warn:#9A5B08;--warn-soft:#FBF1E0;--warn-rule:#E8D3AC;--good:#17635A;--code-ink:#1C2226;--f-display:"IBM Plex Serif",Georgia,"Times New Roman",serif;--f-body:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0E1113;--surface:#14181B;--recess:#1A1F23;--ink:#E9EAE6;--ink-soft:#A8AFB5;--ink-faint:#7C848B;--rule:#262C31;--rule-soft:#1E2429;--accent:#5EEAD4;--accent-soft:#12312E;--warn:#E8B563;--warn-soft:#2A2113;--warn-rule:#4A3A1C;--good:#5EEAD4;--code-ink:#DCE1E4}}:root[data-theme=dark]{--ground:#0E1113;--surface:#14181B;--recess:#1A1F23;--ink:#E9EAE6;--ink-soft:#A8AFB5;--ink-faint:#7C848B;--rule:#262C31;--rule-soft:#1E2429;--accent:#5EEAD4;--accent-soft:#12312E;--warn:#E8B563;--warn-soft:#2A2113;--warn-rule:#4A3A1C;--good:#5EEAD4;--code-ink:#DCE1E4}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.shell{max-width:1120px;margin:0 auto;padding:0 32px 96px}.masthead{padding:56px 0 24px}.stamp{font-family:var(--f-mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin:0 0 14px}.masthead h1{font-family:var(--f-display);font-weight:600;font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}.masthead p{color:var(--ink-soft);max-width:64ch;margin:0}.masthead nav{margin-top:18px;font-size:15px;display:flex;gap:20px}.verdict{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--rule);border-left-width:3px;border-radius:4px;padding:16px 18px;margin:0 0 32px;background:var(--surface)}.verdict[data-state=ok]{border-left-color:var(--good)}.verdict[data-state=bad]{border-left-color:var(--warn);background:var(--warn-soft);border-color:var(--warn-rule)}.verdict b{display:block;font-weight:600}.verdict p{margin:4px 0 0;color:var(--ink-soft);font-size:15px}.verdict code{font-family:var(--f-mono);font-size:.9em}.work{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}@media (max-width:900px){.work{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:20px}.panel h2{font-family:var(--f-mono);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 16px}eyewear-tryon{max-width:100%}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.field label{font-size:13px;font-weight:500}.field small{color:var(--ink-faint);font-size:12.5px;line-height:1.5}.field input[type=text],.field select{font:14px var(--f-mono);padding:7px 9px;width:100%;background:var(--recess);color:var(--ink);border:1px solid var(--rule);border-radius:4px}.field.row{flex-direction:row;align-items:center;gap:9px}.field.row label{flex:1 1}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.snippet{position:relative;margin-top:8px}.snippet pre{margin:0;padding:16px 18px;overflow-x:auto;background:var(--recess);border:1px solid var(--rule);border-radius:6px;font-family:var(--f-mono);font-size:13.5px;line-height:1.7;color:var(--code-ink)}.copy{position:absolute;top:10px;right:10px;font:500 12px var(--f-mono);padding:5px 10px;cursor:pointer;background:var(--surface);color:var(--ink-soft);border:1px solid var(--rule);border-radius:4px}.copy:hover{color:var(--ink)}.copy[data-done]{color:var(--good);border-color:var(--good)}.log{font-family:var(--f-mono);font-size:12.5px;line-height:1.6;max-height:260px;overflow-y:auto;margin:0;display:flex;flex-direction:column-reverse;gap:2px}.log li{list-style:none;display:flex;gap:10px;padding:3px 0;border-bottom:1px solid var(--rule-soft)}.log .t{color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.log .n{color:var(--accent)}.log .d{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log .empty{color:var(--ink-faint);border:0}.recipes{margin-top:48px}.recipes h2{font-family:var(--f-display);font-size:1.55rem;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.recipes>p{color:var(--ink-soft);max-width:64ch;margin:0 0 20px}.tabs{display:flex;gap:6px;margin-bottom:-1px;flex-wrap:wrap}.tabs button{font:500 13px var(--f-body);padding:8px 14px;cursor:pointer;background:transparent;color:var(--ink-soft);border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--rule);border-bottom-color:var(--surface)}.recipe{display:none}.recipe[data-active]{display:block}.recipe .note{color:var(--ink-soft);font-size:15px;margin:16px 0 0}.recipe .note strong{color:var(--ink);font-weight:600}footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--rule);color:var(--ink-faint);font-size:14.5px}