:root{--base:#eff1f5;--mantle:#e6e9ef;--crust:#dce0e8;--text:#4c4f69;--subtext0:#6c6f85;--surface0:#ccd0da;--surface1:#bcc0cc;--lavender:#7287fd;--blue:#1e66f5;--red:#d20f39;--yellow:#df8e1d;--green:#40a02b;--bg:#fff;--fg:var(--text);--muted:var(--subtext0);--border:var(--surface1);--accent:var(--blue);--field-bg:#fff;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}::selection{background:var(--accent);color:#fff}html,body,#root{height:100%;margin:0}.page{grid-template-rows:1fr auto 1fr;justify-items:center;height:100%;display:grid}.wordmark{letter-spacing:-2px;align-self:end;margin:0 0 48px;font-family:Helvetica Neue,Arial,sans-serif;font-size:88px;font-weight:500;line-height:1}.search{width:min(560px,90vw)}.search input{width:100%;font:inherit;color:var(--fg);background:var(--field-bg);border:1px solid var(--border);border-radius:999px;outline:none;padding:14px 18px;font-size:18px;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.weather{color:var(--muted);align-items:center;gap:10px;font-size:16px;display:flex;position:fixed;top:24px;right:24px}.weather-emoji{font-size:28px}.weather-temp{color:var(--fg);font-size:20px;font-weight:500}.weather-text{flex-direction:column;line-height:1.2;display:flex}.weather-desc{font-size:14px}.weather-location{color:var(--muted);font-size:12px}.home-links{align-items:center;gap:16px;display:flex;position:fixed;top:24px;left:24px}.home-link{color:var(--muted);align-items:center;gap:6px;font-size:16px;text-decoration:none;transition:color .15s;display:inline-flex}.home-link:hover{color:var(--fg)}.notes{background:var(--bg);height:100%;position:relative}.notes-back{color:var(--muted);z-index:1;align-items:center;gap:6px;font-size:16px;text-decoration:none;transition:color .15s;display:inline-flex;position:fixed;top:24px;left:24px}.notes-back:hover{color:var(--fg)}.notes-textarea{resize:none;width:100%;height:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;padding:80px;font-size:18px;line-height:1.6}.notes-status{color:var(--muted);align-items:center;gap:6px;font-size:16px;display:inline-flex;position:fixed;bottom:24px;right:24px}.notes-saved{align-items:center;gap:4px;animation:.3s ease-out notes-flash;display:inline-flex}@keyframes notes-flash{0%{opacity:.4}to{opacity:1}}.notes-clear{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:16px;transition:color .15s;display:inline-flex}.notes-clear:hover{color:var(--red)}.time{background:var(--bg);min-height:100%;padding:80px 24px;position:relative}.time-back{color:var(--muted);z-index:1;align-items:center;gap:6px;font-size:16px;text-decoration:none;transition:color .15s;display:inline-flex;position:fixed;top:24px;left:24px}.time-back:hover{color:var(--fg)}.time-content{flex-direction:column;gap:48px;width:min(640px,90vw);margin:0 auto;display:flex}.time-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:13px;font-weight:400}.time-cards{flex-direction:column;gap:12px;display:flex}.time-card{background:var(--field-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.time-card-done{animation:1s ease-in-out infinite alternate time-pulse}@keyframes time-pulse{0%{border-color:var(--border)}to{border-color:var(--red)}}.time-card-head{align-items:center;gap:10px;display:flex}.time-label{min-width:0;font:inherit;color:var(--fg);background:var(--field-bg);border:1px solid var(--border);border-radius:999px;outline:none;flex:1;padding:8px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.time-label:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.time-trash{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.time-trash:hover{color:var(--red)}.time-display{letter-spacing:-1px;color:var(--fg);font-variant-numeric:tabular-nums;text-align:center;padding:8px 0;font-family:Helvetica Neue,Arial,sans-serif;font-size:44px;font-weight:500;line-height:1}.time-display-done{color:var(--red)}.time-controls{justify-content:center;gap:8px;display:flex}.time-primary,.time-secondary{font:inherit;cursor:pointer;border-radius:999px;padding:8px 18px;font-size:15px;transition:background .15s,border-color .15s,color .15s}.time-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.time-primary:hover:not(:disabled){background:var(--lavender);border-color:var(--lavender)}.time-secondary{background:var(--field-bg);color:var(--fg);border:1px solid var(--border)}.time-secondary:hover:not(:disabled){border-color:var(--accent)}.time-primary:disabled,.time-secondary:disabled{opacity:.5;cursor:default}.time-new{align-items:center;gap:10px;padding:8px 4px;display:flex}.time-new .time-label{flex:1;min-width:0}.time-new-timer .time-label{flex:0 180px}.time-presets{align-items:center;gap:4px;display:flex}.time-preset{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:13px;transition:color .15s,border-color .15s,background .15s}.time-preset:hover{color:var(--accent);border-color:var(--accent)}.time-new-duration{font-variant-numeric:tabular-nums;color:var(--fg);align-items:center;gap:4px;display:flex}.time-new-duration input{width:44px;font:inherit;text-align:center;color:var(--fg);background:var(--field-bg);border:1px solid var(--border);border-radius:8px;outline:none;padding:6px;font-size:15px;transition:border-color .15s,box-shadow .15s}.time-new-duration input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}