:root{--bg: oklch(97.8% .006 265);--surface: oklch(100% 0 0);--surface-soft: oklch(96.5% .009 260);--fg: oklch(20% .018 265);--muted: oklch(53% .016 260);--border: oklch(90.5% .008 260);--accent: oklch(64% .145 161);--secondary: oklch(68% .14 295);--work: oklch(84% .095 82);--life: oklch(87% .085 346);--health: oklch(86% .09 158);--study: oklch(87% .065 294);--danger: oklch(62% .17 25);--focus-bg: color-mix(in oklch, var(--accent), var(--surface) 94%);--focus-border: color-mix(in oklch, var(--accent), var(--border) 70%);--focus-ambient: var(--accent);--focus-ambient-secondary: color-mix(in oklch, var(--accent), oklch(72% .09 205) 42%);--on-strong: oklch(99% 0 0);--on-accent: oklch(18% .02 260);--strong-hover: oklch(25% .018 265);--hover-surface: color-mix(in oklch, var(--fg), transparent 95%);--future-surface: oklch(95% .004 260);--future-fg: oklch(55% .012 260);--planned-surface: oklch(96% .035 75);--planned-border: oklch(82% .09 65);--planned-fg: oklch(48% .012 260);--note-surface: oklch(93% .09 95);--calendar-selected: oklch(96% .025 292);--calendar-muted: oklch(98% .003 260);--metric-surface: color-mix(in oklch, var(--accent), var(--surface) 88%);--metric-border: color-mix(in oklch, var(--accent), var(--border) 72%);--metric-fg: var(--fg);--metric-muted: color-mix(in oklch, var(--fg), var(--muted) 64%);--shadow: 0 18px 50px oklch(27% .025 260 / .08);--font-display: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SFMono-Regular", Consolas, monospace;--control-fg: var(--fg);--control-muted: var(--muted);--control-border: var(--border);--control-border-hover: color-mix(in oklch, var(--muted), transparent 35%);--control-surface: var(--surface);--control-surface-soft: var(--surface-soft);--control-selected: var(--surface-soft);--control-accent: var(--accent);--control-shadow: 0 18px 44px oklch(20% .02 260 / .14);--control-scroll-track: color-mix(in oklch, var(--border), transparent 42%);--control-scroll-thumb: color-mix(in oklch, var(--muted), transparent 38%);--control-scroll-thumb-hover: color-mix(in oklch, var(--muted), transparent 12%)}[data-theme=mint]{--bg: oklch(98.2% .012 190);--surface: oklch(99.8% .004 190);--surface-soft: oklch(96.4% .025 188);--fg: oklch(19% .025 190);--muted: oklch(49% .028 190);--border: oklch(88.5% .032 185);--accent: oklch(65% .155 162);--secondary: oklch(69% .105 210);--work: oklch(87% .075 180);--life: oklch(89% .055 205);--health: oklch(86% .09 155);--study: oklch(87% .07 225);--focus-ambient: oklch(65% .155 162);--focus-ambient-secondary: oklch(69% .105 210);--focus-bg: oklch(96% .03 185);--future-surface: oklch(95% .016 195);--future-fg: oklch(52% .025 195);--planned-surface: oklch(94% .045 195);--planned-border: oklch(75% .1 185);--planned-fg: oklch(41% .05 185);--note-surface: oklch(92% .065 170);--calendar-selected: oklch(91% .065 185);--calendar-muted: oklch(98% .012 195);--metric-surface: oklch(92% .05 180);--metric-border: oklch(78% .075 180);--shadow: 0 18px 50px oklch(28% .045 190 / .09)}[data-theme=executive]{--bg: oklch(96% .012 78);--surface: oklch(99% .008 78);--surface-soft: oklch(93.5% .018 78);--fg: oklch(19% .018 258);--muted: oklch(48% .018 255);--border: oklch(84% .025 78);--accent: oklch(58% .11 82);--secondary: oklch(42% .055 252);--work: oklch(78% .075 82);--life: oklch(73% .045 40);--health: oklch(72% .055 155);--study: oklch(70% .05 260);--focus-ambient: oklch(58% .11 82);--focus-ambient-secondary: oklch(67% .075 62);--focus-bg: color-mix(in oklch, var(--focus-ambient), var(--surface) 94%);--planned-surface: oklch(91% .045 82);--planned-border: oklch(68% .09 82);--note-surface: oklch(90% .055 88);--calendar-selected: oklch(89% .04 82);--shadow: 0 18px 50px oklch(28% .025 70 / .12)}[data-theme=office]{--bg: oklch(97% .012 245);--surface: oklch(99.5% .005 245);--surface-soft: oklch(94.5% .025 245);--fg: oklch(19% .03 255);--muted: oklch(49% .025 250);--border: oklch(86% .03 245);--accent: oklch(55% .15 255);--secondary: oklch(65% .09 215);--work: oklch(82% .08 245);--life: oklch(84% .07 210);--health: oklch(84% .08 155);--study: oklch(82% .07 285);--focus-ambient: oklch(55% .15 255);--focus-ambient-secondary: oklch(65% .09 215);--focus-bg: color-mix(in oklch, var(--focus-ambient), var(--surface) 94%);--planned-surface: oklch(92% .045 235);--planned-border: oklch(67% .1 235);--note-surface: oklch(92% .05 220);--calendar-selected: oklch(90% .055 255);--shadow: 0 18px 50px oklch(30% .055 255 / .1)}[data-theme=pink]{--bg: oklch(97% .018 345);--surface: oklch(99.5% .008 345);--surface-soft: oklch(94.5% .035 345);--fg: oklch(22% .028 338);--muted: oklch(51% .035 338);--border: oklch(87% .035 345);--accent: oklch(60% .15 350);--secondary: oklch(64% .11 305);--work: oklch(87% .075 345);--life: oklch(89% .06 20);--health: oklch(86% .065 155);--study: oklch(86% .07 300);--focus-ambient: oklch(60% .15 350);--focus-ambient-secondary: oklch(67% .1 320);--focus-bg: color-mix(in oklch, var(--focus-ambient), var(--surface) 94%);--planned-surface: oklch(92% .055 35);--planned-border: oklch(72% .11 25);--note-surface: oklch(92% .065 70);--calendar-selected: oklch(91% .055 340);--shadow: 0 18px 50px oklch(35% .06 345 / .1)}[data-mode=dark]{color-scheme:dark;--bg: oklch(15% .012 260);--surface: oklch(20% .014 260);--surface-soft: oklch(24% .014 260);--fg: oklch(94% .006 260);--muted: oklch(72% .012 260);--border: oklch(34% .012 260);--shadow: 0 18px 50px oklch(5% .01 260 / .28);--on-strong: oklch(16% .012 260);--on-accent: oklch(16% .018 260);--strong-hover: oklch(86% .008 260);--hover-surface: oklch(100% 0 0 / .07);--future-surface: oklch(22% .01 260);--future-fg: oklch(68% .012 260);--planned-surface: oklch(29% .025 72);--planned-border: oklch(58% .08 72);--planned-fg: oklch(82% .04 72);--note-surface: oklch(27% .035 95);--calendar-selected: oklch(29% .035 292);--calendar-muted: oklch(18% .008 260);--control-shadow: 0 18px 44px oklch(5% .01 260 / .4)}[data-theme=mint][data-mode=dark]{--bg: oklch(13.5% .026 195);--surface: oklch(18% .03 190);--surface-soft: oklch(22% .038 188);--border: oklch(33% .045 185);--fg: oklch(94% .012 180);--muted: oklch(72% .03 185);--future-surface: oklch(20% .03 195);--calendar-muted: oklch(15.5% .025 195);--work: oklch(37% .07 180);--life: oklch(36% .06 205);--health: oklch(37% .075 155);--study: oklch(36% .065 225);--planned-surface: oklch(26% .06 195);--planned-border: oklch(59% .11 185);--planned-fg: oklch(85% .06 180);--note-surface: oklch(26% .06 170);--calendar-selected: oklch(27% .07 185);--metric-surface: oklch(27% .06 180);--metric-border: oklch(48% .075 180);--focus-bg: oklch(22% .045 188);--focus-ambient: oklch(72% .14 162);--focus-ambient-secondary: oklch(74% .095 210)}[data-theme=executive][data-mode=dark]{--bg: oklch(12.5% .018 258);--surface: oklch(17% .022 258);--surface-soft: oklch(21% .026 258);--border: oklch(34% .035 78);--fg: oklch(94% .012 82);--muted: oklch(70% .02 82);--accent: oklch(73% .1 82);--future-surface: oklch(19% .022 258);--calendar-muted: oklch(14% .018 258);--planned-surface: oklch(27% .055 82);--planned-border: oklch(62% .1 82);--planned-fg: oklch(84% .06 82);--note-surface: oklch(25% .045 88);--calendar-selected: oklch(27% .055 82);--focus-ambient: oklch(73% .1 82);--focus-ambient-secondary: oklch(70% .075 62)}[data-theme=office][data-mode=dark]{--bg: oklch(13.5% .028 255);--surface: oklch(18% .035 255);--surface-soft: oklch(22% .043 255);--border: oklch(34% .055 250);--fg: oklch(94% .012 245);--muted: oklch(71% .035 245);--accent: oklch(69% .13 245);--future-surface: oklch(20% .035 255);--calendar-muted: oklch(15% .028 255);--planned-surface: oklch(27% .055 225);--planned-border: oklch(62% .11 225);--planned-fg: oklch(84% .055 225);--note-surface: oklch(26% .05 215);--calendar-selected: oklch(28% .07 250);--focus-ambient: oklch(69% .13 245);--focus-ambient-secondary: oklch(72% .09 215)}[data-theme=pink][data-mode=dark]{--bg: oklch(14% .03 338);--surface: oklch(19% .038 338);--surface-soft: oklch(23% .05 338);--border: oklch(35% .055 338);--fg: oklch(95% .012 345);--muted: oklch(73% .035 345);--accent: oklch(72% .13 350);--future-surface: oklch(21% .038 338);--calendar-muted: oklch(16% .03 338);--planned-surface: oklch(28% .065 28);--planned-border: oklch(64% .12 28);--planned-fg: oklch(86% .055 28);--note-surface: oklch(27% .055 65);--calendar-selected: oklch(29% .075 345);--focus-ambient: oklch(72% .13 350);--focus-ambient-secondary: oklch(73% .1 320)}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;min-width:1120px;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid oklch(64% .145 161 / .28);outline-offset:2px}a{color:inherit;text-decoration:none}.app{width:100%;min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:30px 22px 24px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:5}.brand{width:100%;padding:0 12px 25px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;text-align:left;cursor:pointer}.brand strong{display:block;font:600 28px/1 var(--font-display);letter-spacing:-.02em}.brand span{display:block;margin-top:9px;color:var(--muted);font-size:12px;letter-spacing:.08em}.nav{display:grid;gap:8px;margin-top:26px}.nav .mobile-only{display:none}.nav button{min-height:46px;padding:0 14px;border:0;border-radius:13px;display:flex;align-items:center;gap:13px;background:transparent;color:var(--muted);font-size:14px;font-weight:550;letter-spacing:.02em;cursor:pointer;transition:.18s ease}.nav button:hover{background:var(--surface-soft);color:var(--fg);transform:translate(2px)}.nav button.active{color:var(--fg);background:color-mix(in oklch,var(--accent),var(--surface) 84%)}.lucide{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sidebar-note{margin-top:auto;padding:16px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.65}.profile{width:100%;margin:12px 0 0;padding:8px;border:1px solid transparent;border-radius:14px;display:flex;align-items:center;gap:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.profile:hover,.profile.active{border-color:var(--border);background:var(--surface-soft)}.profile-copy{min-width:0;flex:1}.profile>.lucide{width:16px;height:16px;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--secondary)}.avatar .pixel-avatar{width:34px;height:34px}.profile b{display:block;color:var(--fg);font-size:14px;line-height:18px}.profile small{display:block;color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.02em}.main{min-width:0;padding:30px 34px 60px}.topbar{min-height:64px;display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{margin:0 0 8px;color:var(--muted);font:12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:30px;line-height:1.08;letter-spacing:-.02em;font-weight:590}h2{font-size:22px;letter-spacing:-.015em;font-weight:590}h3{font-size:16px;font-weight:590}.date-sub{margin-top:7px;color:var(--muted);font-size:14px}.top-actions{display:flex;gap:10px}.icon-btn,.primary-btn,.soft-btn{min-height:42px;border:0;cursor:pointer;transition:.18s ease}.icon-btn{width:42px;border-radius:50%;background:var(--surface);color:var(--fg);box-shadow:0 5px 18px #11161f0f;display:grid;place-items:center}.icon-btn .lucide{width:18px;height:18px;stroke-width:2}.icon-btn:hover,.soft-btn:hover{transform:translateY(-2px)}.primary-btn{padding:0 18px;border-radius:12px;background:var(--fg);color:var(--on-strong);font-weight:590;letter-spacing:.02em;box-shadow:0 9px 24px #11161f29}.primary-btn:hover{transform:translateY(-2px);background:var(--strong-hover)}.soft-btn{padding:0 15px;border-radius:12px;color:var(--fg);background:var(--surface);border:1px solid var(--border);font-weight:550}.settings-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.settings-back-button svg{width:18px;height:18px}.layout-daily{margin-top:20px;display:grid;grid-template-columns:250px minmax(580px,1fr) 285px;gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid color-mix(in oklch,var(--border),transparent 20%);border-radius:20px;box-shadow:0 9px 28px #282e380a}.goal-panel{padding:20px}.goal-panel p{margin:8px 0 17px;color:var(--muted);font-size:12px;line-height:1.6}.stats-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat{padding:13px;border-radius:13px;background:var(--surface-soft)}.mini-stat b,.mini-stat strong{display:block;font:590 22px/1 var(--font-mono);letter-spacing:-.03em}.mini-stat span{display:block;margin-top:6px;color:var(--muted);font-size:12px}.goal-list{margin-top:17px;display:grid;gap:10px}.goal{padding:13px;border-radius:14px;background:color-mix(in oklch,var(--goal),var(--surface) 72%)}.goal-line{display:flex;justify-content:space-between;gap:12px;font-size:12px}.goal-line b{font-weight:550}.goal-line span{font:12px/1 var(--font-mono);color:var(--muted)}.progress{height:5px;margin-top:11px;border-radius:99px;background:color-mix(in oklch,var(--fg),transparent 86%);overflow:hidden}.progress i{display:block;height:100%;width:var(--value);border-radius:inherit;background:var(--goal)}.task-workspace{min-width:0}.week-strip{padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-chip{padding:10px 5px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:12px;line-height:16px;cursor:pointer}.day-chip span{display:block;font-family:var(--font-mono);font-size:12px;line-height:16px;letter-spacing:.08em}.day-chip b{display:block;margin-top:6px;color:var(--fg);font-family:var(--font-display);font-size:16px;font-weight:590;line-height:20px}.day-chip.active{background:var(--fg);color:var(--on-strong);box-shadow:0 8px 20px #11161f2e}.day-chip.future{background:var(--future-surface);color:var(--future-fg)}.day-chip.future b{color:var(--future-fg)}.day-chip.future.has-plan{border-color:var(--planned-border);background:var(--planned-surface)}.day-chip.active{border-color:var(--fg);background:var(--fg);color:var(--on-strong)}.day-chip.active b{color:var(--on-strong)}.task-head{margin:18px 2px 14px;display:flex;align-items:end;justify-content:space-between}.task-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.task-count{color:var(--muted);font:12px/1 var(--font-mono)}.task-tools{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.task-search{min-width:220px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--muted)}.task-search .lucide{width:16px;height:16px}.task-search input{width:100%;border:0;outline:0;background:transparent;color:var(--fg);font-size:12px}.task-filter{flex:0 0 auto}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-group{min-height:196px;padding:17px;border-radius:20px;background:color-mix(in oklch,var(--group),var(--surface) 72%);border:1px solid color-mix(in oklch,var(--group),var(--surface) 48%)}.group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.group-head span{padding:5px 9px;border-radius:9px;background:color-mix(in oklch,var(--surface),transparent 18%);font-size:12px;font-weight:590}.group-head small{color:var(--muted);font:12px/1 var(--font-mono)}.tasks{display:grid;gap:3px}.task-row{width:100%;min-width:0;min-height:38px;padding:5px 2px;border:1px solid transparent;border-radius:8px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;color:inherit;transition:.15s ease}.task-row:hover{background:var(--hover-surface)}.task-row.upcoming{padding-inline:6px;border-color:var(--planned-border);background:var(--planned-surface);color:var(--planned-fg)}.check{width:18px;height:18px;padding:0;border:1.5px solid oklch(60% .02 260 / .55);border-radius:50%;display:grid;place-items:center;background:transparent;cursor:pointer;transition:.15s ease}.task-row.done .check{background:var(--accent);border-color:var(--accent)}.check .lucide{width:12px;height:12px;color:#fff;stroke-width:2.5;opacity:0;transform:scale(.7);transition:.15s ease}.task-row.done .check .lucide{opacity:1;transform:scale(1)}.task-row.done .task-title{color:var(--muted);text-decoration:line-through}.task-main{min-width:0;display:flex;align-items:center;gap:7px}.task-title{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-time{flex:0 1 auto;min-width:0;overflow:hidden;color:var(--muted);font:12px/1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.task-tail{display:flex;align-items:center;justify-content:flex-end;gap:4px}.task-actions{display:flex;opacity:0;transition:opacity .15s ease}.task-row:hover .task-actions,.task-row:focus-within .task-actions{opacity:1}.task-actions button{flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.task-actions button:hover{background:var(--hover-surface);color:var(--fg)}.task-actions .lucide{width:14px;height:14px}.status-tag{max-width:104px;min-height:22px;padding:0 7px;border:1px solid var(--border);border-radius:999px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);background:var(--surface-soft);font-size:12px;line-height:20px;white-space:nowrap}.status-tag .lucide{flex:0 0 auto;width:8px;height:8px;color:currentColor;stroke-width:2}.status-tag span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-empty{margin:16px 2px;color:var(--muted);font-size:12px}.add-task{margin-top:14px;width:100%;min-height:48px;border:1px dashed var(--border);border-radius:14px;background:color-mix(in oklch,var(--surface),transparent 16%);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.add-task:hover{color:var(--fg);border-color:var(--muted)}.right-stack{display:grid;gap:15px}.schedule,.quick-note{padding:19px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title small{color:var(--muted);font-size:12px}.schedule-list{display:grid;gap:9px}.schedule-item{padding:12px 12px 12px 14px;border-radius:13px;background:var(--surface-soft);border-left:3px solid var(--event)}.schedule-item time{display:block;color:var(--muted);font:12px/1 var(--font-mono)}.schedule-item b{display:block;margin-top:7px;font-size:12px}.quick-note textarea{width:100%;min-height:145px;resize:vertical;border:0;border-radius:13px;padding:14px;background:var(--note-surface);color:var(--fg);font-size:12px;line-height:1.6}.note-actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.note-actions kbd{color:var(--muted);font:12px/1 var(--font-mono)}.note-actions button{min-height:34px;padding:0 13px;border:0;border-radius:10px;background:var(--danger);color:#fff;cursor:pointer;font-size:12px}.toast{position:fixed;right:28px;bottom:28px;padding:13px 17px;border-radius:12px;background:var(--fg);color:var(--on-strong);box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:24px;background:#0e121859;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.modal.open{display:grid}.dialog{width:min(560px,100%);padding:24px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.dialog h2{margin-bottom:6px}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title .icon-btn{box-shadow:none;background:var(--surface-soft)}.dialog p{margin:0 0 18px;color:var(--muted);font-size:12px}.dialog input{width:100%;height:46px;margin-top:10px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--fg)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid .select{margin-top:10px}.task-dialog-fields{grid-template-columns:.8fr 1.2fr 1fr}.dialog-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:9px}.select{position:relative;width:100%;color:var(--control-fg);font-family:var(--font-body);font-size:12px;letter-spacing:0;text-transform:none}.select-trigger{width:100%;height:46px;padding:0 12px;border:1px solid var(--control-border);border-radius:11px;display:flex;align-items:center;gap:10px;background:var(--control-surface);color:inherit;cursor:pointer;text-align:left}.select-trigger-value{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-leading-icon{flex:0 0 auto;display:inline-flex;color:var(--control-muted)}.select-leading-icon .lucide{width:16px;height:16px}.select-trigger:hover{border-color:var(--control-border-hover)}.select-placeholder{color:var(--control-muted)}.select-chevron{width:16px;height:16px;color:var(--control-muted);transition:transform .18s ease}.select-chevron.open{transform:rotate(180deg)}.select-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:max(100%,240px);max-height:var(--popover-max-height, 320px);padding:6px;overflow:hidden;border:1px solid var(--control-border);border-radius:14px;background:var(--control-surface);box-shadow:var(--control-shadow)}.select-popover.popover-top,.calendar-popover.popover-top,.time-popover.popover-top{top:auto;bottom:calc(100% + 8px)}.select-popover.popover-right,.calendar-popover.popover-right,.time-popover.popover-right{top:0;left:calc(100% + 8px)}.select-popover.popover-left,.calendar-popover.popover-left,.time-popover.popover-left{top:0;right:calc(100% + 8px);left:auto}.select-popover.popover-align-right,.calendar-popover.popover-align-right,.time-popover.popover-align-right{right:0;left:auto}.select-popover.popover-right.popover-align-bottom,.calendar-popover.popover-right.popover-align-bottom,.time-popover.popover-right.popover-align-bottom,.select-popover.popover-left.popover-align-bottom,.calendar-popover.popover-left.popover-align-bottom,.time-popover.popover-left.popover-align-bottom{top:auto;bottom:0}.select .select-search{height:38px;padding:0 10px;border:1px solid var(--control-border);border-radius:10px;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;color:var(--control-muted);background:var(--control-surface-soft);white-space:nowrap}.select-search .lucide{width:16px;height:16px;flex:0 0 16px}.select-search input{width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;outline:0;flex:1 1 auto;background:transparent;color:var(--control-fg);font-size:12px}.select-options{max-height:min(220px,calc(var(--popover-max-height, 320px) - 12px));margin-top:4px;padding-right:4px;overflow-y:auto;display:grid;gap:2px;scrollbar-width:thin;scrollbar-color:var(--control-scroll-thumb) var(--control-scroll-track)}.select-search+.select-options{max-height:min(220px,calc(var(--popover-max-height, 320px) - 58px))}.select-options::-webkit-scrollbar{width:8px}.select-options::-webkit-scrollbar-track{margin:4px 0;border-radius:99px;background:var(--control-scroll-track)}.select-options::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:99px;background:var(--control-scroll-thumb);background-clip:padding-box}.select-options::-webkit-scrollbar-thumb:hover{background:var(--control-scroll-thumb-hover);background-clip:padding-box}.select-options::-webkit-scrollbar-button{display:none;width:0;height:0}.select-option{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--control-fg);cursor:pointer;text-align:left}.select-option-copy{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-tail{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.select-option:hover,.select-option.active{background:var(--control-selected)}.select-option.disabled{color:var(--control-muted);cursor:not-allowed;opacity:.56}.select-option.disabled:hover{background:transparent}.select-option.active{font-weight:590}.select-option .lucide{width:16px;height:16px;color:var(--control-accent)}.select-empty{margin:0;padding:14px 10px;color:var(--control-muted);text-align:center;font-size:12px}.select-dark{--control-fg: oklch(98% .002 260);--control-muted: oklch(78% .01 260);--control-border: oklch(100% 0 0 / .14);--control-border-hover: oklch(100% 0 0 / .28);--control-surface: oklch(25% .018 265);--control-surface-soft: oklch(100% 0 0 / .07);--control-selected: oklch(100% 0 0 / .1);--control-accent: var(--accent);--control-shadow: 0 18px 44px oklch(8% .01 260 / .36);--control-scroll-track: oklch(100% 0 0 / .045);--control-scroll-thumb: oklch(100% 0 0 / .2);--control-scroll-thumb-hover: oklch(100% 0 0 / .34)}.select-dark .select-trigger{height:40px;border-radius:10px;background:var(--control-surface-soft)}.select-dark .status-tag{border-color:#ffffff2e;background:#ffffff14;color:#b4b8be}.calendar-picker{position:relative}.calendar-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:304px;padding:10px;overflow:visible;border:1px solid var(--control-border);border-radius:16px;background:var(--control-surface);color:var(--control-fg);box-shadow:var(--control-shadow)}.calendar-picker-head{height:36px;display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px}.calendar-picker-head b{min-width:0;overflow:hidden;font-family:var(--font-display);font-size:16px;font-weight:590;line-height:20px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.calendar-picker-head button{width:32px;height:32px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--control-muted);cursor:pointer}.calendar-picker-head button:hover{border-color:var(--control-border);background:var(--control-surface-soft);color:var(--control-fg)}.calendar-picker-head .lucide{width:16px;height:16px}.calendar-picker-grid{margin-top:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-picker-weekday{height:28px;display:grid;place-items:center;color:var(--control-muted);font-family:var(--font-body);font-size:14px;font-weight:550;line-height:20px}.calendar-picker-grid button{width:36px;height:36px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--control-fg);cursor:pointer;font-family:var(--font-mono);font-size:14px;line-height:20px}.calendar-picker-grid button:hover:not(:disabled){border-color:var(--control-border);background:var(--control-surface-soft)}.calendar-picker-grid button.muted{color:var(--control-muted)}.calendar-picker-grid button.today{border-color:var(--control-border-hover)}.calendar-picker-grid button.selected{border-color:var(--control-accent);background:var(--control-accent);color:var(--on-accent)}.calendar-picker-grid button:disabled{color:var(--control-muted);cursor:not-allowed;opacity:.38}.calendar-picker-today{width:100%;min-height:38px;margin-top:8px;border:0;border-radius:10px;background:var(--control-surface-soft);color:var(--control-fg);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:550;line-height:20px}.calendar-picker-today:hover{color:var(--control-accent)}.time-picker{position:relative;--font-time: "SF Pro Rounded", "Avenir Next Rounded", "Arial Rounded MT Bold", "Microsoft YaHei UI", "PingFang SC", sans-serif}.time-picker .select-trigger{height:50px;border-radius:14px;font-family:var(--font-time);font-size:16px;font-weight:550;line-height:24px}.time-picker .select-leading-icon .lucide,.time-picker .select-chevron{width:20px;height:20px}.time-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:280px;max-height:var(--popover-max-height, 360px);padding:10px;overflow:hidden;border:1px solid var(--control-border);border-radius:18px;background:var(--control-surface);color:var(--control-fg);box-shadow:var(--control-shadow);font-family:var(--font-time)}.time-columns{height:min(320px,calc(var(--popover-max-height, 360px) - 20px));display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-column{min-height:0;display:grid;grid-template-rows:40px minmax(0,1fr)}.time-column-label{display:flex;align-items:center;padding:0 12px;color:var(--control-muted);font-family:var(--font-time);font-size:16px;font-weight:550;line-height:24px;letter-spacing:.02em}.time-column-options,.time-minute-options{min-height:0;padding-right:4px;overflow-y:auto;display:grid;align-content:start;gap:2px;scrollbar-width:thin;scrollbar-color:var(--control-scroll-thumb) var(--control-scroll-track)}.time-column-options::-webkit-scrollbar,.time-minute-options::-webkit-scrollbar{width:8px}.time-column-options::-webkit-scrollbar-track,.time-minute-options::-webkit-scrollbar-track{margin:4px 0;border-radius:99px;background:var(--control-scroll-track)}.time-column-options::-webkit-scrollbar-thumb,.time-minute-options::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:var(--control-scroll-thumb);background-clip:padding-box}.time-column-options::-webkit-scrollbar-button,.time-minute-options::-webkit-scrollbar-button{display:none;width:0;height:0}.time-column-options button,.time-minute-options button{width:100%;min-height:44px;padding:0 12px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--control-fg);cursor:pointer;font-family:var(--font-time);font-size:16px;font-weight:550;line-height:24px}.time-column-options button:hover,.time-column-options button.active,.time-minute-options button:hover,.time-minute-options button.active{background:var(--control-selected)}.time-column-options button.active,.time-minute-options button.active{color:var(--control-accent);font-weight:590}.time-minute-options .lucide{width:20px;height:20px}.calendar-layout{margin-top:20px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.month-summary{padding:22px;position:sticky;top:20px}.month-summary h2{font-size:22px;line-height:28px}.summary-score{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.score{padding:16px;border:1px solid var(--metric-border);border-radius:14px;background:var(--metric-surface);color:var(--metric-fg)}.score strong{display:block;font:590 24px/1 var(--font-mono);letter-spacing:-.04em}.score span{display:block;margin-top:8px;color:var(--metric-muted);font-size:12px;font-weight:550;line-height:16px}.legend{display:grid;gap:6px;margin-top:18px}.legend-filter{min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:10px;display:grid;grid-template-columns:8px 1fr 28px;gap:8px;align-items:center;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;text-align:left}.legend-filter:first-child{grid-template-columns:1fr 28px}.legend-filter:hover,.legend-filter.active{border-color:var(--border);background:var(--surface-soft);color:var(--fg)}.legend-filter i{width:8px;height:8px;border-radius:50%;background:var(--legend)}.legend-filter b{text-align:right;font-family:var(--font-mono);font-size:12px;font-weight:590;line-height:16px}.selected-day{margin-top:18px;padding:14px;border-radius:14px;background:var(--surface-soft)}.selected-day b{display:block;margin-bottom:10px;font-size:14px}.selected-task-list{display:grid;gap:6px}.selected-task{min-width:0;padding:8px;border-radius:10px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;background:color-mix(in oklch,var(--tag),var(--surface) 74%)}.selected-task-icon,.selected-task-actions{display:flex;align-items:center}.selected-task-icon .lucide{width:14px;height:14px;color:var(--muted)}.selected-task-copy{min-width:0}.selected-task-copy b,.selected-task-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-task-copy b{margin:0;font-size:12px;line-height:16px}.selected-task-copy small{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:16px}.selected-task-actions{gap:2px}.selected-task-actions .icon-btn{flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;border:0;border-radius:50%;background:transparent}.selected-task-actions .lucide{width:14px;height:14px}.calendar-panel{padding:18px;overflow:hidden}.calendar-toolbar{padding:4px 4px 18px;display:flex;justify-content:space-between;align-items:center}body[data-page=calendar] .page-header h1{font-size:32px;line-height:36px}body[data-page=calendar] .calendar-toolbar h2{font-size:22px;line-height:28px}body[data-page=calendar] .soft-btn{font-size:14px}.segmented{padding:4px;border-radius:12px;background:var(--surface-soft);display:flex;gap:3px}.segmented button{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:550;line-height:20px}.segmented button.active{background:var(--surface);color:var(--fg);box-shadow:0 3px 10px #11161f12}.calendar-grid{border:1px solid var(--border);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:repeat(7,1fr);background:var(--border);gap:1px}.weekday{min-height:44px;padding:12px 10px;background:var(--surface-soft);color:var(--muted);font-family:var(--font-body);font-size:14px;font-weight:550;line-height:20px;text-align:center;letter-spacing:.04em}.day{min-width:0;min-height:148px;padding:8px;position:relative;display:flex;flex-direction:column;color:var(--fg);background:var(--surface);font-family:var(--font-body);font-size:14px;line-height:20px;text-align:left;transition:background .15s}.day:hover{background:var(--hover-surface)}.day.selected{background:var(--calendar-selected)}.day.muted-day{background:var(--calendar-muted);color:var(--muted)}.day.today{box-shadow:inset 0 0 0 2px var(--fg)}.day-select{width:100%;min-width:0;flex:1 1 auto;padding:2px;border:0;display:block;background:transparent;color:inherit;cursor:pointer;font-family:var(--font-body);font-size:14px;line-height:20px;text-align:left}.day-num{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:14px;font-weight:590;line-height:20px}.completion-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.day-tasks{margin-top:9px;display:grid;gap:5px}.day-task{min-width:0;padding:4px 6px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:color-mix(in oklch,var(--tag),var(--surface) 70%);font-size:14px;line-height:20px}.day-task.is-planned{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tag),var(--border) 36%);color:var(--muted)}.day-more{min-width:0;overflow:hidden;color:var(--muted);font-family:var(--font-body);font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.day-add-task{width:28px;height:28px;min-height:28px;margin-top:6px;margin-left:auto;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--muted);cursor:pointer;opacity:0;transform:translateY(2px);transition:opacity .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.day:hover .day-add-task,.day:focus-within .day-add-task{opacity:1;transform:translateY(0)}.day-add-task:hover{border-color:color-mix(in oklch,var(--accent),var(--border) 40%);color:var(--accent)}.day-add-task .lucide{width:14px;height:14px}.week-add-task{margin:10px auto 2px;opacity:1;transform:none;border-color:color-mix(in oklch,var(--accent),var(--border) 70%);color:var(--accent)}.week-grid{min-height:560px;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--border);gap:1px}.week-column{min-width:0;display:grid;grid-template-rows:54px 1fr}.week-column .weekday{display:grid;gap:6px;align-content:center}.week-column .weekday b{color:var(--fg);font-size:14px}.week-day{min-height:504px}.week-day .day-select{min-height:0}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.year-month{min-width:0;min-height:150px;padding:18px;border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden;display:grid;align-content:start;gap:8px;background:var(--surface);color:var(--fg);font-family:var(--font-body);font-size:12px;line-height:16px;text-align:left;cursor:pointer}.year-month:hover{border-color:color-mix(in oklch,var(--accent),var(--border) 58%);transform:translateY(-2px)}.year-month.current{box-shadow:inset 0 0 0 1px var(--fg)}.year-month span{color:var(--muted);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:16px;letter-spacing:.08em}.year-month b{font-family:var(--font-display);font-size:20px;font-weight:590;line-height:24px;letter-spacing:-.01em}.year-month small{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.year-month i{height:5px;margin-top:12px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--fill),var(--surface-soft) var(--fill))}.focus-shell{min-height:calc(100vh - 154px);margin-top:20px;display:grid;grid-template-columns:minmax(560px,1fr) 310px;gap:20px}.focus-stage{--ambient-ring: color-mix(in oklch, var(--focus-ambient), transparent 60%);--ambient-halo: color-mix(in oklch, var(--focus-ambient), transparent 86%);--ambient-glow: color-mix(in oklch, var(--focus-ambient), transparent 78%);min-height:650px;padding:42px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in oklch,var(--focus-ambient),var(--surface) 92%),var(--focus-bg));color:var(--fg);border:1px solid var(--focus-border);border-radius:28px;box-shadow:var(--shadow)}.focus-stage:before{content:"";position:absolute;width:520px;height:520px;border:1px solid color-mix(in oklch,var(--focus-ambient),transparent 78%);border-radius:50%;box-shadow:0 0 0 80px color-mix(in oklch,var(--focus-ambient),transparent 94%),0 0 0 160px color-mix(in oklch,var(--focus-ambient-secondary),transparent 96%);opacity:.72;transform:scale(.98)}.focus-stage.is-running:before{border-color:var(--ambient-ring);animation:focus-breathe 5.6s ease-in-out infinite}@keyframes focus-breathe{0%,to{opacity:.42;transform:scale(.975);box-shadow:0 0 0 76px color-mix(in oklch,var(--focus-ambient),transparent 95%),0 0 0 152px color-mix(in oklch,var(--focus-ambient-secondary),transparent 97%),0 0 54px var(--ambient-glow)}50%{opacity:1;transform:scale(1.025);box-shadow:0 0 0 84px var(--ambient-halo),0 0 0 168px color-mix(in oklch,var(--focus-ambient-secondary),transparent 92%),0 0 92px var(--ambient-glow)}}.focus-config{position:absolute;top:24px;left:24px;right:24px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:16px}.focus-config>label{display:grid;gap:7px;color:var(--muted);font:12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.focus-config .select{width:260px}.duration-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--focus-border);border-radius:12px;background:color-mix(in oklch,var(--surface),transparent 22%)}.duration-tabs button{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.duration-tabs button.active{background:color-mix(in oklch,var(--accent),var(--surface) 82%);color:var(--fg)}.focus-kicker{position:relative;margin-bottom:22px;color:var(--muted);font:12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.focus-task{position:relative;max-width:640px;margin-bottom:18px;text-align:center;font:590 24px/1.25 var(--font-display);letter-spacing:-.015em}.timer{position:relative;font:500 clamp(82px,10vw,146px)/.95 var(--font-mono);letter-spacing:-.07em;font-variant-numeric:tabular-nums}.timer-status{position:relative;margin-top:18px;color:var(--muted);font-size:12px}.focus-controls{position:relative;margin-top:32px;display:flex;gap:12px}.focus-controls button{min-height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--focus-border);background:color-mix(in oklch,var(--surface),transparent 12%);color:var(--fg);cursor:pointer;font-weight:550}.focus-controls button{display:flex;align-items:center;gap:8px}.focus-controls button:disabled{opacity:.42;cursor:not-allowed;transform:none}.focus-controls .lucide{width:16px;height:16px}.focus-controls .start{min-width:120px;background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.focus-controls button:hover{transform:translateY(-2px)}.focus-side{display:grid;gap:15px;align-content:start}.focus-card{padding:20px}.session-list{display:grid;gap:10px;margin-top:15px}.session{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border-radius:12px;background:var(--surface-soft)}.session-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in oklch,var(--mark),var(--surface) 66%);font:12px/1 var(--font-mono)}.session b{display:block;font-size:12px}.session span{color:var(--muted);font-size:12px}.session time{color:var(--muted);font:12px/1 var(--font-mono)}.focus-tip{padding:18px;background:color-mix(in oklch,var(--focus-ambient),var(--surface) 88%);border:1px solid color-mix(in oklch,var(--focus-ambient),var(--border) 76%);border-radius:18px;font-size:12px;line-height:1.7}.focus-tip b{display:block;margin-bottom:5px}.link-btn{display:flex;align-items:center;gap:8px}.link-btn .lucide{width:16px;height:16px}.settings-layout{width:100%;margin-top:20px;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:20px;align-items:stretch}.settings-column{min-width:0;height:100%;display:flex;flex-direction:column;gap:20px}.settings-column>.setting-section:last-child{flex:1}.setting-section{padding:22px}.setting-section>header{margin-bottom:20px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.setting-section>header h2{font-size:20px;line-height:24px}.setting-section>header p{max-width:62ch;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:18px}.setting-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklch,var(--accent),transparent 84%);color:var(--accent)}.setting-icon .lucide{width:18px;height:18px}.setting-options{padding:4px;border:1px solid var(--border);border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--surface-soft)}.setting-options button{min-width:0;min-height:40px;padding:0 10px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--muted);font-size:12px;line-height:16px;cursor:pointer}.setting-options button.active{background:var(--surface);color:var(--fg);box-shadow:0 4px 14px #11161f14}.setting-options .lucide{width:14px;height:14px;color:var(--accent)}.setting-meta{margin:10px 2px 0;color:var(--muted);font-family:var(--font-mono);font-size:12px;line-height:16px}.avatar-setting{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.avatar-setting-copy b,.avatar-setting-copy span{display:block}.avatar-setting-copy b{font-size:14px;line-height:20px}.avatar-setting-copy span{margin-top:4px;color:var(--muted);font-size:12px;line-height:18px}.avatar-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.avatar-grid button{min-width:0;padding:8px 6px;position:relative;border:1px solid var(--border);border-radius:14px;display:grid;justify-items:center;gap:6px;background:var(--surface);color:var(--muted);cursor:pointer}.avatar-grid button:hover,.avatar-grid button.active{border-color:color-mix(in oklch,var(--accent),var(--border) 40%);background:color-mix(in oklch,var(--accent),var(--surface) 95%);color:var(--fg)}.avatar-grid .pixel-avatar{width:52px;height:52px;filter:drop-shadow(0 4px 8px oklch(20% .02 260 / .1));image-rendering:pixelated}.avatar-grid button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px}.avatar-grid button>.lucide{width:16px;height:16px;position:absolute;top:6px;right:6px;padding:2px;border-radius:50%;background:var(--accent);color:var(--on-strong)}.pixel-avatar{display:block}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-choice{min-width:0;min-height:76px;padding:12px;border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:54px minmax(0,1fr) 18px;gap:12px;align-items:center;background:var(--surface);color:var(--fg);text-align:left;cursor:pointer}.theme-choice:hover,.theme-choice.active{border-color:color-mix(in oklch,var(--accent),var(--border) 45%);background:color-mix(in oklch,var(--accent),var(--surface) 95%)}.theme-choice>span{min-width:0}.theme-choice b,.theme-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-choice b{font-size:14px;line-height:18px}.theme-choice small{margin-top:4px;color:var(--muted);font-size:12px;line-height:16px}.theme-choice>.lucide{width:16px;height:16px;color:var(--accent)}.theme-swatches{height:46px;display:flex;overflow:hidden;border:1px solid color-mix(in oklch,var(--border),transparent 20%);border-radius:12px}.theme-swatches i{flex:1}.data-actions{display:grid;gap:10px}.data-actions article{padding:14px;border:1px solid var(--border);border-radius:16px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface-soft)}.data-actions article>.lucide{width:20px;height:20px;color:var(--muted)}.data-actions b{font-size:14px;line-height:18px}.data-actions p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:18px}.local-data-note{margin-top:14px;padding:14px;border-radius:14px;display:flex;gap:12px;background:color-mix(in oklch,var(--accent),var(--surface) 92%)}.local-data-note>.lucide{width:18px;height:18px;color:var(--accent)}.local-data-note b,.local-data-note small{display:block}.local-data-note b{font-size:12px;line-height:16px}.local-data-note small{margin-top:4px;color:var(--muted);font-size:12px;line-height:18px}.visually-hidden{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.import-preview{min-height:92px;display:flex;align-items:baseline;justify-content:center;gap:10px}.import-preview b{font-family:var(--font-display);font-size:40px;line-height:44px}.import-preview span{color:var(--muted);font-size:12px;line-height:18px}@media (max-width: 1260px){html,body{min-width:1024px}.app{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:16px}.main{padding-inline:24px}.layout-daily{grid-template-columns:220px minmax(520px,1fr)}.right-stack{grid-column:1 / -1;grid-template-columns:1fr 1fr}}@media (min-width: 700px) and (max-width: 900px){html,body{min-width:0;width:100%;overflow-x:hidden}.app{min-height:100dvh;display:block}.main{width:100%;padding:24px 22px calc(104px + env(safe-area-inset-bottom))}button{min-height:44px}.sidebar{position:fixed;inset:auto 14px calc(12px + env(safe-area-inset-bottom));height:68px;padding:6px;border:1px solid var(--border);border-radius:20px;display:block;background:color-mix(in oklch,var(--surface),transparent 6%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:25}.brand,.sidebar-note{display:none}.nav{height:100%;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.nav .mobile-only{display:flex}.nav button{min-width:0;min-height:56px;padding:4px 8px;border-radius:15px;flex-direction:column;justify-content:center;gap:4px;font-size:12px;line-height:16px;white-space:nowrap}.nav button:hover{transform:none}.nav button .lucide{width:20px;height:20px}.topbar{min-height:64px;gap:18px}.topbar>div:first-child{min-width:0}.top-actions{flex:0 0 auto;align-items:center}.icon-btn,.primary-btn,.soft-btn{min-height:44px}.icon-btn{width:44px}.layout-daily{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.task-workspace{grid-column:1 / -1;grid-row:1}.goal-panel{grid-column:1;grid-row:2}.right-stack{grid-column:2;grid-row:2;grid-template-columns:minmax(0,1fr);align-content:start}.task-tools{align-items:stretch}.task-search{min-width:0;flex:1 1 auto}.task-grid{gap:12px}.task-group{min-height:212px;padding:14px}.task-row{min-height:52px;grid-template-columns:44px minmax(0,1fr) auto}.task-actions{opacity:1}.task-actions button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.check{width:44px;height:44px;position:relative;border:0}.check:before{content:"";width:22px;height:22px;position:absolute;border:1.5px solid oklch(60% .02 260 / .55);border-radius:50%;background:transparent}.task-row.done .check{background:transparent}.task-row.done .check:before{border-color:var(--accent);background:var(--accent)}.check .lucide{position:relative;z-index:1}.focus-shell{min-height:0;grid-template-columns:minmax(0,1fr);gap:16px}.focus-stage{min-height:600px;padding:36px 28px}.focus-stage:before{width:440px;height:440px}.focus-config{top:20px;left:20px;right:20px}.focus-config .select{width:300px}.focus-controls button{min-height:44px;padding-inline:18px}.focus-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.focus-side>:last-child{grid-column:1 / -1}.calendar-layout{grid-template-columns:minmax(0,1fr);gap:16px}.month-summary{position:static;top:auto}.summary-score{grid-template-columns:repeat(4,minmax(0,1fr))}.legend{grid-template-columns:repeat(5,minmax(0,1fr))}.legend-filter,.legend-filter:first-child{min-width:0;grid-template-columns:8px minmax(0,1fr)}.legend-filter:first-child{grid-template-columns:minmax(0,1fr)}.legend-filter b{display:none}.calendar-panel{padding:14px}.calendar-grid,.week-grid{width:100%}.weekday{padding-inline:4px}.day{min-height:126px;padding:6px}.day-add-task{width:44px;height:44px;min-height:44px;opacity:1;transform:none}.selected-task-actions .icon-btn{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.week-grid{min-height:500px}.week-day{min-height:444px}.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-column{gap:16px}.setting-section{padding:18px}.setting-section>header{grid-template-columns:40px minmax(0,1fr);gap:10px}.setting-icon{width:40px;height:40px}.theme-grid{grid-template-columns:minmax(0,1fr)}.data-actions article{grid-template-columns:24px minmax(0,1fr)}.data-actions article .soft-btn{grid-column:1 / -1;width:100%}.setting-options button,.avatar-grid button{min-height:44px}.modal{z-index:100}.dialog{max-height:calc(100dvh - 40px);overflow:visible}.task-dialog-fields{grid-template-columns:.8fr 1.2fr 1fr}.select-trigger{min-height:46px}.select-option{min-height:44px}.calendar-popover,.time-popover{z-index:120}.calendar-popover{width:356px}.calendar-picker-head{grid-template-columns:44px 1fr 44px}.calendar-picker-head button,.calendar-picker-grid button{width:44px;height:44px}.toast{right:22px;bottom:calc(94px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
