:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f9f9fb;--ink: #1c1c1e;--muted: #8e8e93;--hairline: rgba(60, 60, 67, .13);--accent: #d9922f;--accent-deep: #b3741c;--accent-ink: #2a1c08;--accent-soft: rgba(217, 146, 47, .14);--behind: #d94a3f;--ahead: #2fa564;--alert-bg: #fdecea;--alert-border: #d94a3f;--alert-ink: #8a2c22;--radius-lg: 1.4rem;--radius-md: 1rem;--radius-sm: .65rem;--spring: cubic-bezier(.34, 1.4, .64, 1);--font-body: -apple-system, "SF Pro Text", "Assistant", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, "SF Pro Display", "Assistant", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}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:800;font-size:2rem;letter-spacing:-.02em;margin:1.5rem 1.25rem .75rem;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 h1{margin:0}.signin-gate .gsi-button{display:flex;justify-content:center;min-height:44px}.auth-form{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:20rem;background:var(--surface);border-radius:var(--radius-lg);padding:1.1rem 1.1rem 1.25rem;box-shadow:0 1px 2px #0000000a,0 12px 28px -18px #00000040}.auth-form label{display:flex;flex-direction:column;gap:.3rem;text-align:start;font-size:.85rem;color:var(--muted);font-weight:600}.auth-form input{padding:.65rem .75rem;border:1px solid var(--hairline);background:var(--surface-2);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);color:var(--ink)}.auth-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.linkish{background:none;border:none;box-shadow:none;color:var(--accent-deep);font-size:.85rem;font-weight:600;cursor:pointer;padding:.3rem}main h2{font-family:var(--font-display);font-weight:800;font-size:2.4rem;line-height:1.15;margin:.35rem 0 0;letter-spacing:-.03em;font-variant-numeric:tabular-nums}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:.85rem;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}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:var(--radius-sm);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:#fff;background:var(--accent-deep);box-shadow:0 10px 20px -10px #b3741c8c;cursor:pointer;transition:transform .25s var(--spring),box-shadow .2s ease,opacity .2s ease}main button:hover{box-shadow:0 12px 22px -8px #b3741c99}main button:active{transform:scale(.97);box-shadow:0 4px 10px -6px #b3741c80}main button:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}@media (prefers-reduced-motion: reduce){main button{transition:none}}.month-card{width:100%;max-width:26rem;margin:1.25rem auto 0;padding:1.1rem 1rem 1.25rem;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a,0 20px 40px -26px #1c1c1e40;overflow:hidden}.month-card__header{padding:0 .15rem .75rem}.month-card__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}.month-card__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:ltr;padding:0 .15rem .5rem;border-bottom:1px solid var(--hairline);margin-bottom:.5rem}.month-card__weekdays span{text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:var(--muted)}.month-card__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:ltr;gap:.3rem .15rem}.month-card__blank{min-width:0;aspect-ratio:1 / 1}.month-card__day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:0;aspect-ratio:1 / 1;border-radius:.85rem;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);color:var(--ink);box-shadow:none;padding:.15rem;transition:background-color .15s ease,transform .2s var(--spring)}.month-card__day:hover{background:var(--surface-2)}.month-card__day:active{transform:scale(.93)}.month-card__day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.month-card__daynum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.month-card__hours,.month-card__tag{font-size:.55rem;font-weight:600;letter-spacing:.01em;color:var(--muted);text-align:center}.month-card__day.weekend{color:var(--muted);cursor:default;opacity:.5}.month-card__day.weekend .month-card__daynum{color:var(--muted)}.month-card__day.today .month-card__daynum{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:#fff}.month-card__day.done,.month-card__day.done .month-card__hours{color:var(--ahead)}.month-card__day.capped,.month-card__day.capped .month-card__hours{color:var(--behind)}.month-card__day.special .month-card__tag{color:var(--accent)}@media (prefers-reduced-motion: reduce){.month-card__day{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:1.4rem 1.4rem 0 0;box-shadow:0 -20px 44px -20px #00000059;padding:.6rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.75rem;animation:sheet-up .32s var(--spring)}@keyframes sheet-up{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}.day-detail__grabber{align-self:center;width:2.25rem;height:.3rem;border-radius:999px;background:var(--hairline);margin-bottom:.35rem}.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(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:.6rem .75rem}.day-detail input:focus-visible,.day-detail select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.day-detail button{margin-top:.25rem}@media (prefers-reduced-motion: reduce){.day-detail{animation:none}}.settings-list{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 2px #00000008}.settings-list button{width:100%;margin:0;border:none;border-radius:0;background:none;box-shadow:none;text-align:start;color:var(--accent-deep);font-family:var(--font-body);font-weight:600;font-size:1rem;padding:.9rem 1rem;cursor:pointer;transition:background-color .15s ease}.settings-list button:hover{background:var(--surface-2)}.settings-list button:active{background:var(--hairline)}.settings-list button.destructive{color:var(--behind)}.settings-list button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.settings-status{margin:0;padding:.6rem 1rem;font-size:.85rem;color:var(--muted)}.tabbar{position:sticky;bottom:.65rem;z-index:10;display:flex;justify-content:space-around;gap:.25rem;width:calc(100% - 1.5rem);max-width:24.5rem;margin:.5rem auto calc(.65rem + env(safe-area-inset-bottom));background:#ffffffb8;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.6);border-radius:1.4rem;padding:.4rem;box-shadow:0 1px 1px #00000008,0 16px 32px -16px #1c1c1e47}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;margin:0;border:none;background:none;box-shadow:none;border-radius:1rem;font-family:var(--font-body);font-size:.68rem;font-weight:600;color:var(--muted);padding:.4rem .25rem .35rem;cursor:pointer;transition:color .2s ease,background-color .25s var(--spring)}.tabbar__icon{display:flex;line-height:0}.tabbar button:hover{color:var(--accent-deep)}.tabbar button[aria-current=true]{color:var(--accent-deep);background:var(--accent-soft)}.tabbar button:focus-visible{outline:2px solid var(--accent-deep);outline-offset:-2px}@media (prefers-reduced-motion: reduce){.tabbar button{transition:none}}