: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;max-width:560px;margin:0 auto;width:100%;position:relative}.mobile-shell__main{flex:1;overflow-y:auto;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.desktop-shell{display:flex;height:100dvh;overflow:hidden}.desktop-shell__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.desktop-shell__main{flex:1;overflow-y:auto}.desktop-shell__panel{width:420px;flex-shrink:0;border-left:1px solid var(--line);background:var(--surface);overflow-y:auto}.screen{padding:20px 20px 32px;display:flex;flex-direction:column;gap:16px}@media (min-width: 960px){.screen{padding:22px 32px 40px;max-width:760px}}.screen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.screen__header--project{align-items:center;gap:10px}.screen__title{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}.screen__title--sm{font-size:20px}@media (min-width: 960px){.screen__title{font-size:28px}}.screen__subtitle{margin:2px 0 0;color:var(--muted)}.screen__filters{display:flex;flex-wrap:wrap;gap:8px}.screen__list{display:flex;flex-direction:column}.screen__week-nav{display:flex;gap:6px}.screen__week-nav button{padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px}.screen__batch-bar{display:flex;align-items:center;gap:12px;padding:10px 4px;background:var(--section-header-bg);border-radius:var(--radius-md);font-size:12px}.screen__batch-hint{color:var(--muted);flex:1}.screen__batch-action{color:var(--accent);font-weight:500}.screen__inline-add{padding:12px 4px;color:var(--accent);font-size:14px;text-align:left}.screen__section-add input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface)}.screen__section-block{display:flex;flex-direction:column;gap:10px}.section-header{display:flex;align-items:center;gap:8px;padding:12px 4px 8px;background:var(--section-header-bg);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--text);margin:0 -4px}.section-header--danger{color:var(--danger)}.section-header span:last-child{color:var(--text-tertiary)}.task-row{display:flex;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line-subtle);cursor:pointer;align-items:flex-start}.density-compact .task-row{padding:7px 4px}.task-row--completed{opacity:.5}.task-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.task-row__title{font-size:15px;line-height:1.25;color:var(--text);overflow-wrap:break-word}.task-row--completed .task-row__title{text-decoration:line-through;color:var(--text-secondary)}.task-row__highlight{background:var(--search-highlight);color:inherit;border-radius:3px}.task-row__meta{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:11px}.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__drag{color:var(--drag-handle-idle);align-self:center;font-size:14px;cursor:grab}.task-row__reopen{align-self:center;color:var(--accent);font-size:12px;font-weight:500}.task-row-select{display:flex}.task-row-select--active .task-row{background:var(--search-highlight);border-radius:var(--radius-sm)}.checkbox{flex-shrink:0;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .14s ease,border-color .14s ease;min-width:44px;min-height:44px;margin:-12px;position:relative}.checkbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.checkbox svg{width:60%;height:60%;position:relative}.checkbox__mark{animation:stroke-in .12s ease}@keyframes stroke-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.checkbox{box-sizing:content-box}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;background:var(--surface);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.chip--accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-color:transparent}.chip--danger{background:var(--danger-soft-bg);color:var(--danger);border-color:transparent}.chip--dashed{background:transparent;border-style:dashed;color:var(--accent)}.chip--active,.chip.chip--neutral.chip--active{background:var(--accent);color:var(--accent-contrast);border-color:transparent;font-weight:500}.btn{padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--outline{background:var(--surface);color:var(--text);border:1px solid var(--line-elevated)}.btn--ghost{background:transparent;color:var(--accent)}.btn--destructive{background:transparent;color:var(--danger);border:1px solid var(--danger-soft-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 24px;color:var(--muted)}.empty-state__heading{font-size:17px;font-weight:500;color:var(--text)}.empty-state__body{font-size:13px;max-width:320px}.empty-state__actions{display:flex;gap:8px;margin-top:8px}.skeleton{background:var(--line);border-radius:var(--radius-sm);animation:shimmer 1.4s ease-in-out infinite}.skeleton--title{height:22px;width:40%;margin-bottom:8px}.skeleton--subtitle{height:10px;width:25%;margin-bottom:16px}.skeleton-row{display:flex;gap:12px;padding:11px 4px}.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:10px 20px;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)}.install-prompt{display:flex;align-items:center;gap:12px;margin:12px 20px 0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative}.install-prompt__icon{width:40px;height:40px;border-radius:11px;background:var(--accent);display:flex;align-items:center;justify-content: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:6px;right:8px;color:var(--muted);font-size:12px}.undo-toast{position:fixed;left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));max-width:480px;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(12px);transition:opacity .18s ease,transform .18s ease}.undo-toast--visible{opacity:1;transform:translateY(0)}@media (min-width: 960px){.undo-toast{left:auto;right:32px;bottom:32px;width:380px}}.undo-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.undo-toast__message{font-size:14px}.undo-toast__sub{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.undo-toast__action{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--accent);flex-shrink:0}.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;display:flex;align-items:center;justify-content:space-between;padding:8px 10px calc(20px + env(safe-area-inset-bottom));background:var(--section-header-bg);border-top:1px solid var(--line);max-width:560px;margin:0 auto;width:100%}.tab-bar__item{display:flex;flex-direction:column;align-items:center;gap:3px;width:62px;padding:5px 0;color:var(--muted)}.tab-bar__item--active{color:var(--accent)}.tab-bar__icon{font-size:16px}.tab-bar__label{font-size:10px}.tab-bar__fab{width:52px;height:52px;border-radius:var(--radius-xl);background:var(--accent);color:var(--accent-contrast);font-size:24px;font-weight:300;display:flex;align-items:center;justify-content:center;margin-top:-30px;box-shadow:var(--shadow-fab)}.sidebar{width:268px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px;gap:16px;overflow-y:auto}.sidebar__top{display:flex;align-items:center;justify-content:space-between}.sidebar__brand{display:flex;align-items:center;gap:8px}.sidebar__logo{width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:14px}.sidebar__wordmark{font-size:16px;font-weight:600;letter-spacing:-.01em}.sidebar__icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);color:var(--muted);display:flex;align-items:center;justify-content:center}.sidebar__icon-btn--small{width:24px;height:24px;font-size:13px}.sidebar__add-btn{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-md);font-size:13px;font-weight:500}.sidebar__shortcut{font-size:11px;opacity:.8}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 8px;border-radius:var(--radius-sm);color:var(--text);font-size:14px}.sidebar__nav-item--active{background:var(--search-highlight);font-weight:600;color:var(--accent)}.sidebar__nav-icon{width:16px;text-align:center;color:var(--muted)}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--accent)}.sidebar__nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav-count{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.sidebar__projects{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar__projects-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.sidebar__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.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%}.sidebar__sync-label{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}@media (min-width: 960px){.sheet-backdrop{align-items:center}}.sheet{background:var(--surface);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:8px 20px calc(24px + env(safe-area-inset-bottom))}@media (min-width: 960px){.sheet{border-radius:var(--radius-2xl);padding:20px 24px 24px}}.sheet__handle{width:36px;height:4px;background:var(--line-elevated);border-radius:2px;margin:8px auto 16px}.sheet__title{font-size:17px;font-weight:600;margin:0 0 16px}.quick-add{display:flex;flex-direction:column;gap:12px}.quick-add__handle{width:36px;height:4px;background:var(--line-elevated);border-radius:2px;margin:8px auto 4px}.quick-add__input{width:100%;border:none;background:transparent;font-size:17px;resize:none;padding:8px 0}.quick-add__chips{display:flex;flex-wrap:wrap;gap:6px}.quick-add__recognized{color:var(--muted)}.quick-add__footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.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:8px}.date-picker__calendar-header button{width:28px;height:28px;color:var(--muted)}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--text-tertiary);margin-bottom:4px}.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)}.date-picker__day--today{border:1px solid 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}.date-picker__time input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;background:var(--surface)}.move-sheet__list{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow-y:auto}.move-sheet__item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--radius-sm);text-align:left;font-size:14px}.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 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.task-detail{display:flex;flex-direction:column;height:100%;background:var(--bg)}.task-detail--sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.task-detail--panel{height:100dvh;background:var(--surface)}.task-detail__header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.task-detail__back{width:44px;height:44px;font-size:20px;color:var(--muted);flex-shrink:0}.task-detail__breadcrumb{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.task-detail__overflow{width:44px;height:44px;font-size:18px;color:var(--muted)}.task-detail__menu-wrap{position:relative}.task-detail__menu{position:absolute;right:0;top:100%;background:var(--elevated);border:1px solid var(--line-elevated);border-radius:var(--radius-md);padding:4px;display:flex;flex-direction:column;min-width:180px;z-index:10;box-shadow:var(--shadow-card)}.task-detail__menu button{padding:8px 10px;text-align:left;border-radius:var(--radius-sm);font-size:13px}.task-detail__menu-danger{color:var(--danger)}.task-detail__loading{padding:24px;color:var(--muted)}.task-detail__body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.task-detail__title-row{display:flex;gap:12px;align-items:flex-start}.task-detail__title-input{flex:1;border:none;background:transparent;font-size:20px;font-weight:500;line-height:1.25;resize:none;padding:2px 0}.task-detail__description{border:none;background:transparent;font-size:13px;line-height:1.55;color:var(--text-secondary);resize:vertical;min-height:40px}.task-detail__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.task-detail__priority-group{display:flex;gap:4px}.task-detail__priority-btn{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);font-size:11px;color:var(--muted)}.task-detail__priority-btn--active{font-weight:600;border-width:1.5px}.task-detail__section{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:12px}.task-detail__section-header{display:flex;justify-content:space-between;margin-bottom:4px}.task-detail__subtask{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.task-detail__subtask--done{opacity:.5;text-decoration:line-through}.task-detail__subtask-add input{width:100%;padding:8px 0;border:none;background:transparent;color:var(--accent);font-size:14px}.task-detail__composer{display:flex;gap:10px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--section-header-bg);flex-shrink:0}.task-detail__composer input{flex:1;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--line-elevated);background:var(--elevated)}.task-detail__composer button{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--accent);color:var(--accent-contrast);flex-shrink:0}.note-card{background:var(--elevated);border:1px solid var(--line-elevated);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-size:10px;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 .2s ease}.week-strip{display:flex;gap:4px}.week-strip__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:var(--radius-md);background:var(--surface);font-size:15px;color:var(--text);position:relative}.week-strip__day span:first-child{font-size:10px;color:var(--text-tertiary)}.week-strip__day--today{background:var(--accent);color:var(--accent-contrast)}.week-strip__day--today span:first-child{color:#0009}.week-strip__dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.week-strip__day--today .week-strip__dot{background:var(--accent-contrast)}.week-strip__empty-note{padding:12px 4px;font-size:13px;color:var(--text-tertiary)}.week-board{display:grid;grid-template-columns:repeat(7,minmax(160px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.week-board__column{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:160px}.week-board__column-header{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.week-board__today-tag{background:var(--search-highlight);color:var(--accent);padding:1px 6px;border-radius:999px;font-size:10px}.week-board__card{background:var(--bg);border-radius:var(--radius-sm);padding:10px;border-left:3px solid var(--muted);text-align:left;display:flex;flex-direction:column;gap:4px}.week-board__card-title{font-size:13px}.week-board__card-meta{font-size:10px;color:var(--muted)}.week-board__empty{font-size:12px;color:var(--text-tertiary)}.histogram{display:flex;gap:4px;height:48px;align-items:flex-end}.histogram__bar{flex:1;background:var(--line);border-radius:2px;min-height:4px}.histogram__bar--peak{background:var(--accent)}.search-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--line);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;border:none;background:transparent;font-size:15px}.search-bar__icon,.search-bar__clear{color:var(--muted)}.search-result-row{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:14px;text-align:left}.settings-section{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.settings-row__desc{margin:2px 0 0;font-size:12px;color:var(--muted);max-width:420px}.settings-row__danger{color:var(--danger)}.settings-row__buttons{display:flex;gap:8px}.settings-status{font-size:11px;color:var(--muted)}.settings-status--active{color:var(--success-dot)}.segmented{display:flex;gap:4px;background:var(--bg);padding:3px;border-radius:var(--radius-md)}.segmented__item{padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--muted)}.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:var(--accent-contrast);transition:transform .15s ease}.toggle--on .toggle__knob{transform:translate(18px)}.shortcut-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:var(--muted)}.shortcut-key{min-width:32px;text-align:center;padding:3px 6px;border:1px solid var(--line-elevated);border-radius:6px;color:var(--text);font-size:11px}.splash{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg)}.splash__mark{width:88px;height:88px;border-radius:24px;background:var(--accent);display:flex;align-items:center;justify-content:center}.splash__wordmark{font-size:22px;font-weight:600}.splash__tagline{font-size:11px;letter-spacing:.1em;color:var(--text-tertiary)}.splash__progress{width:120px;height:3px;border-radius:2px;background:var(--elevated);overflow:hidden;margin-top:8px}.splash__progress-fill{width:45%;height:100%;background:var(--accent);animation:splash-loop 1.2s ease-in-out infinite alternate}@keyframes splash-loop{0%{transform:translate(-20%)}to{transform:translate(120%)}}