:root{--steel: #7FB2C9;--clay: #C98F6B;--ground: #0D0F13;--surface: #151A21;--surface-2: #1B212A;--rule: #232B36;--ink: #E7EAEF;--dim: #8A94A3;--dimmer: #5D6675;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding-top:env(safe-area-inset-top)}.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{max-width:520px;margin:0 auto;padding:16px;padding-bottom:calc(96px + 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;margin-bottom: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:8px;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{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom);z-index:10}.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}.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}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.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}
