:root{--bg: #eef1f4;--surface: #ffffff;--ink: #1f2a37;--muted: #5b6b7c;--hairline: #dde3e9;--accent: #c98a2c;--accent-deep: #a8701e;--accent-ink: #2a1c08;--behind: #b5482f;--ahead: #2f7a5c;--alert-bg: #fbeae3;--alert-border: #b5482f;--alert-ink: #7a2e1b;--font-display: "Frank Ruhl Libre", "Times New Roman", serif;--font-body: "Assistant", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink)}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh;display:flex;flex-direction:column;align-items:center}.app{width:100%;max-width:26rem;min-height:100dvh;display:flex;flex-direction:column}h1{font-family:var(--font-display);font-weight:700;font-size:1.5rem;margin:1.25rem 1rem;color:var(--ink)}main{width:100%;max-width:26rem;margin:0 auto;flex:1 1 auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.signin-gate{justify-content:center;align-items:center;text-align:center;gap:1.1rem}.signin-gate .gsi-button{display:flex;justify-content:center;min-height:44px}main h2{font-family:var(--font-display);font-weight:700;font-size:1.85rem;line-height:1.25;margin:.5rem 0 0;letter-spacing:-.01em}main h2.behind{color:var(--behind)}main h2.ahead{color:var(--ahead)}main>p{margin:0;color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums}main>p:first-of-type{font-family:var(--font-mono);font-size:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--hairline)}main [role=alert]{background:var(--alert-bg);border-inline-start:4px solid var(--alert-border);color:var(--alert-ink);font-weight:600;padding:.75rem .9rem;border-radius:.4rem;font-size:.95rem}main button{margin-top:.5rem;align-self:stretch;border:none;border-radius:999px;padding:1rem 1.5rem;font-family:var(--font-body);font-weight:700;font-size:1.1rem;color:var(--accent-ink);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-deep) 100%);box-shadow:0 1px #ffffff59 inset,0 10px 18px -8px #a8701e8c;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}main button:hover{box-shadow:0 1px #ffffff59 inset,0 12px 20px -8px #a8701ea6}main button:active{transform:translateY(1px);box-shadow:0 1px 4px #00000040 inset,0 4px 10px -6px #a8701e80}main button:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}@media (prefers-reduced-motion: reduce){main button{transition:none}}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;width:100%;max-width:26rem;margin:0 auto;padding:1.25rem 1rem}.month-grid .cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;aspect-ratio:1 / 1;padding:.3rem .2rem;margin:0;border-radius:.55rem;border:1px solid var(--hairline);background:var(--surface);cursor:pointer;font-family:var(--font-body);box-shadow:none;transition:transform .08s ease,box-shadow .08s ease}.month-grid .cell:hover{transform:translateY(-1px);box-shadow:0 4px 10px -6px #1f2a3740}.month-grid .cell:active{transform:translateY(0);box-shadow:none}.month-grid .cell:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px}.month-grid .daynum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;color:var(--ink)}.month-grid .hours,.month-grid .tag{font-size:.62rem;font-weight:600;letter-spacing:.01em;color:var(--muted);text-align:center}.month-grid .cell.pending{background:var(--surface);border-color:var(--hairline)}.month-grid .cell.done{background:#eaf4ef;border-color:var(--ahead)}.month-grid .cell.done .daynum,.month-grid .cell.done .hours{color:var(--ahead)}.month-grid .cell.capped{background:var(--alert-bg);border-color:var(--behind)}.month-grid .cell.capped .daynum,.month-grid .cell.capped .hours{color:var(--behind)}.month-grid .cell.special{background:#fbf1de;border-color:var(--accent-deep)}.month-grid .cell.special .daynum{color:var(--accent-ink)}.month-grid .cell.special .tag{color:var(--accent-deep)}@media (prefers-reduced-motion: reduce){.month-grid .cell{transition:none}}.day-detail{position:fixed;inset-inline:0;bottom:0;z-index:20;width:100%;max-width:26rem;margin:0 auto;background:var(--surface);border-top:1px solid var(--hairline);border-radius:1rem 1rem 0 0;box-shadow:0 -12px 30px -16px #1f2a3759;padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem}.day-detail header{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--ink);padding-bottom:.5rem;border-bottom:1px solid var(--hairline);font-variant-numeric:tabular-nums}.day-detail label{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--muted);font-weight:600}.day-detail input,.day-detail select{font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:.5rem;padding:.55rem .7rem}.day-detail input:focus-visible,.day-detail select:focus-visible{outline:2px solid var(--accent-deep);outline-offset:1px}.day-detail button{margin-top:.25rem}.tabbar{position:sticky;bottom:0;z-index:10;display:flex;justify-content:space-around;width:100%;background:var(--surface);border-top:1px solid var(--hairline);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom))}.tabbar button{flex:1;margin:0;border:none;background:none;box-shadow:none;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--muted);padding:.45rem .25rem;cursor:pointer;border-top:2px solid transparent;transition:color .08s ease,border-color .08s ease}.tabbar button:hover{color:var(--accent-deep)}.tabbar button[aria-current=true]{color:var(--accent-deep);border-top-color:var(--accent)}.tabbar button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.tabbar button{transition:none}}