:root{--font-ui: "Geist", Helvetica, Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-xs: 5px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 18px;--radius-3xl: 20px;--touch-target: 44px;--bg: #0e1113;--surface: #16191c;--elevated: #1d2126;--line: #262b30;--line-subtle: #1b1f23;--line-elevated: #2e343a;--text: #e8ecef;--text-secondary: #b9c1c7;--text-tertiary: #6d767d;--muted: #8a949b;--accent: #56aecb;--accent-contrast: #0e1113;--warn: #e0a03c;--danger: #e5654f;--danger-soft-bg: rgba(229, 101, 79, .16);--danger-soft-border: rgba(229, 101, 79, .4);--success-dot: #2e9e6b;--drag-handle-idle: #3a4147;--section-header-bg: #121518;--search-highlight: rgba(86, 174, 203, .22);--offline-banner-bg: rgba(224, 160, 60, .12);--offline-banner-border: rgba(224, 160, 60, .3);--error-bg: rgba(229, 101, 79, .1);--error-border: rgba(229, 101, 79, .35);--focus-ring: rgba(86, 174, 203, .18);--p1: #e5654f;--p1-soft-bg: rgba(229, 101, 79, .16);--p2: #e0a03c;--p3: #6fa8e5;--p4: #7c868d;--shadow-card: 0 2px 4px rgba(0, 0, 0, .2), 0 8px 24px -8px rgba(0, 0, 0, .4);--shadow-fab: 0 8px 22px -6px rgba(86, 174, 203, .6);--shadow-toast: 0 14px 30px -12px rgba(0, 0, 0, .6);--shadow-drag: 0 8px 20px -8px rgba(0, 0, 0, .4);color-scheme:dark}:root[data-theme=light]{--bg: #f7f8f9;--surface: #ffffff;--elevated: #ffffff;--line: #e3e7ea;--line-subtle: #e3e7ea;--line-elevated: #c9d0d5;--text: #12171a;--text-secondary: #4e565c;--text-tertiary: #9aa3a9;--muted: #626c73;--accent: #1e7e9e;--accent-contrast: #ffffff;--warn: #9a6a12;--danger: #c64430;--danger-soft-bg: #fbece9;--danger-soft-border: #e7c0b7;--success-dot: #2e9e6b;--drag-handle-idle: #c9d0d5;--section-header-bg: #f1f4f6;--search-highlight: #d9edf4;--offline-banner-bg: rgba(154, 106, 18, .08);--offline-banner-border: rgba(154, 106, 18, .25);--error-bg: rgba(198, 68, 48, .06);--error-border: rgba(198, 68, 48, .25);--focus-ring: #c9e4ee;--p1: #c64430;--p1-soft-bg: #fbece9;--p2: #9a6a12;--p3: #2f6bb0;--p4: #6a747a;--shadow-card: 0 2px 4px rgba(18, 23, 26, .06), 0 8px 24px -8px rgba(18, 23, 26, .14);--shadow-fab: 0 8px 22px -6px rgba(30, 126, 158, .35);--shadow-toast: 0 14px 30px -12px rgba(18, 23, 26, .35);--shadow-drag: 0 8px 20px -8px rgba(18, 23, 26, .28);color-scheme:light}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.75}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;transition:background-color .15s ease,color .15s ease}#root{display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button,input,textarea{font-family:inherit;color:inherit}button{cursor:pointer;background:none;border:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.mono{font-family:var(--font-mono)}.label-mono{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.mobile-shell{display:flex;flex-direction:column;min-height:100dvh;width:100%}.mobile-shell__main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.mobile-topbar__brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;letter-spacing:-.01em}.mobile-topbar__logo{width:24px;height:24px;border-radius:7px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;flex-shrink:0}.mobile-topbar__menu-wrap{position:relative}.mobile-topbar__btn{width:36px;height:36px;border-radius:var(--radius-md);color:var(--muted);font-size:18px;display:grid;place-items:center}.desktop-shell{display:flex;height:100dvh;overflow:hidden}.desktop-shell__content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.desktop-shell__main{flex:1;min-width:0;overflow-y:auto}.screen{padding:20px max(20px,env(safe-area-inset-right)) 40px max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px;width:100%;max-width:840px;margin:0 auto}.screen--wide{max-width:1400px}@media (min-width: 768px){.screen{padding:28px 32px 56px}}.screen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.screen__heading{min-width:0}.screen__title-row{display:flex;align-items:center;gap:10px}.screen__title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}@media (min-width: 768px){.screen__title{font-size:28px}}.screen__subtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.screen__header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.screen__filters{display:flex;flex-wrap:wrap;gap:8px}.screen__list{display:flex;flex-direction:column;gap:24px}.task-section{display:flex;flex-direction:column}.section-label{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.section-header{display:flex;align-items:center;gap:8px;padding:6px 0 8px;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--line);margin-bottom:2px}.section-header--danger{color:var(--danger)}.section-header__count{color:var(--text-tertiary);font-weight:400;font-family:var(--font-mono);font-size:11px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-subtle);min-width:0}.density-compact .task-row{padding:6px 0}.task-row--completed{opacity:.55}.task-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm)}.task-row__body--static{cursor:default}.task-row__title{font-size:15px;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.task-row--completed .task-row__title{text-decoration:line-through;color:var(--text-secondary)}.task-row__description{font-size:13px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-row__highlight{background:var(--search-highlight);color:inherit;border-radius:3px;padding:0 1px}.task-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;margin-top:1px}.task-row__meta-item--muted{color:var(--muted)}.task-row__meta-item--accent{color:var(--accent)}.task-row__meta-item--danger{color:var(--danger);font-weight:500}.task-row__actions{display:flex;align-items:center;gap:2px;align-self:center;flex-shrink:0;opacity:0;transition:opacity .12s ease}.task-row:hover .task-row__actions,.task-row:focus-within .task-row__actions{opacity:1}@media (hover: none){.task-row__actions{opacity:1}}.task-row__action{width:30px;height:30px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.task-row__action:hover{background:var(--surface);color:var(--text)}.task-row__action--danger:hover{background:var(--error-bg);color:var(--danger)}.task-row__drag{color:var(--drag-handle-idle);font-size:14px;cursor:grab;user-select:none;-webkit-user-select:none}.task-row__drag:active{cursor:grabbing}body.is-sorting{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grabbing}.sortable--active{cursor:grabbing}.sortable--active .task-row__body,.sortable--active .checkbox{pointer-events:none}.task-row--dragging{background:var(--surface);border-radius:var(--radius-md);border-bottom-color:transparent;box-shadow:0 10px 24px -8px #00000080,0 2px 6px #00000040;position:relative;z-index:20;scale:1.015;transition:scale .16s cubic-bezier(.2,0,0,1),box-shadow .16s ease;will-change:transform}.sortable [data-sortable-id]{will-change:transform}@media (prefers-reduced-motion: reduce){.task-row--dragging{scale:1;transition:none}}.task-row--dragging .task-row__actions{opacity:1}.task-row--dragging .task-row__drag{color:var(--accent)}.task-row__reopen{align-self:center;color:var(--accent);font-size:12px;font-weight:500;flex-shrink:0;padding:4px 6px;border-radius:var(--radius-sm)}.task-select{display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:var(--radius-md);padding-left:6px}.task-select--active{background:var(--search-highlight)}.task-select input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.task-select .task-row{flex:1;min-width:0;border-bottom:none}.checkbox{position:relative;flex-shrink:0;margin-top:2px;border-radius:50%;border:2px solid;padding:0;display:grid;place-items:center;box-sizing:border-box;transition:background-color .14s ease,transform .12s ease}.checkbox:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%}.checkbox:active{transform:scale(.9)}.checkbox svg{width:78%;height:78%;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.checkbox--checked svg{opacity:1;transform:scale(1)}.inline-editor{display:flex;flex-direction:column;gap:12px;padding:14px;margin:4px 0;background:var(--surface);border:1px solid var(--line-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.inline-editor__main{display:flex;flex-direction:column;gap:4px}.inline-editor__title,.inline-editor__description{width:100%;border:none;background:transparent;resize:none;padding:0;font-family:inherit;overflow:hidden;field-sizing:content}.inline-editor__title{font-size:16px;font-weight:500;line-height:1.35;min-height:22px}.inline-editor__description{font-size:13px;line-height:1.45;color:var(--muted);min-height:19px}.inline-editor__title:focus-visible,.inline-editor__description:focus-visible{outline:none;box-shadow:none}.inline-editor__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ie-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-elevated);background:var(--bg);color:var(--muted);font-size:12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ie-chip:hover{border-color:var(--accent);color:var(--text)}.ie-chip--accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ie-chip--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 13px) 12px,calc(100% - 9px) 12px;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.ie-menu-wrap{position:relative}.ie-menu,.dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:190px;max-width:min(260px,calc(100vw - 32px));max-height:280px;overflow-y:auto;padding:4px;display:flex;flex-direction:column;background:var(--elevated);border:1px solid var(--line-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.dropdown--end,.ie-menu--end{left:auto;right:0}.dropdown--up{top:auto;bottom:calc(100% + 6px);left:auto;right:0}.ie-menu button,.dropdown button{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13px;text-align:left;color:var(--text);width:100%}.ie-menu button:hover,.dropdown button:hover{background:var(--surface)}.dropdown__danger{color:var(--danger)}.ie-menu__dot{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;flex-shrink:0}.ie-menu__check{width:14px;color:var(--accent);flex-shrink:0}.ie-menu__create{color:var(--accent);border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.inline-editor__extras-toggle{align-self:flex-start;font-size:12px;color:var(--muted);padding:2px 0}.inline-editor__extras-toggle:hover{color:var(--accent)}.inline-editor__extras{display:flex;flex-direction:column;gap:14px;padding-top:4px;border-top:1px solid var(--line)}.inline-editor__extras-block{display:flex;flex-direction:column;gap:6px}.inline-editor__extras-input{width:100%;padding:8px 10px;font-size:13px;border-radius:var(--radius-sm);border:1px dashed var(--line-elevated);background:transparent;color:var(--text)}.inline-editor__extras-input::placeholder{color:var(--muted)}.inline-subtask{display:flex;align-items:center;gap:10px;font-size:13px;padding:2px 0}.inline-subtask span{flex:1;min-width:0;overflow-wrap:anywhere}.inline-subtask--done span{text-decoration:line-through;color:var(--muted)}.inline-subtask__remove{color:var(--muted);font-size:11px;padding:4px;flex-shrink:0}.inline-subtask__remove:hover{color:var(--danger)}.inline-note{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:4px}.inline-note p{margin:0;font-size:13px;line-height:1.45}.inline-note__time{font-size:10px;color:var(--text-tertiary)}.inline-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.inline-editor__footer-actions{display:flex;gap:8px;margin-left:auto}.inline-editor__delete{font-size:12px;color:var(--danger);padding:6px 0}.hl-input{position:relative;display:block;width:100%;border:1px solid var(--line-elevated);border-radius:var(--radius-md);background:var(--bg);transition:border-color .12s ease,box-shadow .12s ease}.hl-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.hl-input__mirror,.hl-input__field{font-family:var(--font-ui);font-size:15px;line-height:1.5;padding:11px 12px;margin:0;border:none;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:normal}.hl-input--lg .hl-input__mirror,.hl-input--lg .hl-input__field{font-size:16px}.hl-input__mirror{color:var(--text);min-height:1.5em;pointer-events:none;-webkit-user-select:none;user-select:none}.hl-input__field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:var(--text)}.hl-input__field:focus-visible{outline:none;box-shadow:none}.hl-input__field::placeholder{color:var(--text-tertiary)}.hl-token{padding:0;margin:0;font-weight:inherit;font-size:inherit;letter-spacing:inherit;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:var(--hl-color);background:color-mix(in srgb,var(--hl-color) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--hl-color) 20%,transparent),0 0 0 3px color-mix(in srgb,var(--hl-color) 34%,transparent)}.hl-token--date,.hl-token--time{--hl-color: #3fae6a}.hl-token--project{--hl-color: var(--accent)}.hl-token--label{--hl-color: #b07ad8}.hl-token--priority{--hl-color: var(--p4)}.hl-token--p1{--hl-color: var(--p1)}.hl-token--p2{--hl-color: var(--p2)}.hl-token--p3{--hl-color: var(--p3)}.hl-token--p4{--hl-color: var(--p4)}:root[data-theme=light] .hl-token--date,:root[data-theme=light] .hl-token--time{--hl-color: #1f8a4c}:root[data-theme=light] .hl-token--label{--hl-color: #8145ad}.hl-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:70;margin:0;padding:4px;list-style:none;max-height:220px;overflow-y:auto;background:var(--elevated);border:1px solid var(--line-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.hl-suggest__item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);font-size:14px;text-align:left;color:var(--text)}.hl-suggest__item--active{background:var(--search-highlight);color:var(--accent)}.hl-suggest__plus,.hl-suggest__at{width:16px;text-align:center;color:var(--accent);flex-shrink:0}.inline-add{display:flex;flex-direction:column;gap:8px;padding:10px 0 4px}.inline-add__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inline-add__summary{font-size:12px;color:var(--muted)}.inline-add__actions{display:flex;gap:8px;margin-left:auto}.inline-add__trigger{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;color:var(--muted);text-align:left;width:100%;border-radius:var(--radius-sm)}.inline-add__trigger:hover{color:var(--accent)}.inline-add__plus{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:var(--accent);flex-shrink:0}.inline-add__trigger:hover .inline-add__plus{background:var(--accent);color:var(--accent-contrast)}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;border-radius:999px;font-size:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap;transition:border-color .12s ease,color .12s ease}.chip:hover{border-color:var(--accent);color:var(--text)}.chip--dashed{background:transparent;border-style:dashed;color:var(--accent)}.chip--active{background:var(--accent);color:var(--accent-contrast);border-color:transparent;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;transition:filter .12s ease,background-color .12s ease;white-space:nowrap}.btn--sm{padding:6px 12px;font-size:12px}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--outline{background:transparent;color:var(--text);border:1px solid var(--line-elevated)}.btn--outline:hover:not(:disabled){border-color:var(--accent)}.btn--ghost{background:transparent;color:var(--accent)}.btn--destructive{background:transparent;color:var(--danger);border:1px solid var(--danger-soft-border)}.btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:34px;height:34px;border-radius:var(--radius-md);color:var(--muted);display:grid;place-items:center;font-size:15px;flex-shrink:0}.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn--sm{width:26px;height:26px;font-size:13px}.select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-elevated);background:var(--surface);color:var(--text);font-size:13px}kbd{font-family:var(--font-mono);font-size:10px;padding:3px 6px;border:1px solid var(--line-elevated);border-radius:5px;color:var(--muted);background:var(--bg)}.week-nav{display:flex;gap:6px}.week-nav button{padding:7px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px}.week-nav button:hover{color:var(--text);border-color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 20px 24px;color:var(--muted)}.empty-state__heading{font-size:16px;font-weight:500;color:var(--text)}.empty-state__body{font-size:13px;max-width:320px;line-height:1.5}.empty-state__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.skeleton{background:var(--line);border-radius:var(--radius-sm);animation:shimmer 1.4s ease-in-out infinite}.skeleton--title{height:20px;width:40%;margin-bottom:8px}.skeleton--subtitle{height:10px;width:25%;margin-bottom:20px}.skeleton-row{display:flex;gap:12px;padding:11px 0}.skeleton--circle{width:20px;height:20px;border-radius:50%;flex-shrink:0}.skeleton-row__lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton--line{height:12px;width:70%}.skeleton--line-short{width:40%;height:9px}.offline-banner{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--offline-banner-bg);border-bottom:1px solid var(--offline-banner-border);color:var(--warn);font-size:13px}.offline-banner__dot{width:6px;height:6px;border-radius:50%;background:var(--warn);flex-shrink:0}.status-pill{font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.status-pill--ok{color:var(--success-dot);border-color:color-mix(in srgb,var(--success-dot) 40%,transparent)}.status-pill--warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.install-prompt{position:fixed;left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:12px;padding:12px 40px 12px 12px;background:var(--elevated);border:1px solid var(--line-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@media (min-width: 768px){.install-prompt{left:auto;right:24px;bottom:24px;width:380px}}.install-prompt__icon{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center;flex-shrink:0}.install-prompt__body{flex:1;min-width:0}.install-prompt__title{font-size:14px;font-weight:500}.install-prompt__desc{font-size:12px;color:var(--muted)}.install-prompt__dismiss{position:absolute;top:8px;right:10px;color:var(--muted);font-size:12px;width:22px;height:22px;border-radius:var(--radius-sm)}.install-prompt__dismiss:hover{color:var(--text)}.undo-toast{position:fixed;left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:460px;margin:0 auto;background:var(--elevated);border:1px solid var(--line-elevated);border-radius:var(--radius-lg);padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-toast);z-index:60;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.undo-toast--visible{opacity:1;transform:translateY(0)}@media (min-width: 768px){.undo-toast{left:auto;right:24px;bottom:24px;width:380px;margin:0}}.undo-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.undo-toast__message{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo-toast__sub{font-size:11px;color:var(--muted)}.undo-toast__action{font-size:12px;font-weight:600;color:var(--accent);flex-shrink:0;padding:4px 6px}.undo-toast__progress{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);animation:toast-countdown linear forwards}@keyframes toast-countdown{0%{width:100%}to{width:0%}}.tab-bar{position:sticky;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-around;gap:4px;padding:8px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;max-width:76px;padding:6px 0;color:var(--muted);border-radius:var(--radius-md)}.tab-bar__item--active{color:var(--accent)}.tab-bar__icon{font-size:17px;line-height:1}.tab-bar__label{font-size:10px;letter-spacing:.01em}.tab-bar__fab{width:50px;height:50px;flex-shrink:0;border-radius:var(--radius-xl);background:var(--accent);color:var(--accent-contrast);font-size:26px;font-weight:300;display:grid;place-items:center;margin-top:-26px;box-shadow:var(--shadow-fab)}.tab-bar__fab:active{transform:scale(.94)}.sidebar{width:260px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px;gap:14px;overflow-y:auto}.sidebar__top{display:flex;align-items:center;justify-content:space-between}.sidebar__brand{display:flex;align-items:center;gap:9px;min-width:0}.sidebar__logo{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;flex-shrink:0}.sidebar__wordmark{font-size:15px;font-weight:600;letter-spacing:-.01em}.sidebar__add-btn{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 12px;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-md);font-size:13px;font-weight:500}.sidebar__add-btn kbd{border-color:color-mix(in srgb,var(--accent-contrast) 30%,transparent);color:var(--accent-contrast);background:transparent}.sidebar__nav{display:flex;flex-direction:column;gap:1px}.sidebar__nav-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 9px;border-radius:var(--radius-sm);color:var(--text);font-size:14px}.sidebar__nav-item:hover{background:var(--bg)}.sidebar__nav-item--active{background:var(--search-highlight);color:var(--accent);font-weight:600}.sidebar__nav-icon{width:16px;text-align:center;color:var(--muted);flex-shrink:0}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--accent)}.sidebar__nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-count{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);flex-shrink:0}.sidebar__projects{display:flex;flex-direction:column;gap:1px;flex:1;min-height:0;overflow-y:auto}.sidebar__projects-header{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 4px}.sidebar__empty{margin:4px 9px;font-size:12px;color:var(--text-tertiary)}.sidebar__footer{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.sidebar__sync-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar__sync-label{flex:1;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fade-in .14s ease}@media (min-width: 768px){.sheet-backdrop{align-items:flex-start;padding-top:12vh}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);width:100%;max-width:540px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line-elevated);border-bottom:none;animation:sheet-up .2s cubic-bezier(.2,.8,.2,1)}@media (min-width: 768px){.sheet{border-radius:var(--radius-2xl);border-bottom:1px solid var(--line-elevated);padding:20px;box-shadow:var(--shadow-card);animation:sheet-in .16s ease}}@keyframes sheet-up{0%{transform:translateY(24px)}to{transform:translateY(0)}}@keyframes sheet-in{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.sheet__handle{width:36px;height:4px;background:var(--line-elevated);border-radius:2px;margin:0 auto 14px}.sheet__title{font-size:16px;font-weight:600;margin:0 0 14px}.quick-add{display:flex;flex-direction:column;gap:12px}.quick-add__summary{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted)}.quick-add__summary-item{display:inline-flex;align-items:center;gap:4px}.quick-add__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.quick-add__hint{font-size:11px;color:var(--text-tertiary)}.quick-add__hint b{font-weight:500;color:var(--muted)}.quick-add__actions{display:flex;gap:8px;margin-left:auto}.date-picker{display:flex;flex-direction:column;gap:14px}.date-picker__quick{display:flex;flex-wrap:wrap;gap:8px}.date-picker__calendar{border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px}.date-picker__calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.date-picker__calendar-header button{width:30px;height:30px;border-radius:var(--radius-sm);color:var(--muted)}.date-picker__calendar-header button:hover{background:var(--bg);color:var(--text)}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--text-tertiary);margin-bottom:6px}.date-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker__day{aspect-ratio:1;border-radius:var(--radius-sm);font-size:13px;color:var(--text);display:grid;place-items:center}.date-picker__day:hover{background:var(--bg)}.date-picker__day--today{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.date-picker__day--selected{background:var(--accent);color:var(--accent-contrast);font-weight:600}.date-picker__time{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-picker__time input{border:1px solid var(--line-elevated);border-radius:var(--radius-sm);padding:8px 10px;background:var(--bg);color:var(--text)}.move-sheet__list{display:flex;flex-direction:column;gap:2px;max-height:46vh;overflow-y:auto;margin-bottom:12px}.move-sheet__item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);text-align:left;font-size:14px;width:100%}.move-sheet__item:hover{background:var(--bg)}.move-sheet__item--active{background:var(--search-highlight);color:var(--accent);font-weight:500}.move-sheet__item--create{color:var(--accent)}.move-sheet__new-input{width:100%;padding:10px;border:1px solid var(--line-elevated);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.week{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 700px){.week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.week{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1500px){.week{grid-template-columns:repeat(4,minmax(0,1fr))}}.week__day{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px 14px;display:flex;flex-direction:column}.week__day--today{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.week__day-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:2px}.week__day-name{font-size:13px;font-weight:600}.week__today-tag{font-size:10px;padding:2px 7px;border-radius:999px;background:var(--accent);color:var(--accent-contrast)}.week__day-count{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.progress-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);transition:width .24s ease}.histogram{display:flex;gap:6px;height:62px;align-items:flex-end}.histogram__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}.histogram__bar{width:100%;max-width:40px;background:var(--line);border-radius:3px;min-height:4px}.histogram__bar--peak{background:var(--accent)}.histogram__label{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary)}.search-bar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-lg);border:1px solid var(--line-elevated);background:var(--surface)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.search-bar input{flex:1;min-width:0;border:none;background:transparent;font-size:15px}.search-bar input:focus-visible{outline:none;box-shadow:none}.search-bar__icon{color:var(--muted)}.search-bar__clear{color:var(--muted);padding:2px 4px}.search-suggestions{display:flex;flex-direction:column;gap:18px}.search-suggestions section{display:flex;flex-direction:column;gap:10px}.result-row{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:14px;text-align:left;width:100%;border-bottom:1px solid var(--line-subtle)}.note-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.note-card p{margin:0;font-size:13px;line-height:1.5}.note-card__time{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.section-add input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--line-elevated);background:var(--surface);color:var(--text)}.settings-section{display:flex;flex-direction:column;gap:2px;padding-bottom:16px;border-bottom:1px solid var(--line)}.settings-section--last{border-bottom:none}.settings-section .section-label{margin-bottom:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;flex-wrap:wrap}.settings-row>div:first-child{min-width:0;flex:1}.settings-row__desc{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.45;max-width:460px}.settings-row__danger{color:var(--danger)}.settings-row__buttons{display:flex;gap:8px}.segmented{display:flex;gap:3px;background:var(--bg);padding:3px;border-radius:var(--radius-md);border:1px solid var(--line)}.segmented__item{padding:7px 13px;border-radius:var(--radius-sm);font-size:13px;color:var(--muted);white-space:nowrap}.segmented__item--active{background:var(--accent);color:var(--accent-contrast);font-weight:500}.toggle{width:44px;height:26px;border-radius:13px;background:var(--line-elevated);position:relative;flex-shrink:0;transition:background-color .15s ease}.toggle--on{background:var(--accent)}.toggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0000004d}.toggle--on .toggle__knob{transform:translate(18px)}.shortcut-row{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:13px;color:var(--muted)}.shortcut-row kbd{min-width:62px;text-align:center}.splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg)}.splash__mark{width:76px;height:76px;border-radius:22px;background:var(--accent);display:grid;place-items:center}.splash__wordmark{font-size:20px;font-weight:600;letter-spacing:-.01em}.splash__progress{width:120px;height:3px;border-radius:2px;background:var(--elevated);overflow:hidden;margin-top:4px}.splash__progress-fill{width:40%;height:100%;background:var(--accent);animation:splash-loop 1.1s ease-in-out infinite alternate}@keyframes splash-loop{0%{transform:translate(-25%)}to{transform:translate(150%)}}.auth{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden;background:var(--bg)}.auth__aurora{position:absolute;inset:-30% -10% auto -10%;height:70vh;background:radial-gradient(42% 55% at 22% 30%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 70%),radial-gradient(38% 50% at 78% 22%,color-mix(in srgb,#8b6ad8 26%,transparent),transparent 70%);filter:blur(58px);opacity:.55;pointer-events:none}.auth__card{position:relative;width:100%;max-width:400px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-elevated);border-radius:var(--radius-3xl);padding:30px 26px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px}.auth__brand{display:flex;align-items:center;gap:9px;margin-bottom:14px}.auth__logo{width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;flex-shrink:0}.auth__wordmark{font-size:16px;font-weight:600;letter-spacing:-.01em}.auth__title{margin:0;font-size:25px;font-weight:600;letter-spacing:-.02em}.auth__subtitle{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}.auth__form{display:flex;flex-direction:column;gap:14px}.auth__field{display:flex;flex-direction:column;gap:6px}.auth__label{font-size:12px;font-weight:500;color:var(--muted)}.auth__field input{width:100%;padding:11px 13px;border-radius:var(--radius-md);border:1px solid var(--line-elevated);background:var(--bg);color:var(--text);font-size:15px;transition:border-color .12s ease,box-shadow .12s ease}.auth__field input::placeholder{color:var(--text-tertiary)}.auth__field input:disabled{opacity:.6}.auth__password{position:relative}.auth__password input{padding-right:74px}.auth__reveal{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);padding:5px 7px;border-radius:var(--radius-sm)}.auth__reveal:hover{color:var(--accent)}.auth__error{padding:10px 12px;border-radius:var(--radius-md);background:var(--error-bg);border:1px solid var(--error-border);color:var(--danger);font-size:13px;line-height:1.4}.auth__submit{margin-top:2px;padding:12px 16px;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-size:14px;font-weight:600;transition:filter .12s ease}.auth__submit:hover:not(:disabled){filter:brightness(1.08)}.auth__submit:disabled{opacity:.55;cursor:not-allowed}.auth__footnote{margin:16px 0 0;font-size:11px;color:var(--text-tertiary);text-align:center;line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .13s ease}.modal{width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);animation:modal-in .15s cubic-bezier(.2,.8,.2,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;flex-shrink:0}.modal__title{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.modal__close{width:30px;height:30px;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;display:grid;place-items:center;flex-shrink:0}.modal__close:hover{background:var(--bg);color:var(--text)}.modal__body{padding:0 18px 4px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal__message{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary)}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 18px;flex-shrink:0;border-top:1px solid var(--line);background:var(--surface)}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-size:12px;font-weight:500;color:var(--muted)}.field__input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--line-elevated);background:var(--bg);color:var(--text);font-size:15px}.field__input::placeholder{color:var(--text-tertiary)}.field__hint{font-size:11px;color:var(--text-tertiary)}.field__error{margin:0;font-size:13px;color:var(--danger)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:8px}.color-swatch{aspect-ratio:1;border-radius:50%;position:relative;transition:transform .12s ease}.color-swatch:hover{transform:scale(1.12)}.color-swatch--active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.color-swatch--active:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.45)}.project-preview{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--line);font-size:14px;color:var(--text)}.btn--danger-solid{background:var(--danger);color:#fff}.btn--danger-solid:hover:not(:disabled){filter:brightness(1.08)}.project-list{display:flex;flex-direction:column;gap:8px}.project-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);text-align:left;font-size:15px;color:var(--text);transition:border-color .12s ease}.project-card:hover{border-color:var(--accent)}.project-card__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__count{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.sidebar__empty-btn{margin:4px 9px;padding:8px 0;font-size:13px;color:var(--accent);text-align:left}.inline-editor__subtasks{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.inline-editor__subtasks-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-editor__add-sub{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line-elevated);color:var(--accent);font-size:16px;line-height:1;display:grid;place-items:center;flex-shrink:0}.inline-editor__add-sub:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.ie-menu__empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-tertiary)}.ie-menu__form{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.ie-menu__form input{width:100%;padding:8px 10px;border:none;background:transparent;color:var(--accent);font-size:13px}.ie-menu__form input::placeholder{color:var(--accent)}.settings-intro{margin-bottom:8px;max-width:560px}.keyword-group{padding:10px 0}.keyword-group__title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text)}.keyword-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.keyword-item{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.keyword-item__syntax{font-family:var(--font-mono);font-size:12px;padding:3px 8px;border-radius:5px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);flex-shrink:0;min-width:120px}.keyword-item__desc{font-size:13px;color:var(--muted)}.keyword-example{margin:12px 0 0;font-size:13px;color:var(--muted)}.keyword-example code{font-family:var(--font-mono);font-size:12px;padding:4px 8px;border-radius:5px;background:var(--bg);border:1px solid var(--line);color:var(--text)}