:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--border: #475569;--text: #f1f5f9;--muted: #94a3b8;--accent: #22c55e;--accent-text: #052e16;--danger: #ef4444;--radius: 14px;--tap: 52px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app__content{flex:1;padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.page__title{font-size:1.5rem;font-weight:700;margin:8px 0 16px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.tabbar__btn{flex:1;border:none;background:none;color:var(--muted);font-size:.8rem;font-weight:600;padding:10px 4px;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.tabbar__btn--active{color:var(--accent)}.tabbar__icon{font-size:1.4rem;line-height:1}button{font-family:inherit}.btn{min-height:var(--tap);padding:12px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn--block{width:100%}.btn--lg{min-height:60px;font-size:1.1rem}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field__label{font-size:.85rem;color:var(--muted);font-weight:600}.input{min-height:var(--tap);padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.05rem;width:100%}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card__title{font-size:1.1rem;font-weight:700;margin:0 0 4px}.card__sub{color:var(--muted);font-size:.9rem;margin:0}.row{display:flex;gap:10px;align-items:center}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.stepper{display:flex;align-items:stretch;gap:8px}.stepper__btn{width:var(--tap);min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.5rem;font-weight:700;cursor:pointer;flex-shrink:0}.stepper__input{flex:1;min-width:0;text-align:center;min-height:var(--tap);padding:8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.2rem;font-weight:700}.set-row{display:grid;grid-template-columns:28px 1fr 1fr 56px;gap:8px;align-items:center;margin-bottom:10px}.set-row__num{color:var(--muted);font-weight:700;text-align:center}.set-row__field{display:flex;flex-direction:column;gap:2px}.set-row__cap{font-size:.7rem;color:var(--muted);text-align:center}.set-row__mini{text-align:center;min-height:var(--tap);padding:6px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.15rem;font-weight:700;width:100%}.check{width:100%;min-height:var(--tap);border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:1.4rem;cursor:pointer}.check--on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.spacer{height:12px}.fab-area{position:sticky;bottom:0;padding-top:8px}.tag{display:inline-block;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}