:root{--n-00: #fff;--n-50: #f9fafb;--n-60: #f5f6f7;--n-75: #f1f3f5;--n-100: #ebeef2;--n-150: #e9ecf2;--n-200: #e1e5ee;--n-300: #cfd3d6;--n-400: #adb2b8;--n-500: #979da6;--n-600: #81858c;--n-700: #61666b;--n-750: #43454a;--n-800: #353638;--n-850: #2c2c2e;--n-875: #232324;--n-900: #1b1b1c;--n-950: #151517;--n-1000: #0f1115;--ds-50: #edf3fe;--ds-100: #e4edfd;--ds-200: #d3e2ff;--ds-300: #b7c8fe;--ds-400: #679efe;--ds-450: #5686fe;--ds-500: #3964fe;--ds-600: #4868b2;--ds-800: #34415b;--ds-900: #283142;--red-50: #fef2f2;--red-100: #fee2e2;--red-400: #f25a5a;--red-500: #ef4444;--red-600: #ec1313;--green-100: #e6faed;--green-400: #4ed17e;--green-500: #22c55e;--amber-100: #fef5e7;--amber-400: #f7ad31;--amber-500: #f59e0b;--amber-600: #dd8629;--bg-base: #fff;--bg-layer-1: #fff;--bg-layer-2: #fff;--bg-layer-3: #fff;--bg-sunken: #f9fafb;--text-primary: #0f1115;--text-secondary: #61666b;--text-tertiary: #81858c;--text-caption: #adb2b8;--text-on-brand: #fff;--border-l1: rgba(0, 0, 0, .04);--border-l2: rgba(0, 0, 0, .1);--border-l3: rgba(0, 0, 0, .12);--border-l4: rgba(0, 0, 0, .16);--brand: #4d6bfe;--brand-hover: #3a5cf0;--brand-soft: #edf3fe;--brand-text: #4d6bfe;--success: #22c55e;--success-soft: var(--green-100);--danger: #ec1313;--danger-soft: var(--red-50);--warn: #f59e0b;--warn-soft: var(--amber-100);--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(0, 0, 0, .07);--backdrop: rgba(15, 17, 21, .42);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .04);--shadow-menu: 0 8px 24px rgba(15, 17, 21, .12);--radius-card: 24px;--radius-panel: 16px;--radius-input: 10px;--radius-sm: 8px;--radius-pill: 100px;--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", sans-serif;--tap: 44px;--pad-page: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}:root[data-theme=dark]{--bg-base: #151517;--bg-layer-1: #232324;--bg-layer-2: #2c2c2e;--bg-layer-3: #353638;--bg-sunken: #1b1b1c;--text-primary: #f9fafb;--text-secondary: #cfd3d6;--text-tertiary: #adb2b8;--text-caption: #81858c;--text-on-brand: #fff;--border-l1: hsla(0, 0%, 100%, .06);--border-l2: hsla(0, 0%, 100%, .12);--border-l3: hsla(0, 0%, 100%, .16);--border-l4: hsla(0, 0%, 100%, .2);--brand: #5686fe;--brand-hover: #679efe;--brand-soft: rgba(86, 134, 254, .16);--brand-text: #5686fe;--success: #22c55e;--success-soft: rgba(34, 197, 94, .14);--danger: #f25a5a;--danger-soft: rgba(242, 90, 90, .16);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .16);--hover-bg: hsla(0, 0%, 100%, .08);--active-bg: hsla(0, 0%, 100%, .14);--backdrop: rgba(0, 0, 0, .56);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .3);--shadow-menu: 0 12px 32px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-base)}body{color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;overflow:hidden}#root{height:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 18px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--bg-layer-2);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.input{width:100%;min-height:var(--tap);padding:10px 12px;border:1px solid var(--border-l2);border-radius:var(--radius-input);background:var(--bg-base);color:var(--text-primary);font-size:16px;outline:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{min-height:88px;padding:10px 12px;resize:vertical;line-height:1.5}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.card{display:flex;flex-direction:column;gap:12px;padding:16px 14px;background:var(--bg-layer-1);border:1px solid var(--border-l1);border-radius:var(--radius-panel);box-shadow:var(--shadow-soft)}.input::placeholder{color:var(--text-caption)}.btn-primary{background:var(--brand);color:var(--text-on-brand);font-weight:600}.btn-primary:active:not(:disabled){background:var(--brand-hover)}.btn-ghost{background:transparent;border-color:var(--border-l2);color:var(--text-secondary);font-weight:500}.btn-ghost:active:not(:disabled){background:var(--active-bg);color:var(--text-primary)}.btn-quiet{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-quiet:active:not(:disabled){background:var(--active-bg);color:var(--text-primary)}.btn-danger-ghost{background:transparent;border-color:var(--border-l2);color:var(--danger)}.btn-danger-ghost:active:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 14px;font-size:13.5px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.field-hint{font-size:12px;line-height:1.45;color:var(--text-tertiary)}.field-static{font-size:15px;color:var(--text-primary)}.form-error,.form-ok{padding:10px 12px;border-radius:var(--radius-input);font-size:13px;line-height:1.45}.form-error{background:var(--danger-soft);border:1px solid var(--border-l2);color:var(--danger)}.form-ok{background:var(--success-soft);border:1px solid var(--border-l2);color:var(--success)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-text{font-size:15px;color:var(--text-primary);word-break:break-all}.card-hint{font-size:12.5px;line-height:1.5;color:var(--text-tertiary)}.result-list{display:flex;flex-direction:column;gap:6px}.result-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:var(--radius-input);border:1px solid var(--border-l1);background:var(--bg-sunken);font-size:13px}.result-ok{color:var(--success)}.result-fail{color:var(--danger)}.result-channel{color:var(--text-primary);font-weight:600}.result-state{color:var(--text-secondary);font-weight:500}.result-detail{flex:1 1 100%;color:var(--text-tertiary);font-size:12px;word-break:break-word}.app{display:flex;flex-direction:column;height:100%;height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--bg-base)}.app-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}@media(min-width:860px){body{background:var(--bg-sunken)}.app,.login-screen,.search-screen,.view-screen,.editor-screen{max-width:720px;margin:0 auto;border-left:1px solid var(--border-l1);border-right:1px solid var(--border-l1)}}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:calc(var(--safe-top) + 8px) 12px 8px;background:var(--bg-base)}.topbar-actions{display:flex;align-items:center;margin-left:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);flex:0 0 auto;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.icon-btn:active:not(:disabled){transform:scale(.94);background:var(--active-bg);color:var(--text-primary)}.icon-btn:disabled{opacity:.4;cursor:default}.link-btn{min-height:var(--tap);padding:0 12px;border:none;background:transparent;color:var(--brand-text);font-size:14px;font-weight:500;cursor:pointer}.link-btn:active{opacity:.7}.page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.page-header{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:calc(var(--safe-top) + 6px) 12px 8px;background:var(--bg-base)}.page-title{flex:1 1 auto;min-width:0;font-size:22px;font-weight:600;letter-spacing:-.2px}.page-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:12px;padding:2px var(--pad-page) calc(24px + var(--safe-bottom))}.page-hint,.muted-note{font-size:12.5px;color:var(--text-caption)}.form-error-inline{margin:0;padding:8px 10px}.segmented{display:flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--bg-sunken);border:1px solid var(--border-l1)}.segment{flex:1 1 0;min-height:38px;padding:0 10px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.segment:active{transform:scale(.97)}.segment-active{background:var(--brand);color:var(--text-on-brand);font-weight:600}.segmented-sm .segment{min-height:34px;font-size:13.5px}.segmented-sm .segment-active{background:var(--brand);color:var(--text-on-brand)}.switches{display:flex;flex-direction:column;gap:2px}.switch-row{display:flex;align-items:center;gap:12px;min-height:var(--tap);cursor:pointer}.switch-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.switch-title{font-size:14px;font-weight:500;color:var(--text-primary)}.switch-hint{font-size:12px;color:var(--text-caption)}.switch{flex:0 0 auto;appearance:none;-webkit-appearance:none;position:relative;width:48px;height:28px;margin:0;border:1px solid var(--border-l3);border-radius:var(--radius-pill);background:var(--bg-sunken);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--n-00);box-shadow:var(--shadow-soft);transition:transform .15s ease}:root[data-theme=dark] .switch:after{background:var(--n-300)}.switch:checked{background:var(--brand);border-color:var(--brand)}.switch:checked:after{transform:translate(20px);background:var(--n-00)}.switch:active:after{width:24px}.segment:disabled,.switch:disabled{opacity:.5;cursor:default}.state-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center}.state-icon{color:var(--text-caption);opacity:.6}.state-text{font-size:15px;color:var(--text-secondary)}.state-hint{font-size:13px;color:var(--text-caption)}.state-error{color:var(--danger)}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-item{display:flex;align-items:center;gap:12px;padding:16px 14px;background:var(--bg-layer-1);border:1px solid var(--border-l1);border-radius:var(--radius-panel)}.skeleton-circle{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--bg-sunken)}.skeleton-lines{flex:1 1 auto;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:10px;border-radius:6px;background:linear-gradient(90deg,var(--bg-sunken) 25%,var(--border-l1) 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}.skeleton-line-lg{width:62%}.skeleton-line-sm{width:38%;height:8px}.cal-topbar{flex:0 0 auto;display:flex;align-items:center;gap:2px;padding:calc(var(--safe-top) + 10px) 12px 6px;background:var(--bg-base)}.cal-title{flex:1 1 auto;min-width:0;min-height:var(--tap);padding:0 6px;border:none;border-radius:var(--radius-input);background:transparent;color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:-.3px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;font-variant-numeric:tabular-nums}.cal-title:active{background:var(--active-bg)}.cal-topbar-actions{display:flex;align-items:center;margin-left:auto}.cal-weekdays{flex:0 0 auto;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:4px var(--pad-page) 6px}.cal-weekday{text-align:center;font-size:11.5px;font-weight:500;color:var(--text-caption)}.cal-grid-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;padding:0 var(--pad-page) 8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,minmax(64px,1fr));gap:2px;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--border-l1);border-radius:var(--radius-panel);padding:4px}.cal-grid-wrap.is-loading .cal-grid{opacity:.55}.cal-grid-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cal-cell{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:0;padding:5px 4px 4px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;overflow:hidden;transition:background-color .15s ease}.cal-cell:active{background:var(--active-bg)}.cal-cell.is-outside{opacity:.38}.cal-cell.is-today{background:var(--brand-soft)}.cal-cell.is-today .cal-daynum{color:var(--brand-text);font-weight:700}.cal-cell-head{display:flex;align-items:baseline;gap:3px;min-width:0}.cal-daynum{font-size:16px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.cal-lunar{flex:0 1 auto;min-width:0;font-size:10px;line-height:1.2;color:var(--text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-bars{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}.cal-bar{display:flex;align-items:center;gap:2px;height:14px;padding:0 4px;border-radius:4px;border-left:2px solid transparent;background:var(--bg-sunken);color:var(--text-secondary);font-size:10px;line-height:1;overflow:hidden;white-space:nowrap}.cal-bar-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-bar-mark{flex:0 0 auto;color:var(--warn)}.cal-bar-star{color:var(--brand-text)}.cal-bar-prio-0{border-left-color:var(--n-400)}.cal-bar-prio-1{border-left-color:var(--brand)}.cal-bar-prio-2{border-left-color:var(--red-500);color:var(--text-primary)}.cal-bar.is-followed{background:var(--brand-soft);border-left-width:3px;border-left-color:var(--brand);color:var(--brand-text);font-weight:500}.cal-bar.is-done{color:var(--text-caption);text-decoration:line-through;opacity:.75}.cal-more{font-size:10px;line-height:1.1;font-weight:500;color:var(--text-caption);padding-left:3px}.cal-error{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 var(--pad-page) 8px;padding:10px 12px;border-radius:var(--radius-input);background:var(--danger-soft);border:1px solid var(--border-l2);color:var(--danger);font-size:13px}.cal-footer{flex:0 0 auto;display:flex;align-items:center;gap:8px;width:100%;min-height:var(--tap);padding:10px var(--pad-page) calc(10px + var(--safe-bottom));border:none;border-top:1px solid var(--border-l1);background:var(--bg-base);color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer}.cal-footer:active{background:var(--active-bg)}.cal-footer-text{flex:1 1 auto;min-width:0}.cal-footer-side{display:inline-flex;align-items:center;gap:8px}.cal-footer-overdue{color:var(--danger);font-weight:500}.menu-backdrop{position:fixed;inset:0;z-index:30;border:none;background:transparent;cursor:default}.cal-menu{position:fixed;z-index:31;top:calc(var(--safe-top) + 56px);right:max(calc(12px + var(--safe-right)),calc(50% - 348px));min-width:188px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-layer-2);border:1px solid var(--border-l1);border-radius:var(--radius-panel);box-shadow:var(--shadow-menu);animation:fade-in .12s ease}.menu-item{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 12px;border:none;border-radius:var(--radius-input);background:transparent;color:var(--text-primary);font-size:14px;text-align:left;cursor:pointer}.menu-item:active:not(:disabled){background:var(--active-bg)}.menu-item:disabled{opacity:.45;cursor:default}.menu-item-danger{color:var(--danger)}.bottom-nav{flex:0 0 auto;display:flex;align-items:stretch;background:var(--bg-base);border-top:1px solid var(--border-l1);padding-bottom:var(--safe-bottom)}.nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;border:none;background:transparent;color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.nav-item:active{transform:scale(.97)}.nav-item.is-active{color:var(--brand-text)}.nav-item.is-active .nav-label{font-weight:600}.nav-icon{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-5px;right:-11px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--brand);color:var(--text-on-brand);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.trow-list{display:flex;flex-direction:column;gap:8px}.trow{display:flex;flex-direction:column;border-radius:var(--radius-panel);background:var(--bg-layer-1);border:1px solid var(--border-l1);box-shadow:var(--shadow-soft);overflow:hidden;transition:background-color .15s ease,border-color .15s ease}.trow.is-followed{border-color:var(--border-l3)}.trow-head{display:flex;align-items:flex-start;gap:4px;padding:8px 8px 8px 4px}.trow-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;padding:4px 0}.trow-open{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:var(--tap);padding:4px 0;border:none;border-radius:var(--radius-input);background:transparent;text-align:left;cursor:pointer}.trow-open:disabled{cursor:default}.trow-main{min-width:0;display:flex;flex-direction:column;gap:4px}.trow-title{font-size:15px;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.trow-title-line{display:flex;align-items:center;gap:5px;min-width:0}.trow-title-btn{display:flex;align-items:center;min-height:40px;padding:0;border:none;background:transparent;cursor:pointer}.trow-title-btn:active{color:var(--brand-text)}.is-done .trow-title{color:var(--text-caption);font-weight:500;text-decoration:line-through}.is-done .trow-meta{color:var(--text-caption)}.trow-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--text-tertiary)}.trow-meta-time{color:var(--brand-text);font-weight:500;font-variant-numeric:tabular-nums}.trow-meta-muted{color:var(--text-caption)}.trow-meta-carry{color:var(--warn);font-weight:500}.trow-note{font-size:12.5px;line-height:1.5;color:var(--text-tertiary);white-space:pre-wrap;overflow-wrap:anywhere}.prio-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;background:var(--bg-sunken);color:var(--text-secondary)}.prio-chip.prio-0{color:var(--text-tertiary)}.prio-chip.prio-1{background:var(--brand-soft);color:var(--brand-text)}.prio-chip.prio-2{background:var(--danger-soft);color:var(--danger)}.trow-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.icon-action:active:not(:disabled){transform:scale(.92);background:var(--active-bg)}.icon-action:disabled{opacity:.4;cursor:default}.icon-action.is-on{color:var(--brand-text)}.icon-action-star.is-on{color:var(--warn)}.icon-action-danger{color:var(--danger)}.trow-actions-inline{display:flex;align-items:center;gap:4px;padding:0 10px 10px}.check{flex:0 0 auto;position:relative;width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0}.check-static{cursor:default}.check:before{content:"";width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-l4);background:transparent;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.check:active:before{transform:scale(.88)}.check svg{position:absolute;inset:0;margin:auto;color:var(--n-00)}.check-on:before{background:var(--brand);border-color:var(--brand)}.check-on{color:var(--text-on-brand)}.view-screen{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;background:var(--bg-base);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);animation:fade-in .15s ease}.view-header{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:6px 12px 10px;background:var(--bg-base)}.view-heading{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px}.view-title{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;font-size:17px;font-weight:600;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.view-subtitle{font-size:12px;color:var(--text-caption)}.view-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:12px;padding:2px var(--pad-page) 16px}.view-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px var(--pad-page) calc(12px + var(--safe-bottom));border-top:1px solid var(--border-l1);background:var(--bg-base)}.view-state{display:flex;align-items:center;gap:8px;padding:10px 2px;font-size:13px;color:var(--text-tertiary)}.done-section{display:flex;flex-direction:column;gap:8px;margin-top:4px}.done-toggle{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 14px;border:1px solid var(--border-l1);border-radius:var(--radius-pill);background:var(--bg-layer-1);color:var(--text-secondary);font-size:13px;cursor:pointer}.done-toggle:active{background:var(--active-bg)}.done-toggle .chevron{margin-left:auto}.editor-screen{position:fixed;inset:0;z-index:48;display:flex;flex-direction:column;background:var(--bg-base);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);animation:fade-in .15s ease}.editor-header{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 12px}.editor-heading{flex:1 1 auto;min-width:0;font-size:17px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-form{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:18px;padding:4px var(--pad-page) 20px}.editor-title{width:100%;padding:6px 2px;border:none;border-bottom:1px solid var(--border-l1);background:transparent;color:var(--text-primary);font-size:21px;font-weight:600;line-height:1.35;outline:none;transition:border-color .15s ease}.editor-title::placeholder{color:var(--text-caption);font-weight:500}.editor-title:focus{border-bottom-color:var(--brand)}.segmented-time{align-self:flex-start}.field-datetime{display:flex;gap:10px}.field-date{flex:1.4 1 0%;min-width:0}.field-time{flex:1 1 0%;min-width:0}.field-time-off{opacity:.45;pointer-events:none}.editor-actions{flex:0 0 auto;display:flex;gap:10px;padding:10px var(--pad-page) calc(12px + var(--safe-bottom));border-top:1px solid var(--border-l1);background:var(--bg-base)}.editor-actions .btn-cancel{flex:0 0 34%}.editor-actions .btn-save{flex:1 1 auto}.sheet-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:var(--backdrop);animation:fade-in .15s ease}.sheet{width:100%;max-width:720px;max-height:calc(100dvh - var(--safe-top) - 16px);display:flex;flex-direction:column;background:var(--bg-base);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);box-shadow:var(--shadow-menu);animation:sheet-in .2s ease}.sheet-header{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;padding:16px 12px 12px 18px;border-bottom:1px solid var(--border-l1)}.sheet-heading{flex:1 1 auto;min-width:0}.sheet-title{font-size:18px;font-weight:600}.sheet-subtitle{margin-top:2px;font-size:12.5px;color:var(--text-caption)}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:10px;padding:12px var(--pad-page) calc(16px + var(--safe-bottom))}.sheet-state{display:flex;align-items:center;gap:8px;padding:8px 2px;font-size:13px;color:var(--text-tertiary)}.sheet-footer{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px var(--pad-page) calc(12px + var(--safe-bottom));border-top:1px solid var(--border-l1)}.trow-open-inline{display:flex;align-items:center;gap:6px;min-height:36px;padding:0;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;cursor:pointer}.trow-open-inline:active{color:var(--brand-text)}.search-screen{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;background:var(--bg-base);padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.search-header{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border-l1)}.searchbar{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:4px}.search-icon{flex:0 0 auto;color:var(--text-caption);margin-left:10px;margin-right:-32px;pointer-events:none;z-index:1}.searchbar .search-input{flex:1 1 auto;min-width:0;padding-left:38px;background:var(--bg-layer-1);border-color:var(--border-l1);border-radius:var(--radius-pill);min-height:42px;appearance:none}.search-clear{flex:0 0 auto;width:36px;height:36px}.search-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:12px var(--pad-page) calc(24px + var(--safe-bottom))}.settings-overlay{position:fixed;inset:0;z-index:40;display:flex;justify-content:center;background:var(--bg-base)}.settings-panel{width:100%;max-width:720px;height:100%;display:flex;flex-direction:column;background:var(--bg-base);border-left:1px solid var(--border-l1);border-right:1px solid var(--border-l1)}.settings-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(var(--safe-top) + 10px) 12px 10px}.settings-title{font-size:22px;font-weight:600;letter-spacing:-.2px}.settings-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:2px var(--pad-page) calc(24px + var(--safe-bottom))}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:calc(var(--safe-top) + 24px) 16px calc(var(--safe-bottom) + 24px);background:var(--bg-base)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:24px 20px;background:var(--bg-layer-1);border:1px solid var(--border-l1);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:4px}.login-logo{width:44px;height:44px;border-radius:50%;background:var(--brand);color:var(--text-on-brand);font-size:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.login-title{font-size:21px;font-weight:600;text-align:center}.login-subtitle{font-size:13px;color:var(--text-caption)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + var(--safe-bottom));z-index:60;max-width:min(92vw,520px);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-input);background:var(--bg-layer-3);border:1px solid var(--border-l1);color:var(--text-primary);font-size:14px;box-shadow:var(--shadow-menu);animation:toast-in .18s ease}.toast-text{flex:1 1 auto}.toast-close{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer}.toast-success{color:var(--success)}.toast-error{color:var(--danger)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-l3);border-top-color:var(--brand);animation:spin .8s linear infinite;display:inline-block}.spinner-sm{width:15px;height:15px;border-width:2px}.boot-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-base)}.boot-text{font-size:14px;color:var(--text-tertiary)}.chevron{display:inline-block;font-size:20px;line-height:1;color:var(--text-caption);transition:transform .15s ease}.chevron.is-open{transform:rotate(90deg)}.badge-today{font-size:11px;font-weight:500;color:var(--brand-text);background:var(--brand-soft);border-radius:var(--radius-pill);padding:1px 8px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(14px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}