:root{--bg: #141414;--surface: #1C1C1C;--band: #232323;--rule: #2A2A2A;--cover-bg: #141414;--cover-rule: #2A2A2A;--cover-text: #F2EFEA;--cover-muted: #8C8882;--text: #F2EFEA;--muted: #8C8882;--faint: #5A5752;--ink: #FFFFFF;--on-ink: #141414;--accent: #E8642C;--frame: #000000;--bg-side: #23262B;--surface-side: #2D3138;--rule-side: #3A3F47;--bg-high: #31220E;--surface-high: #3E2C16;--rule-high: #4E3920;--bg-ground: #0B2036;--surface-ground: #123049;--rule-ground: #1D3F5A;--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--hand: "Caveat", "Bradley Hand", "Segoe Script", cursive;--sans: "Inter", -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--tsize: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #FFFFFF;--surface: #F2F4F8;--band: #E9EDF4;--rule: #E0E5EC;--text: #14171C;--muted: #69717F;--faint: #A5ACB8;--ink: #14171C;--on-ink: #FFFFFF;--accent: #E8642C;--frame: #000000;--bg-side: #E6EBF3;--surface-side: #F6F8FB;--rule-side: #D2D9E4;--bg-high: #FFE3C4;--surface-high: #FFF1E1;--rule-high: #EEC69B;--bg-ground: #D7E5FA;--surface-ground: #E9F0FD;--rule-ground: #B5CCEF;color-scheme:light}}:root[data-theme=light]{--bg: #FFFFFF;--surface: #F2F4F8;--band: #E9EDF4;--rule: #E0E5EC;--text: #14171C;--muted: #69717F;--faint: #A5ACB8;--ink: #14171C;--on-ink: #FFFFFF;--accent: #E8642C;--frame: #000000;--bg-side: #E6EBF3;--surface-side: #F6F8FB;--rule-side: #D2D9E4;--bg-high: #FFE3C4;--surface-high: #FFF1E1;--rule-high: #EEC69B;--bg-ground: #D7E5FA;--surface-ground: #E9F0FD;--rule-ground: #B5CCEF;color-scheme:light}:root[data-text=large]{--tsize: 18px}*{box-sizing:border-box}html,body{margin:0;background:var(--frame)}html{height:calc(100% + var(--shim, 0px))}body{height:100%}body{color:var(--text);font-family:var(--sans);font-size:var(--tsize);line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{position:fixed;inset:0;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--frame)}@media(min-width:720px){#app{max-width:560px}}.statusband{position:absolute;top:0;left:0;right:0;height:var(--safe-top);background:var(--frame);z-index:12;pointer-events:none;transition:opacity .38s ease}.viewport.zoomed~.statusband{opacity:0}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1.title{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.15;margin:0;letter-spacing:-.01em}h2.sec{font-size:15px;font-weight:600;margin:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.note{color:var(--muted);margin:0}.cardbox{background:var(--surface);border-radius:12px;padding:12px 14px}.devpanel{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;align-items:center;padding:8px 12px calc(8px + var(--safe-bottom));background:#000;color:#8c8882;font-size:12px}.devpanel button{border:1px solid #2A2A2A;border-radius:8px;padding:4px 10px;color:#f2efea;font-size:12px}h1.title .pre{color:var(--accent)}.lane{display:flex;flex-direction:column}.head .eyebrow{margin-bottom:6px}html,body{height:auto;min-height:100%;background:var(--bg)}body{-webkit-user-select:text;user-select:text}#site{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:calc(56px + var(--safe-top)) 24px calc(40px + var(--safe-bottom))}#site h1{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.15;margin:0;letter-spacing:-.01em}#site p{margin:0}.brand{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.small{font-size:13px}.error{color:var(--accent);min-height:1.45em}.error:empty{min-height:0}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:13px;color:var(--muted)}.field input{font:inherit;font-size:17px;color:var(--text);background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:13px 14px;-webkit-user-select:text;user-select:text}.field input:focus{outline:2px solid var(--accent);outline-offset:1px}.primary{display:block;background:var(--ink);color:var(--on-ink);border-radius:999px;padding:13px 20px;font-weight:500;text-align:center;text-decoration:none}.primary[disabled]{opacity:.5}.quiet{color:var(--muted);padding:6px 0;text-align:left}.number{font-family:var(--serif);font-size:64px;line-height:1;letter-spacing:.02em}.field input.number-input{font-family:var(--serif);font-size:36px;letter-spacing:.2em;text-align:center;padding-left:calc(14px + .2em)}