:root{--bg-app: #fafafa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-touch: #f1f1f1;--bg-muted: #eaeaea;--border-subtle: #f0f0f0;--border-strong: #e0e0e0;--text-primary: #3e2f28;--text-secondary: #8d6e63;--text-muted: #b3a49b;--app-accent: #9b6b3f;--app-accent-strong: #7c4f26;--app-primary-dark: #e9d9be;--danger: #b5443f;--success: #2f7d5c;--header-h: 52px;--nav-h: 60px;--radius: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 6px 24px rgba(0, 0, 0, .1);--urgent-red-bg: rgba(181, 68, 63, .1);--urgent-red-fg: #a83a35;--urgent-yellow-bg: rgba(155, 107, 63, .12);--urgent-yellow-fg: #8a5f2c;--urgent-green-bg: rgba(47, 125, 92, .1);--urgent-green-fg: #27664a}.dark-theme{--bg-app: #020617;--bg-surface: #0f172a;--bg-elevated: #1e293b;--bg-touch: #1e293b;--bg-muted: #020617;--border-subtle: #1e293b;--border-strong: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--app-accent: #c49a6c;--app-accent-strong: #b07f44;--app-primary-dark: #2b211a;--danger: #c96a66;--success: #4f9e76;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5);--urgent-red-bg: rgba(201, 106, 102, .12);--urgent-red-fg: #c96a66;--urgent-yellow-bg: rgba(196, 154, 108, .1);--urgent-yellow-fg: #c49a6c;--urgent-green-bg: rgba(79, 158, 118, .1);--urgent-green-fg: #4f9e76}.accent-muted{--app-accent: #b3a49b;--app-accent-strong: #8d6e63;background:var(--bg-muted)}.dark-theme .accent-muted,.dark-theme.accent-muted{--app-accent: #64748b;--app-accent-strong: #94a3b8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:16px}.shell{display:flex;flex-direction:column;height:100dvh;max-width:100vw;overflow:hidden;background:var(--bg-app)}.topbar{flex:0 0 auto;height:var(--header-h);padding:0 12px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:8px;background:var(--bg-app);border-bottom:1px solid var(--border-subtle)}.topbar-title{flex:1;min-width:0;font-size:1.05rem;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.topbar-btn{position:relative;width:40px;height:40px;border:none;background:transparent;border-radius:50%;color:var(--text-secondary);font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.topbar-btn:active{background:var(--bg-touch)}.topbar-btn.active{background:var(--bg-touch);color:var(--app-accent-strong)}.notes-done-badge{position:absolute;top:4px;right:2px;min-width:16px;height:16px;border-radius:999px;background:var(--app-accent);color:#fff;font-size:.68rem;font-weight:800;line-height:16px;text-align:center;padding:0 3px;box-sizing:border-box}.icon-mono{width:22px;height:22px;display:block}.viewbar{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;padding:0 0 calc(var(--nav-h) + env(safe-area-inset-bottom) + 12px);scrollbar-width:thin}.viewbar>*:not(router-outlet){flex:1 0 auto}router-outlet{display:none}.viewtopbar{flex:0 0 auto;min-height:72px;display:flex;align-items:stretch;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:10px 0}.notes-topbar{padding:6px 0;min-height:60px}.viewtopbar-inner{display:grid;grid-template-columns:1fr;gap:12px;padding:0 16px;width:100%;min-height:100%;align-content:safe center}.notes-topbar .viewtopbar-inner{padding:0 12px}.head-block{min-width:0}.head-block .section-label{margin:10px 2px 4px}.head-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pane-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pane-label{display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:.62rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-touch);border:1px solid var(--border-strong);border-radius:999px;padding:3px 9px;cursor:pointer}.pane-label.active{background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong));color:#fff;border-color:transparent}.head-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,var(--app-primary-dark),var(--bg-surface));border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px 14px;margin-top:12px}.hb-text{flex:1;min-width:0}.hb-title{font-size:.9rem;font-weight:800;color:var(--text-primary)}.hb-sub{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.hb-btn{height:38px;padding:0 14px;flex:0 0 auto}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:stretch;background:var(--bg-app);border-top:1px solid var(--border-subtle);z-index:50}.bottomnav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bottomnav-link .nav-icon{font-size:1.25rem;line-height:1}.bottomnav-link.active{color:var(--app-accent-strong)}h1,h2,h3{margin:0;color:var(--text-primary)}p{margin:0;color:var(--text-secondary)}.muted{color:var(--text-muted)}.view-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.view-sub{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.view-desc{font-size:.8rem;line-height:1.4;color:var(--text-muted);margin-top:4px}.view-muted{color:var(--text-muted);font-weight:500}.section-label{font-size:.75rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-secondary);margin:24px 2px 10px}h1,h2,h3,h4,h5,h6,p,span,a,button,label,.list-row,.task-row,.subtask-row,.project-row{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.selectable-text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:text}.copy-btn{background:none;border:none;padding:4px;color:var(--text-muted);cursor:pointer;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.copy-btn .copy-icon{width:15px;height:15px}.copy-btn:hover{color:var(--app-accent-strong);background:var(--bg-touch)}.copy-btn.copied{color:var(--success)}.copy-btn.copied .copy-icon{stroke:var(--success)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);margin-bottom:8px}.card-accent{height:3px;background:linear-gradient(90deg,var(--app-accent),var(--app-accent-strong))}.list-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-surface);border:1px solid var(--border-subtle);margin-bottom:8px;min-height:56px;cursor:pointer}.list-row:active{background:var(--bg-touch)}.row-main{flex:1;min-width:0}.row-title{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:.78rem;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;letter-spacing:.5px;height:46px;padding:0 18px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--app-accent-strong);color:#fff}.btn-primary:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-danger{background:var(--urgent-red-bg);color:var(--urgent-red-fg)}.icon-btn{width:44px;height:44px;flex:0 0 auto;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center}.icon-btn:active{background:var(--bg-touch)}.icon-btn.check{color:var(--success)}.icon-btn.delete{color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.text-input{width:100%;height:46px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);outline:none}.text-input::placeholder{color:var(--text-muted);opacity:.8}.text-input:focus{border-color:var(--app-accent)}textarea.text-input{height:auto;min-height:96px;padding:12px 14px;resize:none}.date-input{width:100%;height:46px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary)}.inline-actions{display:flex;gap:4px;align-items:center;flex:0 0 auto}.due-pill{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:999px;flex:0 0 auto}.phase-badge{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--app-accent),var(--app-accent-strong));flex:0 0 auto}.urgent-red{background:var(--urgent-red-bg);color:var(--urgent-red-fg)}.urgent-yellow{background:var(--urgent-yellow-bg);color:var(--urgent-yellow-fg)}.urgent-green{background:var(--urgent-green-bg);color:var(--urgent-green-fg)}.overdue-text{color:var(--danger);font-weight:800}.count-ring{width:46px;height:46px;flex:0 0 auto;position:relative}.count-ring svg{width:100%;height:100%}.ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:3}.ring-progress{fill:none;stroke:var(--app-accent);stroke-width:3;stroke-linecap:round}.ring-progress.ring-green{stroke:var(--urgent-green-fg)}.ring-progress.ring-yellow{stroke:var(--urgent-yellow-fg)}.ring-progress.ring-red{stroke:var(--danger)}.count-ring .count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--text-primary)}.sheet-backdrop{position:fixed;inset:0;background:#00000073;z-index:200;animation:fadeIn .18s ease-out}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88dvh;overflow-y:auto;background:var(--bg-surface);border-radius:20px 20px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));z-index:201;animation:slideUp .22s ease-out}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border-strong);margin:6px auto 14px}.sheet-title{font-size:1.05rem;font-weight:800;margin-bottom:14px}.confirm-delete{margin-top:14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px}.confirm-delete-actions{display:flex;gap:10px;margin-top:12px}.confirm-delete-actions .btn{flex:1}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state .big{font-size:2rem;margin-bottom:8px}.empty-state .big.icon-mono{width:40px;height:40px;margin:0 auto 8px;color:var(--text-muted)}.empty-state p{font-size:.9rem}.error-banner{background:var(--urgent-red-bg);color:var(--urgent-red-fg);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:12px}.success-banner{background:var(--urgent-green-bg);color:var(--urgent-green-fg);padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;margin-bottom:12px}.spinner{width:26px;height:26px;border:3px solid var(--border-strong);border-top-color:var(--app-accent);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.palette{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;background:var(--bg-app);animation:fadeIn .12s ease-out}.palette-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:calc(env(safe-area-inset-top) + 12px) 16px 8px}.palette-head .topbar-btn{flex:0 0 auto;width:44px;height:52px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface)}.palette-input{flex:1 1 auto;height:52px;padding:0 16px;font-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);outline:none}.palette-input:focus{border-color:var(--app-accent)}.palette-filters{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 8px}.palette-list{flex:1 1 auto;overflow-y:auto;padding:0 12px calc(20px + env(safe-area-inset-bottom))}.palette-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:var(--radius-sm)}.palette-item.selected{background:var(--bg-touch)}.palette-item .row-sub{margin-top:1px}.palette-item .type-tag{font-size:.58rem;font-weight:800;letter-spacing:1px;color:var(--text-muted);border:1px solid var(--border-strong);padding:2px 6px;border-radius:6px;flex:0 0 auto}.kbd-hint{font-size:.6rem;color:var(--text-muted);text-align:center;padding:8px 0 4px}.zen-screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-app);padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 24px)}.zen-halo{width:min(70vw,300px);height:min(70vw,300px);margin:12px auto 4px;position:relative}.zen-halo svg{width:100%;height:100%;transform:rotate(-90deg)}.zen-halo .ring-track{fill:none;stroke:var(--border-subtle);stroke-width:10}.zen-halo .ring-arc{fill:none;stroke:var(--app-accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.zen-time{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;font-weight:800;letter-spacing:.02em}.zen-controls{display:flex;justify-content:center;gap:12px;margin:18px 0}.zen-btn{min-width:110px}.zen-task-title{text-align:center;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:8px 0 4px;padding:0 10px}.zen-task-meta{text-align:center;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.zen-task-info{padding:24px 20px 0;text-align:left;max-width:420px;margin:0 auto}.zen-current-task{font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1.4;margin-bottom:12px}.zen-intro{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.zen-intro-line{height:1px;background:var(--border-subtle);margin-bottom:14px}.zen-meta-row{line-height:1.6;font-size:.75rem;color:var(--text-muted)}.zen-meta-label{display:inline-block;min-width:84px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;color:var(--text-muted);opacity:.7}.zen-phase-hint{text-align:center;font-size:.78rem;line-height:1.45;color:var(--text-secondary);background:var(--bg-touch);border-radius:var(--radius-sm);padding:8px 12px;margin:0 auto 16px;max-width:340px}.zen-panes{display:grid;grid-template-columns:1fr;gap:16px;flex:1}.zen-pane{min-width:0}.zen-panes.show-zen .zen-pane-subtasks,.zen-panes.show-zen .zen-pane-notes,.zen-panes.show-zen .zen-pane-chat,.zen-panes.show-subtasks .zen-pane-zen,.zen-panes.show-subtasks .zen-pane-notes,.zen-panes.show-subtasks .zen-pane-chat,.zen-panes.show-notes .zen-pane-subtasks,.zen-panes.show-notes .zen-pane-zen,.zen-panes.show-notes .zen-pane-chat,.zen-panes.show-chat .zen-pane-subtasks,.zen-panes.show-chat .zen-pane-zen,.zen-panes.show-chat .zen-pane-notes,.zen-pane-notes,.zen-pane-chat{display:none}.zen-pane-chat{display:flex;flex-direction:column;min-height:0}.zen-pane-zen{position:sticky;top:0;text-align:center}@media(max-width:1023px){.viewbar>app-zen{height:100%}.zen-screen{height:100%;min-height:0;overflow:hidden}.zen-panes{min-height:0;grid-template-rows:minmax(0,1fr)}.zen-pane{overflow-y:auto;-webkit-overflow-scrolling:touch}.zen-panes.show-notes .zen-pane-notes{display:block}.zen-panes.show-chat .zen-pane-chat{display:flex}}@media(min-width:1024px){.zen-panes{grid-template-columns:1fr 1fr;align-items:start}.zen-pane-zen{grid-column:2;grid-row:1}.zen-pane-subtasks,.zen-pane-notes,.zen-pane-chat{grid-column:1;grid-row:1}.zen-panes.show-zen .zen-pane-subtasks,.zen-panes.show-subtasks .zen-pane-zen,.zen-panes.show-notes .zen-pane-notes,.zen-panes.show-notes .zen-pane-zen,.zen-panes.show-chat .zen-pane-chat,.zen-panes.show-chat .zen-pane-zen{display:block}}.view-title-row{display:flex;align-items:center;gap:8px}.view-title-row .topbar-btn{width:38px;height:38px;font-size:1.1rem}.zen-topbar .left-head-block>.view-sub,.zen-topbar .left-head-block>.view-desc,.zen-topbar .left-head-block>.head-badges,.zen-topbar .left-head-block>.section-label,.zen-topbar .left-head-block>.view-note{margin-left:46px}.zen-topbar .head-block .view-title{font-size:1.5rem;font-weight:900}.zen-topbar .head-block .view-title.view-muted{color:var(--text-muted);font-weight:500}.zen-topbar .head-block .view-sub{font-size:.95rem;font-weight:700;color:var(--text-primary)}.zen-topbar .head-block .view-title-row,.zen-topbar .head-block>.view-title{display:flex;align-items:center}.zen-topbar .head-block .view-sub{display:inline;margin-left:46px;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.zen-topbar .head-block .view-desc{display:inline;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-left:6px}.zen-topbar .left-head-block .view-desc:before{content:"|";margin-right:6px;color:var(--text-muted)}.zen-topbar .head-block .view-desc.view-muted{color:var(--text-muted);font-weight:500}.zen-topbar .head-block .head-badges{margin-top:8px}.zen-topbar .left-head-block .section-label{margin:12px 0 2px 46px;font-size:.68rem;letter-spacing:1.5px;color:var(--text-muted);opacity:.65}.zen-topbar .head-block .view-note{font-size:.75rem;line-height:1.45;color:var(--text-muted);opacity:.65;filter:brightness(.75)}.view-note{font-size:.8rem;line-height:1.4;color:var(--text-muted);margin-top:4px;filter:brightness(.75)}@media(min-width:1024px){.zen-panes{grid-template-columns:1fr 1fr;align-items:start}}.suggestion-chip{display:flex;align-items:center;gap:0;width:100%;text-align:left;padding:0 0 0 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:8px;min-height:44px;font-size:.88rem;line-height:1.4;color:var(--text-primary);cursor:default}.suggestion-chip .suggestion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-chip .plus{color:var(--app-accent-strong);font-size:1.1rem;flex:0 0 auto}.suggestion-add{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px 0 0;background:transparent;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:44px}.chip-remove{flex:0 0 auto;border:none;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:0 14px}.chip-remove:hover{color:var(--danger)}.suggestions-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 8px}.suggestions-head .section-label{margin:0}.ai-btn{background:none;border:none;padding:0;font:inherit;font-size:.78rem;font-weight:600;color:var(--app-accent-strong);cursor:pointer;white-space:nowrap}.ai-btn:hover:not(:disabled){text-decoration:underline}.ai-btn:disabled{color:var(--text-muted);cursor:default}.ai-btn.ai-failed{color:var(--danger)}.zen-subtask-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:0 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-bottom:8px;min-height:44px;font-size:.88rem;color:var(--text-primary);cursor:pointer;box-sizing:border-box}.zen-subtask-row:active{background:var(--bg-touch)}.zen-subtask-row .zen-subtask-check{color:var(--text-secondary);font-size:1rem;flex:0 0 auto}.zen-subtask-row.done .zen-subtask-check,.zen-subtask-row.done .zen-subtask-title{color:var(--text-muted)}.zen-subtask-row.done .zen-subtask-title{text-decoration:line-through}.zen-subtask-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band{background:var(--bg-muted);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);width:100vw;margin-inline:calc(50% - 50vw);margin-top:24px;padding:4px max(16px,calc((100vw - 1280px)/2)) 24px}.pane-split{display:grid;grid-template-columns:1fr;min-height:100%}.pane-left,.pane-right{min-width:0}@media(min-width:1024px){.pane-split{grid-template-columns:1fr 1fr;align-items:start}.pane-split>.pane-left{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:16px;align-self:stretch}.pane-split>.pane-right{--app-accent: #b3a49b;--app-accent-strong: #8d6e63;background:var(--bg-muted);border:1px solid var(--border-subtle);padding:16px;align-self:stretch}.dark-theme .pane-split>.pane-right{--app-accent: #64748b;--app-accent-strong: #94a3b8}.pane-split>.pane .section-label{margin-top:8px}.pane-split .band{width:auto;margin-inline:0;margin-top:0;border:none;padding:0;background:transparent}}@media(max-width:1023px){.viewtopbar-inner .right-head-block{display:none}.zen-topbar .viewtopbar-inner{grid-template-columns:1fr;gap:8px}.zen-topbar .viewtopbar-inner .right-head-block{display:none}.zen-topbar.zen-pane-active .viewtopbar-inner{grid-template-columns:1fr}.zen-topbar.zen-pane-active .viewtopbar-inner .left-head-block{display:none}.zen-topbar.zen-pane-active .viewtopbar-inner .right-head-block{display:block}.viewtopbar-inner.show-right .left-head-block{display:none}.viewtopbar-inner.show-right .right-head-block{display:block}.pane-split .pane-right,.pane-split.show-right .pane-left{display:none}.pane-split.show-right .pane-right{display:block}.pane-split{gap:0}.pane-split>.pane-left{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:16px}.pane-split>.pane-right{--app-accent: #b3a49b;--app-accent-strong: #8d6e63;background:var(--bg-muted);border:1px solid var(--border-subtle);padding:16px}.dark-theme .pane-split>.pane-right{--app-accent: #64748b;--app-accent-strong: #94a3b8}.pane-split .band{width:auto;margin-inline:0;margin-top:0;border:none;padding:0;background:transparent}}@media(min-width:1024px){.viewtopbar-inner.split{grid-template-columns:1fr 1fr;gap:0;padding-left:0;padding-right:0}.notes-panes .pane-right{display:flex;flex-direction:column;align-items:stretch;min-height:0}.viewtopbar-inner.split .head-block{padding-left:16px;padding-right:16px}.zen-topbar .right-head-block{display:none}.viewtopbar-inner{padding-left:max(16px,calc((100vw - 1280px)/2));padding-right:max(16px,calc((100vw - 1280px)/2))}.notes-topbar .viewtopbar-inner{padding-left:16px;padding-right:16px}.bottomnav{max-width:1280px;margin:0 auto;left:0;right:0;border-radius:0}}.toast{position:fixed;right:16px;bottom:84px;z-index:200;display:flex;align-items:center;gap:12px;max-width:min(90vw,420px);padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 30px #0000002e;animation:toast-in .25s ease-out;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-msg{flex:1;font-size:.85rem;color:var(--text-primary)}.toast-count{font-size:.8rem;font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:1.2em;text-align:center}.toast-action{flex:0 0 auto;pointer-events:auto}.confirm-backdrop{position:fixed;inset:0;background:#00000073;z-index:300;animation:fadeIn .18s ease-out}.confirm-dialog{position:fixed;left:0;right:0;bottom:0;max-height:88dvh;overflow-y:auto;background:var(--bg-surface);border-radius:20px 20px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));z-index:301;animation:slideUp .22s ease-out}.confirm-handle{width:40px;height:4px;border-radius:999px;background:var(--border-strong);margin:6px auto 14px}.confirm-msg{margin:0 0 20px;font-size:.95rem;line-height:1.5;color:var(--text-primary);white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-owners{margin:0 0 20px}.confirm-owner-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-secondary);margin:0 0 6px}.confirm-owner-select{width:100%;height:46px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);outline:none;appearance:auto}