@font-face{font-family:Satoshi;src:url(fonts/satoshi-400.woff2);font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(fonts/satoshi-700.woff2);font-weight:700;font-display:swap}
:root{--bg:#151719;--panel:#1c1f21;--panel2:#25282b;--ink:#e8e9e5;--muted:#acb1ae;--line:#393e40;--accent:#f39962;--soft:#382b24;--button-ink:#21170f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.55rem,3vw,2.1rem);color-scheme:dark}
[data-theme=light]{--bg:#eeede8;--panel:#faf9f6;--panel2:#e5e4de;--ink:#232728;--muted:#58605d;--line:#c7cbc4;--accent:#9d410e;--soft:#f0e0d1;--button-ink:white;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.55 Satoshi,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:6px;padding:var(--space-2) var(--space-3);min-height:44px;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}[hidden]{display:none!important}
.top{padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) var(--space-4) max(var(--space-4),env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-top:max(var(--space-4),env(safe-area-inset-top));background:var(--panel)}.identity{display:flex;align-items:center;gap:var(--space-3)}.identity b{letter-spacing:2px}.identity b span{font-size:var(--text-xs);margin-left:var(--space-2);color:var(--accent);padding:var(--space-1);border:1px solid var(--accent);border-radius:3px}.identity small{display:block;color:var(--muted);font-size:var(--text-xs)}main{max-width:1100px;padding:var(--space-8) var(--space-4) 220px;margin:auto}h1,h2,p{margin-top:0}h1{font-size:var(--text-xl);letter-spacing:-.7px;margin-bottom:var(--space-2)}h2{font-size:var(--text-lg)}.heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.eyebrow{font-size:var(--text-xs);letter-spacing:1.6px;color:var(--accent);margin-bottom:var(--space-2)}.intro{color:var(--muted);max-width:64ch;font-size:var(--text-sm);margin-bottom:var(--space-6)}.power{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);white-space:nowrap}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;flex:none}.workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-4);align-items:start}.workbench,.info{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.tabs{display:flex;border-bottom:1px solid var(--line);background:var(--panel2)}.tabs button{flex:1;border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;font-size:var(--text-sm)}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.view{padding:var(--space-6)}.section-label,.info-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:1px;color:var(--muted);margin-bottom:var(--space-4)}.quiet{border:0;background:transparent;color:var(--muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}#stage{line-height:1.95;min-height:200px;white-space:pre-wrap;overflow-wrap:anywhere}#stage .word{border-radius:3px;box-decoration-break:clone}.word.target{background:var(--accent)!important;color:var(--button-ink);outline:3px solid var(--soft)}.hint,.muted{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4)}.secondary{font-size:var(--text-sm)}.primary{background:var(--accent);border-color:var(--accent);color:var(--button-ink);font-weight:700;width:100%}textarea,select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:var(--space-3);margin:var(--space-2) 0 var(--space-4)}textarea{resize:vertical}label{font-size:var(--text-sm)}.row{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-4) 0}.divider{border-top:1px solid var(--line);margin:var(--space-6) 0}.file-button{display:block;border:1px dashed var(--accent);border-radius:6px;padding:var(--space-4);cursor:pointer;text-align:center;color:var(--accent)}.file-button input{display:block;width:100%;font-size:var(--text-xs);margin-top:var(--space-3)}.boundary{padding:var(--space-4);background:var(--soft);border-left:2px solid var(--accent);font-size:var(--text-sm);margin-top:var(--space-6)}.version{display:block;margin-top:var(--space-4);color:var(--muted)}.info{padding:var(--space-6);border-color:var(--accent);background:linear-gradient(155deg,var(--soft),var(--panel) 160px)}.info-top .eyebrow{margin:0}.empty-mark{color:var(--accent);font-size:50px;line-height:1;margin:var(--space-8) 0 var(--space-4)}#answer p{color:var(--muted);font-size:var(--text-sm)}#answer h2{overflow-wrap:anywhere}#answer ul{padding-left:var(--space-4);font-size:var(--text-sm)}#answer li{padding:0 0 var(--space-3) var(--space-1)}#answer li::marker{color:var(--accent)}#result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-4)}#result-actions button{font-size:var(--text-xs);flex:1}.status{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4)}.pointer-console{position:fixed;bottom:0;left:0;width:100%;padding:var(--space-3) var(--space-4) max(var(--space-2),env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);z-index:30;box-shadow:0 -8px 30px #0003}.mode{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:1px;height:32px}.mode i{width:7px;height:7px;background:var(--muted);border-radius:100%}.mode.active i{background:var(--accent);box-shadow:0 0 12px var(--accent)}#space-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;width:min(520px,100%);height:64px;border-color:var(--accent);background:var(--soft);color:var(--accent);touch-action:none;user-select:none;box-shadow:0 4px 0 #0004;letter-spacing:2px;font-weight:700}#space-pad small{font-size:var(--text-xs);letter-spacing:.6px;font-weight:400}#space-pad.holding{background:var(--accent);color:var(--button-ink);box-shadow:none;transform:translateY(2px)}.pointer-console p{font-size:var(--text-xs);color:var(--muted);text-align:center;margin:var(--space-2) 0 0}#cursor{position:fixed;pointer-events:none;z-index:90;width:26px;height:26px;border:2px solid var(--accent);border-radius:100%;box-shadow:0 0 0 4px #0007;transform:translate(-50%,-50%)}#cursor:before,#cursor:after{content:"";position:absolute;background:var(--accent)}#cursor:before{width:36px;height:1px;left:-7px;top:11px}#cursor:after{height:36px;width:1px;left:11px;top:-7px}#image-stage{position:relative}#photo{width:100%;display:block}#word-layer{position:absolute;inset:0}#word-layer .word{position:absolute;color:transparent;border:1px solid transparent;user-select:none}#word-layer .word.target{color:transparent;border-color:var(--accent);background:#f3996244!important}body.pointing #stage,body.pointing #image-stage{user-select:none;touch-action:none}
@media(max-width:680px){main{padding-top:var(--space-6)}.workspace{grid-template-columns:1fr}.view,.info{padding:var(--space-4)}#stage{min-height:180px}.info{margin-bottom:var(--space-4)}.heading{align-items:flex-start}.heading .power{padding-top:var(--space-4)}.intro{font-size:var(--text-sm)}.pointer-console{padding-top:var(--space-2)}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}.info{transition:border-color .2s}}