:root{--steel: #7FB2C9;--clay: #C98F6B;--ground: #0D0F13;--surface: #151A21;--surface-2: #1B212A;--rule: #232B36;--ink: #E7EAEF;--dim: #8A94A3;--dimmer: #798393;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior-x:none;max-width:100%;overflow-x:clip}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}.data{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:32px;font-weight:600;color:var(--ink)}.label{font:600 11px/1.4 -apple-system,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;max-width:520px;margin:0 auto;overflow:hidden}.app>header,.app>.error{flex:0 0 auto;padding-left:16px;padding-right:16px}.app>header{padding-top:env(safe-area-inset-top)}.app>main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:clip;touch-action:pan-y;overscroll-behavior-x:none;padding:0 16px 20px}.app.login{justify-content:center;gap:12px;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom))}h1{font-size:20px;font-weight:600;letter-spacing:.01em;margin:8px 0 16px}h2{font-size:14px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.row{display:flex;align-items:center;justify-content:space-between}.header{margin-bottom:8px}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--surface);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}input{background:var(--surface-2);border:1px solid var(--rule);border-radius:10px;color:var(--ink);font-size:17px;padding:12px;width:100%}input:focus-visible{outline:2px solid var(--steel);outline-offset:1px}button{font-family:inherit}.btn,button:not(.icon-btn):not(.segmented-btn):not(.tab-btn){background:var(--surface-2);border:0;border-radius:10px;color:var(--ink);font-size:16px;font-weight:600;padding:13px;cursor:pointer}.btn.primary,button.primary,button[type=submit]{background:var(--steel);color:var(--ground)}.btn{display:block;text-align:center;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:transparent;border:0;color:var(--dim);font-size:18px;line-height:1;padding:13px;border-radius:8px;cursor:pointer}.icon-btn:active{color:var(--ink)}.icon-btn:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.login{display:flex;flex-direction:column;gap:12px;margin-top:22vh}.error{color:var(--ink);background:var(--surface-2);border-left:3px solid var(--dimmer);border-radius:6px;font-size:14px;padding:10px 12px;margin:0 0 12px}.muted{color:var(--dim);font-size:14px}.dimmer{color:var(--dimmer)}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.segmented-btn{flex:1;background:transparent;border:0;border-radius:8px;color:var(--dim);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:9px 4px;cursor:pointer}.segmented-btn.active{background:var(--surface);color:var(--steel)}.segmented-btn:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.bottom-bar{flex:0 0 auto;display:flex;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.tab-btn{flex:1;background:transparent;border:0;color:var(--dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:13px 4px 11px;cursor:pointer}.tab-btn.active{color:var(--steel)}.tab-btn:focus-visible{outline:2px solid var(--steel);outline-offset:1px}.vernier{display:block}.t-hero{font-size:32px;letter-spacing:-.02em}.t-figure{font-size:20px}.t-body{font-size:16px}.t-meta{font-size:13px}.t-label{font-size:11px}.save-hint{color:var(--dim);font-size:13px;margin:0}.file-capture{position:relative;overflow:hidden;display:block}.file-capture-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.camera-top-right{display:flex;gap:8px}.thumb-zone{margin-top:auto}.edit-btn{background:transparent;border:1px solid var(--rule);border-radius:999px;color:var(--steel);cursor:pointer;font-size:13px;font-weight:600;min-height:44px;padding:0 18px}.edit-btn:active{background:var(--surface-2)}.edit-btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.row:active{background:var(--surface-2);border-radius:8px}.error{display:flex;align-items:center;gap:10px}.error>span{flex:1;min-width:0}.error-action{color:var(--steel);font-weight:600;white-space:nowrap}.error-dismiss{background:transparent;border:0;color:var(--dim);cursor:pointer;flex:0 0 auto;font-size:15px;line-height:1;padding:11px;margin:-11px}.error-dismiss:focus-visible{outline:2px solid var(--steel);outline-offset:2px}button:focus-visible,a.btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0f13bf;display:flex;justify-content:center;align-items:flex-start;padding:15vh 16px 16px;z-index:20}.overlay-content{width:100%;max-width:420px}.stack>*{min-width:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-width:0}.grid>*{min-width:0}.grid figure{margin:0}.grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;display:block}.grid figcaption{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:10px;color:var(--dim);margin-top:4px}.grid-empty{aspect-ratio:3/4;border:1px dashed var(--rule);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--dimmer);text-align:center}.grid-empty-caption{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:9px;color:var(--dimmer);padding:0 4px;line-height:1.3}.camera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center}.camera-frame{position:relative;width:100%;max-width:min(100vw,calc((100dvh - 190px)*.75));aspect-ratio:3 / 4;overflow:hidden;background:#000}.camera-frame video{display:block;width:100%;height:100%;object-fit:cover}.camera-ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;pointer-events:none}.camera-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.camera-guides .guide-v,.camera-guides .guide-h{position:absolute;background:#e7eaef29}.camera-guides .guide-v{left:50%;top:0;bottom:0;width:1px}.camera-guides .guide-h{top:50%;left:0;right:0;height:1px}.camera-top{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:0;right:0;display:flex;justify-content:space-between;padding:0 16px}.camera-text-btn{background:#00000073;border:0;border-radius:999px;color:var(--ink);font-size:14px;font-weight:600;padding:9px 16px;cursor:pointer}.camera-text-btn.on{color:var(--steel)}.camera-text-btn:focus-visible{outline:2px solid var(--steel);outline-offset:2px}.camera-bottom{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 28px);left:0;right:0;display:flex;justify-content:center}.camera .shutter{width:76px;height:76px;border-radius:50%;background:var(--ink);border:4px solid rgba(231,234,239,.35);box-shadow:0 0 0 3px #00000059;padding:0;cursor:pointer}.camera .shutter:active{transform:scale(.94)}.camera .shutter:disabled{opacity:.4;cursor:default}.camera .shutter:focus-visible{outline:3px solid var(--steel);outline-offset:4px}.camera-fallback{display:flex;flex-direction:column;gap:12px;padding:16px}@media (prefers-reduced-motion: reduce){.camera .shutter:active{transform:none}}input[type=range]{touch-action:auto}[role=slider]{touch-action:none}