:root{color-scheme:dark;--bg: #12100d;--bg-spot: #1b1712;--surface: #1d1914;--surface-2: #26211b;--border: #3b342b;--text: #f4ece2;--muted: #b3a392;--faint: #7d7163;--accent: #e8a54b;--accent-dim: rgba(232, 165, 75, .16);--fresh: #7eb8a0;--aging: #d4b06a;--stale: #e08a4c;--forgotten: #d46a6a;--danger: #d46a6a;--shadow: 0 18px 40px rgba(0, 0, 0, .28);--input-bg: #14110e;--on-accent: #1a140c;--reset-bg: #2a3a34;--reset-bg-hover: #314640;--reset-border: rgba(126, 184, 160, .35);--spot-1: rgba(232, 165, 75, .08);--spot-2: rgba(126, 184, 160, .07);--mark-border: rgba(232, 165, 75, .28);--warn-border: rgba(212, 106, 106, .4);--ok-border: rgba(126, 184, 160, .35);--danger-border: rgba(212, 106, 106, .45);--flash: rgba(126, 184, 160, .45);--radius: 18px;font-family:Outfit,Noto Sans,Noto Sans SC,Noto Sans JP,Noto Sans Hebrew,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}[data-theme=classic]{color-scheme:dark;--bg: #12100d;--bg-spot: #1b1712;--surface: #1d1914;--surface-2: #26211b;--border: #3b342b;--text: #f4ece2;--muted: #b3a392;--faint: #7d7163;--accent: #e8a54b;--accent-dim: rgba(232, 165, 75, .16);--fresh: #7eb8a0;--aging: #d4b06a;--stale: #e08a4c;--forgotten: #d46a6a;--danger: #d46a6a;--shadow: 0 18px 40px rgba(0, 0, 0, .28);--input-bg: #14110e;--on-accent: #1a140c;--reset-bg: #2a3a34;--reset-bg-hover: #314640;--reset-border: rgba(126, 184, 160, .35);--spot-1: rgba(232, 165, 75, .08);--spot-2: rgba(126, 184, 160, .07);--mark-border: rgba(232, 165, 75, .28);--warn-border: rgba(212, 106, 106, .4);--ok-border: rgba(126, 184, 160, .35);--danger-border: rgba(212, 106, 106, .45);--flash: rgba(126, 184, 160, .45)}[data-theme=light]{color-scheme:light;--bg: #f6f1e8;--bg-spot: #efe8db;--surface: #fffaf3;--surface-2: #fbf6ee;--border: #ddd2c3;--text: #1c1610;--muted: #6a5d50;--faint: #8a7c6e;--accent: #c47d22;--accent-dim: rgba(196, 125, 34, .14);--fresh: #2f8a70;--aging: #a07820;--stale: #c45e22;--forgotten: #c24545;--danger: #c24545;--shadow: 0 16px 36px rgba(80, 50, 20, .08);--input-bg: #ffffff;--on-accent: #1a140c;--reset-bg: #e6f3ee;--reset-bg-hover: #d7ece4;--reset-border: rgba(47, 138, 112, .4);--spot-1: rgba(196, 125, 34, .1);--spot-2: rgba(47, 138, 112, .08);--mark-border: rgba(196, 125, 34, .32);--warn-border: rgba(194, 69, 69, .4);--ok-border: rgba(47, 138, 112, .35);--danger-border: rgba(194, 69, 69, .45);--flash: rgba(47, 138, 112, .35)}[data-theme=dark]{color-scheme:dark;--bg: #0f1216;--bg-spot: #151a21;--surface: #171d25;--surface-2: #1d2430;--border: #323c4a;--text: #eef2f6;--muted: #a4b0bd;--faint: #73808e;--accent: #e8a54b;--accent-dim: rgba(232, 165, 75, .14);--fresh: #7eb8a0;--aging: #d4b06a;--stale: #e08a4c;--forgotten: #d46a6a;--danger: #d46a6a;--shadow: 0 18px 40px rgba(0, 0, 0, .45);--input-bg: #0c0f14;--on-accent: #1a140c;--reset-bg: #1c2c28;--reset-bg-hover: #243832;--reset-border: rgba(126, 184, 160, .35);--spot-1: rgba(232, 165, 75, .07);--spot-2: rgba(126, 184, 160, .06);--mark-border: rgba(232, 165, 75, .28);--warn-border: rgba(212, 106, 106, .4);--ok-border: rgba(126, 184, 160, .35);--danger-border: rgba(212, 106, 106, .45);--flash: rgba(126, 184, 160, .45)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%,var(--spot-1),transparent 55%),radial-gradient(800px 420px at 110% 0%,var(--spot-2),transparent 50%),var(--bg);color:var(--text)}#root{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.page{width:min(720px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.site-header{margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{color:var(--accent);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-dim);border:1px solid var(--mark-border)}.eyebrow{margin:0 0 2px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);font-weight:600}h1{margin:0;font-family:Fraunces,Georgia,Noto Sans SC,Noto Sans JP,Noto Sans Hebrew,system-ui,serif;font-size:clamp(2.1rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.05}.lede{margin:16px 0 0;color:var(--muted);max-width:42rem;font-size:1.05rem}.stats{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.stats span{font-size:.82rem;letter-spacing:.02em;padding:6px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.stats-warn{color:var(--forgotten)!important;border-color:var(--warn-border)!important}.stats-ok{color:var(--fresh)!important;border-color:var(--ok-border)!important}.add-form,.task-card,.empty{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.add-form{padding:20px;display:grid;gap:12px}.add-row{display:flex;gap:12px;align-items:flex-end}.field{display:grid;gap:6px}.field.grow{flex:1}.field span{font-size:.78rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field.quiet span{text-transform:none;letter-spacing:0;color:var(--faint)}.optional{border-top:1px solid var(--border);padding-top:10px}.optional summary{cursor:pointer;color:var(--faint);font-size:.88rem;list-style:none}.optional summary::-webkit-details-marker{display:none}.optional summary:before{content:"+ ";color:var(--accent)}.optional[open] summary:before{content:"– "}.optional .field{margin-top:10px}input[type=text],input[type=datetime-local]{width:100%;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;outline:none}input::placeholder{color:var(--faint)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-error{margin:0;color:var(--danger);font-size:.9rem}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:600;min-height:46px}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.06)}.btn.reset{width:100%;margin-top:16px;background:var(--reset-bg);color:var(--fresh);border:1px solid var(--reset-border)}.btn.reset:hover{background:var(--reset-bg-hover)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);min-height:36px;padding:6px 12px;font-size:.85rem}.btn.ghost.danger{color:var(--danger);border-color:var(--danger-border)}.task-list{margin-top:28px}.list-hint,.site-footer{color:var(--faint);font-size:.9rem}.task-list ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}.task-card{padding:20px 20px 16px;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:5px}.task-card.fresh:before{background:var(--fresh)}.task-card.aging:before{background:var(--aging)}.task-card.stale:before{background:var(--stale)}.task-card.forgotten:before{background:var(--forgotten)}.task-card.just-reset{animation:flash .9s ease}@keyframes flash{0%{box-shadow:0 0 0 0 var(--flash)}to{box-shadow:var(--shadow)}}.task-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-card h2{margin:0;font-size:1.05rem;font-weight:600}.name-btn{background:none;border:0;color:inherit;padding:0;text-align:start}.name-btn:hover{color:var(--accent)}.rename-form{flex:1}.icon-btn{background:transparent;border:0;color:var(--faint);font-size:1.4rem;line-height:1;padding:0 4px;min-width:32px}.icon-btn:hover{color:var(--danger)}.delete-confirm{display:flex;gap:6px}.elapsed{margin:10px 0 0;font-family:Fraunces,Georgia,Noto Sans SC,Noto Sans JP,Noto Sans Hebrew,system-ui,serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.task-card.fresh .elapsed{color:var(--fresh)}.task-card.aging .elapsed{color:var(--aging)}.task-card.stale .elapsed{color:var(--stale)}.task-card.forgotten .elapsed{color:var(--forgotten)}.since{margin:2px 0 0;color:var(--muted);font-size:.92rem}.done-count{color:var(--faint);font-size:.85em}.empty{margin-top:28px;padding:28px 24px;color:var(--muted)}.empty-title{margin:0 0 8px;color:var(--text);font-family:Fraunces,Georgia,Noto Sans SC,Noto Sans JP,Noto Sans Hebrew,system-ui,serif;font-size:1.5rem}.empty p:last-child{margin:0}.site-footer{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.site-footer p{margin:0}.copy-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.copy-link:hover{color:var(--accent)}.copy-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.copy-link.is-copied{color:var(--fresh);text-decoration:none}.credit-link{color:var(--faint);text-decoration:none;font-size:.85rem;letter-spacing:.02em}.credit-link:hover{color:var(--accent)}.credit-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.theme-picker{margin:0;padding:0;border:0;min-inline-size:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.prefs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px}.theme-picker legend,.language-picker legend{float:left;width:auto;padding:0;margin-inline-end:4px;font-size:.85rem;color:var(--faint)}.language-picker{margin:0;padding:0;border:0;min-inline-size:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.language-select-wrap{display:inline-flex}.language-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 32px 6px 12px;font-size:.82rem;font-weight:500;min-height:34px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%238a7c6e' d='M1.1 1.2 6 6.1l4.9-4.9 1.1 1.1L6 8.3 0 2.3z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:10px}[dir=rtl] .language-select{padding:6px 12px 6px 32px;background-position:left 12px center}.language-select:hover{color:var(--text)}.language-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-options{display:flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:var(--surface)}.theme-option{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:500;color:var(--faint);cursor:pointer;-webkit-user-select:none;user-select:none}.theme-option:hover{color:var(--text)}.theme-option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.theme-option:has(input:checked){color:var(--text);background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--mark-border)}.theme-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.page{width:min(100% - 24px,720px);padding-top:28px}.add-row{flex-direction:column;align-items:stretch}.btn.primary{width:100%}}