:root{--bg: #f4f4f5;--card: #ffffff;--ink: #18181b;--muted: #71717a;--line: #e4e4e7;--accent: #1d4ed8;--accent-ink: #ffffff;--ok: #15803d;--error: #b91c1c;--tap: 56px}@media (prefers-color-scheme: dark){:root{--bg: #09090b;--card: #18181b;--ink: #fafafa;--muted: #a1a1aa;--line: #27272a;--accent: #3b82f6}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:18px;line-height:1.5;-webkit-text-size-adjust:100%}#app{max-width:30rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))}.screen{display:flex;flex-direction:column;gap:1rem}.screen__head{padding:.5rem 0 1rem}.screen__sub{margin:0;color:var(--muted);font-size:.95rem}.screen__total{margin:.25rem 0 0;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.day-list{display:flex;flex-direction:column;gap:.5rem}.day-row{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;align-items:center;width:100%;min-height:var(--tap);padding:.75rem 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card);color:inherit;font:inherit;text-align:left;cursor:pointer}.day-row:active{transform:scale(.99)}.day-row--unanswered{border-style:dashed;color:var(--muted)}.day-row--locked{opacity:.55;cursor:default}.day-row__name{font-weight:600;text-transform:capitalize}.day-row__hours{font-variant-numeric:tabular-nums;font-weight:600}.day-row__desc{grid-column:1 / -1;color:var(--muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{color:var(--muted);font-size:.9rem}.field__input{min-height:var(--tap);padding:0 1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card);color:inherit;font:inherit}.field__input:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{min-height:var(--tap);padding:0 1.25rem;border:1px solid transparent;border-radius:.75rem;font:inherit;font-weight:600;cursor:pointer}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn[disabled]{opacity:.6;cursor:default}.feedback{margin:0;min-height:1.4em;font-size:.95rem}.feedback--ok{color:var(--ok)}.feedback--error{color:var(--error)}.feedback--muted{color:var(--muted);font-size:.85rem}.loading,.error{padding:2rem 0;color:var(--muted);text-align:center}.error{color:var(--error)}
