:root{--app: #f4f1ea;--sidebar: #ece7da;--card: #fffdf8;--paper: #efe9db;--bd: #e6dfce;--bd2: #ece4d3;--ink: #2c3a43;--muted: #8b9097;--faint: #b4ab97;--accent: #d4622e;--accent-deep: #a8431c;--accent-soft: rgba(212, 98, 46, .13);--brand: #2b4356;--brand-soft: rgba(43, 67, 86, .12);--good: #5b9b78;--ext: #d3dbd1;--ext-bd: #c2cdc0;--ext-ink: #53625a;--navpill: #e2d9c4;--overrun: #c0492c;--title-font: "Newsreader", "Noto Serif TC", serif;--ui-font: "Hanken Grotesk", "Noto Sans TC", -apple-system, sans-serif;--mono-font: "JetBrains Mono", monospace;--muted-strong: #6c7178;--sp-1: 4px;--sp-2: 8px;--sp-3: 10px;--sp-4: 12px;--sp-5: 14px;--sp-6: 16px;--sp-7: 18px;--sp-8: 20px;--sp-9: 24px;--sp-12: 30px;--sp-14: 38px;--r-card: 13px;--r-card-lg: 14px;--r-modal: 18px;--r-ctrl: 9px;--r-chip: 8px;--r-input: 11px;--r-marker-sq: 2px;--r-marker: 4px;--r-bar: 5px;--sh-card: 0 1px 2px rgba(43, 67, 86, .04);--sh-block: 0 1px 3px rgba(0, 0, 0, .16);--sh-modal: 0 24px 70px rgba(0, 0, 0, .32);--w-sidebar: 248px;--w-cal: 500px;--w-col: 264px;--w-dplan-inbox: 300px;--min-mid: 380px;--max-today: 560px;--h-topbar: 54px;--h-calhead: 46px;--focus-ring: 0 0 0 2px var(--app), 0 0 0 4px var(--brand);--focus-ring-accent: 0 0 0 2px var(--app), 0 0 0 4px var(--accent);--t-fast: .12s;--t-base: .15s;--t-bar: .3s;--t-caret: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--z-block: 1;--z-now: 5;--z-modal: 50;--z-toast: 60}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ui-font);-webkit-font-smoothing:antialiased;background:var(--app);color:var(--ink)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}.mono{font-family:var(--mono-font)}.serif{font-family:var(--title-font)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#78786e38;border-radius:5px}::-webkit-scrollbar-track{background:transparent}*:focus{outline:none}*:focus-visible{box-shadow:var(--focus-ring);border-radius:inherit}.btn{transition:background var(--t-base) ease,box-shadow var(--t-base) ease,transform 80ms ease}.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:#24394a}.btn-ghost{background:var(--card);border:1px solid var(--bd);color:var(--ink)}.btn-ghost:hover{background:var(--paper);border-color:var(--faint)}.btn-danger{background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--accent)}.btn-danger:focus-visible{box-shadow:var(--focus-ring-accent)}.btn-pill{background:var(--brand-soft);color:var(--brand)}.task-card{transition:border-color var(--t-base),box-shadow var(--t-base),background var(--t-base);cursor:grab}.task-card:hover{border-color:var(--faint);box-shadow:0 2px 6px #2b435612}.task-card:active{cursor:grabbing}.task-card.dragging,.task-row.dragging{opacity:.5}.task-row{transition:background var(--t-base),border-color var(--t-base);cursor:grab}.nav-row{transition:background var(--t-base);cursor:pointer}.nav-row:hover:not([aria-current=page]){background:var(--bd2)}.nav-row[aria-current=page]{background:var(--navpill)}.check{transition:background var(--t-base),border-color var(--t-base),transform 80ms}.check:hover{border-color:var(--good)}.check:active{transform:scale(.9)}.cal-grid.drop-active{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.drop-col.drop-active{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:var(--r-card)}@keyframes flowin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal{animation:flowin .25s var(--ease-out)}.caret{display:inline-block;transition:transform var(--t-caret) ease}.caret.closed{transform:rotate(-90deg)}.bar-fill{transition:width var(--t-bar) ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:var(--z-toast);background:var(--brand);color:#fff;padding:8px 14px;border-radius:var(--r-ctrl);font-size:13px;font-weight:600}.skip-link:focus{left:12px}::placeholder{color:var(--faint)}@keyframes skpulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.sk{background:var(--bd2);animation:skpulse 1.2s ease-in-out infinite}