:root{--bg:#faf7f2;--surface:#fff;--surface-2:#f2eee7;--text:#26303b;--text-muted:#6b7684;--border:#e6e0d6;--accent:#3f7d6d;--accent-strong:#2f6558;--accent-soft:#e3f0ec;--on-accent:#fff;--amber:#b98234;--amber-soft:#f7ecd9;--clay:#c0705c;--clay-soft:#f7e7e1;--focus:#2f6558;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #26303b0f, 0 4px 16px #26303b0f;--tabbar-h:60px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{--bg:#141a24;--surface:#1c2431;--surface-2:#232d3d;--text:#e8ecf2;--text-muted:#9aa7b8;--border:#2d3849;--accent:#6fbfae;--accent-strong:#8ad3c2;--accent-soft:#22332f;--on-accent:#10201c;--amber:#d9a055;--amber-soft:#33291a;--clay:#d98f7a;--clay-soft:#35241f;--focus:#8ad3c2;--shadow:0 1px 2px #0006, 0 4px 16px #0000004d}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior-y:none;min-height:100dvh;font-size:16px;line-height:1.5}#root{min-height:100dvh}h1,h2,h3,p{margin:0}h1{font-size:1.4rem;font-weight:650;line-height:1.25}h2{font-size:1.1rem;font-weight:650}h3{font-size:1rem;font-weight:650}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.app{flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.app-main{padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;gap:16px;display:flex}.page-title{margin-bottom:-4px}.page-sub{color:var(--text-muted);font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px;display:flex}.card-title{font-size:.95rem;font-weight:650}.muted{color:var(--text-muted)}.small{font-size:.88rem}.tnum{font-variant-numeric:tabular-nums}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.grow{flex:1}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:10px 18px;font-weight:600}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-ghost{color:var(--accent-strong);background:0 0;border-color:#0000}.btn-block{width:100%}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;padding:10px 12px;font-size:16px}.label{color:var(--text-muted);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.field{margin-bottom:4px}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:720px;margin:0 auto;display:flex}.tab{min-height:var(--tabbar-h);color:var(--text-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:600;text-decoration:none;display:flex}.tab[aria-current=page]{color:var(--accent-strong)}.tab svg{width:24px;height:24px}.pin-gate{min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.pin-dots{justify-content:center;gap:12px;display:flex}.pin-dot{border:2px solid var(--accent);border-radius:50%;width:14px;height:14px}.pin-dot.filled{background:var(--accent)}.pin-input{letter-spacing:.5em;text-align:center;max-width:260px;font-size:1.2rem}.pin-error{color:var(--clay);min-height:1.2em;font-size:.9rem}.keypad{grid-template-columns:repeat(3,72px);justify-content:center;gap:10px;display:grid}.keypad button{border:1px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);cursor:pointer;border-radius:50%;font-size:1.3rem;font-weight:600}.keypad button:active{background:var(--accent-soft)}.keypad button.wide{border-radius:var(--radius-sm);font-size:.9rem}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.empty-emoji{font-size:1.6rem}@media (width>=600px){.app-main{padding-top:24px}}