.mag-dock-wrap{left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:var(--z-sticky);pointer-events:none;width:max-content;max-width:calc(100vw - 1.25rem);box-shadow:none;background:0 0;border:none;justify-content:center;padding:0;display:flex;position:fixed;overflow:visible;transform:translate(-50%)}.mag-dock-shell{pointer-events:auto;border-radius:var(--radius-lg,22px);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:fit-content;max-width:calc(100vw - 1rem);box-shadow:var(--shadow-lg);justify-content:center;display:inline-flex;overflow:visible}.mag-dock{justify-content:center;align-items:flex-end;gap:var(--mag-dock-gap,6px);width:max-content;max-width:100%;padding:var(--mag-dock-pad-y,8px) var(--mag-dock-pad-x,10px);border-radius:inherit;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border:none;transition:padding .45s cubic-bezier(.33,1,.68,1),gap .45s cubic-bezier(.33,1,.68,1);display:inline-flex;overflow:auto visible}.mag-dock.is-hovered{padding-top:calc(var(--mag-dock-lift,10px) + var(--mag-dock-pad-y-hover,14px));padding-bottom:var(--mag-dock-pad-y-hover,14px);padding-inline:calc(var(--mag-dock-pad-x-hover,16px) + var(--mag-dock-edge,8px));gap:var(--mag-dock-gap-hover,16px)}.mag-dock.is-reordering{transition:none}.mag-dock.is-reordering.is-hovered{gap:var(--mag-dock-gap,6px);padding-top:var(--mag-dock-pad-y,8px);padding-bottom:var(--mag-dock-pad-y,8px);padding-inline:var(--mag-dock-pad-x,10px)}.mag-dock-slot.is-reorder-shifting{will-change:transform;transition:transform .18s cubic-bezier(.33,1,.68,1)}.mag-dock::-webkit-scrollbar{display:none}.mag-dock-slot{flex-shrink:0;justify-content:center;align-items:flex-end;display:flex;overflow:visible}button.mag-dock-item{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:visible}button.mag-dock-item:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:14px}.mag-dock-item-inner{border-radius:var(--radius-sm,10px);border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, white 8%) 0%, color-mix(in srgb, var(--surface) 86%, transparent) 100%);width:100%;height:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:box-shadow .35s cubic-bezier(.33,1,.68,1),border-color .35s cubic-bezier(.33,1,.68,1),background .35s cubic-bezier(.33,1,.68,1);display:flex;position:relative;overflow:hidden}button.mag-dock-item.is-active .mag-dock-item-inner{border-color:color-mix(in srgb, var(--orange) 50%, var(--border-strong));background:color-mix(in srgb, var(--surface) 72%, var(--orange-muted))}button.mag-dock-item.is-hot .mag-dock-item-inner{border-color:color-mix(in srgb, var(--orange) 40%, var(--border-strong));box-shadow:0 6px 20px color-mix(in srgb, var(--orange) 18%, transparent)}button.mag-dock-item.is-sub .mag-dock-item-inner{background:color-mix(in srgb, var(--surface-2) 78%, transparent);border-radius:12px}button.mag-dock-item.is-sub .mag-dock-item-icon{opacity:.9}.mag-dock-item-icon{width:58%;height:58%;color:var(--text-secondary);pointer-events:none;justify-content:center;align-items:center;display:flex}.mag-dock-item-initials{min-width:1.5rem;font-family:var(--font);letter-spacing:.03em;color:inherit;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}button.mag-dock-item.is-sub .mag-dock-item-initials{font-size:.74rem}.mag-dock--todo .mag-dock-item-initials{font-size:.84rem}.mag-dock--todo button.mag-dock-item.is-sub .mag-dock-item-initials{font-size:.8rem}button.mag-dock-item.is-reorder-dragging{z-index:4;cursor:grabbing;transition:none}button.mag-dock-item.is-reorder-dragging .mag-dock-item-inner{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--orange) 35%, var(--border-strong))}button.mag-dock-item.is-active .mag-dock-item-icon,button.mag-dock-item.is-hot .mag-dock-item-icon{color:var(--orange)}.mag-dock-item-shine{pointer-events:none;opacity:.45;background:linear-gradient(135deg,#ffffff38 0%,#0000 52% 100%);transition:opacity .35s cubic-bezier(.33,1,.68,1);position:absolute;inset:0}button.mag-dock-item.is-hot .mag-dock-item-shine{opacity:.75}.mag-dock-item-dot{background:var(--orange);pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.mag-dock-item-badge{border-radius:var(--radius-pill);background:var(--red);color:#fff;min-width:18px;height:18px;font-family:var(--font);text-align:center;border:2px solid color-mix(in srgb, var(--surface) 92%, transparent);pointer-events:none;padding:0 5px;font-size:10px;font-weight:600;line-height:18px;position:absolute;top:-3px;right:-3px}.mag-dock-separator{width:1px;height:calc(var(--mag-icon-size,44px) - 12px);background:var(--border-strong);flex-shrink:0;align-self:center;margin:0 2px}.mag-dock-tooltip{z-index:calc(var(--z-toast) + 2);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:min(180px,100vw - 2rem);box-shadow:var(--shadow-md);border-radius:9px;padding:.3rem .65rem;font-size:.72rem;font-weight:500;position:fixed;overflow:hidden;transform:translate(-50%,-100%)}.mag-dock-wrap--todo{justify-content:center}.mag-dock-wrap--todo .mag-dock-shell{width:auto;max-width:calc(100vw - 1rem)}.mag-dock-wrap--todo .mag-dock.mag-dock--todo,.mag-dock-wrap--todo .mag-dock{justify-content:flex-start;gap:var(--mag-dock-gap,5px);border-color:var(--ui-alpha-2);width:max-content;max-width:calc(100vw - 1rem)}.mag-dock-wrap--todo .mag-dock.is-hovered{gap:var(--mag-dock-gap-hover,10px)}.mag-dock-wrap--todo button.mag-dock-item.is-sub .mag-dock-item-inner{border-color:var(--ui-alpha-2)}@media (max-width:640px){.mag-dock-shell{max-width:calc(100vw - .75rem)}.mag-dock{justify-content:flex-start}}
.app-sidebar-edge-trigger{z-index:calc(var(--z-sticky) + 2);pointer-events:auto;background:0 0;position:fixed;top:0;bottom:0}.app-sidebar-edge-trigger--left{left:0}.app-sidebar-edge-trigger--right{right:0}.app-sidebar-wrap{z-index:calc(var(--z-sticky) + 3);pointer-events:none;padding:var(--app-sidebar-offset,12px);align-items:stretch;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0}.app-sidebar-wrap--left{left:0}.app-sidebar-wrap--right{right:0}.app-sidebar-wrap.is-hidden{pointer-events:none}.app-sidebar-wrap--left.is-hidden{transform:translateX(calc(-100% - var(--app-sidebar-offset,12px)))}.app-sidebar-wrap--right.is-hidden{transform:translateX(calc(100% + var(--app-sidebar-offset,12px)))}.app-sidebar-wrap.is-visible{pointer-events:auto}@media (prefers-reduced-motion:reduce){.app-sidebar-wrap{transition:none}}.app-sidebar-wrap--in-flow{z-index:2;flex:0 0 var(--app-sidebar-effective-width,240px);width:var(--app-sidebar-effective-width,240px);pointer-events:auto;height:100%;min-height:0;padding:0;position:relative;inset:auto;transform:none}.app-sidebar-wrap--in-flow.is-hidden{display:none}.app-sidebar-wrap--in-flow .app-sidebar-panel{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:100%;box-shadow:none;border:none}.app-sidebar-wrap--in-flow-fixed.app-sidebar-wrap--left .app-sidebar-panel{border-radius:0 var(--app-sidebar-radius,22px) var(--app-sidebar-radius,22px) 0;border-right:1px solid var(--border)}.app-sidebar-wrap--in-flow-fixed.app-sidebar-wrap--right .app-sidebar-panel{border-radius:var(--app-sidebar-radius,22px) 0 0 var(--app-sidebar-radius,22px);border-left:1px solid var(--border)}.app-sidebar-wrap--in-flow-floating{flex:0 0 calc(var(--app-sidebar-effective-width,240px) + var(--app-sidebar-offset,12px) * 2);width:calc(var(--app-sidebar-effective-width,240px) + var(--app-sidebar-offset,12px) * 2);padding:var(--app-sidebar-offset,12px);box-sizing:border-box}.app-sidebar-wrap--in-flow-floating .app-sidebar-panel{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong)}.app-sidebar-wrap--in-flow-floating.app-sidebar-wrap--left .app-sidebar-panel,.app-sidebar-wrap--in-flow-floating.app-sidebar-wrap--right .app-sidebar-panel{border-radius:var(--app-sidebar-radius,22px)}@media (max-width:720px){.app-sidebar-wrap--in-flow{width:auto;z-index:calc(var(--z-sticky) + 3);flex:none;padding:0;position:fixed;top:0;bottom:0}.app-sidebar-wrap--in-flow.app-sidebar-wrap--left{left:0}.app-sidebar-wrap--in-flow.app-sidebar-wrap--right{right:0}.app-sidebar-wrap--in-flow .app-sidebar-panel{border:none;border-right:1px solid var(--border);max-width:min(85vw,280px);border-radius:0!important}.app-sidebar-wrap--in-flow.app-sidebar-wrap--right .app-sidebar-panel{border-right:none;border-left:1px solid var(--border)}}.app-sidebar-panel{pointer-events:auto;width:var(--app-sidebar-width,240px);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.app-sidebar-wrap--left .app-sidebar-panel{border-radius:0 var(--app-sidebar-radius,22px) var(--app-sidebar-radius,22px) 0}.app-sidebar-wrap--right .app-sidebar-panel{border-radius:var(--app-sidebar-radius,22px) 0 0 var(--app-sidebar-radius,22px)}.app-sidebar-panel.is-collapsed{width:var(--app-sidebar-collapsed-width,64px)}.app-sidebar-wrap--in-flow .app-sidebar-panel.is-collapsed{width:100%}@media (max-width:720px){.app-sidebar-wrap{padding:0}.app-sidebar-panel{max-width:min(85vw,280px);border-radius:0!important}.app-sidebar-wrap--left.is-hidden{transform:translate(-100%)}.app-sidebar-wrap--right.is-hidden{transform:translate(100%)}}.app-sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem .75rem;display:flex}.app-sidebar-panel.is-collapsed .app-sidebar-header{justify-content:center;padding-inline:.5rem}.app-sidebar-brand{font-family:var(--font);letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.app-sidebar-panel.is-collapsed .app-sidebar-brand{display:none}.app-sidebar-collapse-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.app-sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:color-mix(in srgb, var(--text-primary) 4%, transparent)}.app-sidebar-collapse-btn svg{display:block}.app-sidebar-nav{flex:1;min-height:0}.app-sidebar-nav .nx-scroll-area-viewport>div{flex-direction:column;gap:.15rem;padding:.5rem;display:flex}.app-sidebar-separator{background:var(--border);height:1px;margin:.35rem .5rem}.app-sidebar-item{width:100%;min-height:40px;color:var(--text-secondary);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.8125rem;font-weight:500;transition:color .18s,background .18s;display:flex;position:relative}.app-sidebar-panel.is-collapsed .app-sidebar-item{justify-content:center;padding-inline:.45rem}.app-sidebar-item:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 4%, transparent)}.app-sidebar-item.is-active{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 10%, transparent)}.app-sidebar-item.is-sub{min-height:36px;font-size:.75rem}.app-sidebar-item.is-sub:not(.is-collapsed-item){padding-left:1.35rem}.app-sidebar-item-icon{width:calc(var(--app-sidebar-icon-size,44px) * .55);height:calc(var(--app-sidebar-icon-size,44px) * .55);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-sidebar-item-icon .mag-dock-item-initials{font-size:.6875rem}.app-sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-sidebar-panel.is-collapsed .app-sidebar-item-label{display:none}.app-sidebar-item-badge{background:color-mix(in srgb, var(--accent) 14%, var(--surface-2));min-width:1.125rem;color:var(--text-primary);font-family:var(--font-mono,var(--font));text-align:center;border-radius:100px;flex-shrink:0;padding:.1rem .35rem;font-size:.625rem;font-weight:600;line-height:1.2}.app-sidebar-panel.is-collapsed .app-sidebar-item-badge{min-width:.875rem;padding:.05rem .2rem;font-size:.5625rem;position:absolute;top:.2rem;right:.2rem}.app-sidebar-backdrop{z-index:calc(var(--z-sticky) + 1);background:color-mix(in srgb, var(--bg) 40%, var(--ui-scrim-heavy));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s appSidebarBackdropIn;position:fixed;inset:0}@keyframes appSidebarBackdropIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-sidebar-backdrop{animation:none}}
.bookmarks-settings-preview-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);margin-top:16px;padding:20px}.bookmarks-settings-preview{min-height:168px;position:relative}.bookmarks-settings-preview--fan{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;padding-bottom:8px;padding-right:28px;display:flex}.bookmarks-settings-preview-fan-item{transform:translateX(calc(var(--fan-index,0) * 12px)) rotate(calc(var(--fan-index,0) * 2.4deg));transform-origin:100% 100%;align-items:center;gap:8px;display:flex}.bookmarks-settings-preview-pill{background:color-mix(in srgb, var(--text-primary) 88%, transparent);color:var(--bg);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:500}.bookmarks-settings-preview-icon{border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, white 10%) 0%, var(--bg) 100%);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:8px}.bookmarks-settings-preview-trigger{border:1px solid var(--border-strong);background:var(--surface);width:22px;height:22px;box-shadow:var(--shadow-sm);border-radius:6px;position:absolute;bottom:0;right:0}.bookmarks-settings-preview--grid{justify-content:center;align-items:flex-end;padding-bottom:8px;display:flex}.bookmarks-settings-preview-grid-row{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-sm);gap:12px;padding:12px 14px;display:flex}.bookmarks-settings-preview-grid-item{width:52px;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;font-size:10px;display:flex}.bookmarks-settings-preview-grid-item .bookmarks-settings-preview-icon{border-radius:10px;width:40px;height:40px}
.github-settings-input-row{gap:8px;width:100%;display:flex}.github-settings-input-row .widgets-setting-input{flex:1}.github-settings-preview{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;align-items:center;gap:14px;margin-top:16px;padding:14px;display:flex}.github-settings-preview-avatar{object-fit:cover;border:1px solid var(--border);border-radius:14px;flex-shrink:0;width:48px;height:48px}.github-settings-preview-copy{flex:1;min-width:0}.github-settings-preview-name{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.github-settings-preview-handle{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);margin:2px 0 0}.github-settings-preview-hint{color:var(--text-tertiary);margin:6px 0 0;font-size:12px;line-height:1.45}.github-settings-clear-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);display:flex}.github-settings-clear-btn:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 30%, var(--border));background:color-mix(in srgb, var(--red) 8%, transparent)}
.todo-kanban-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-tertiary) 55%, transparent) transparent;flex:1 1 0;width:100%;min-height:0;overflow:auto hidden}.todo-kanban-scroll::-webkit-scrollbar{height:6px}.todo-kanban-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-tertiary) 55%, transparent);border-radius:999px}.todo-kanban-board{--todo-column-min:160px;flex-flow:row;align-items:stretch;gap:.65rem;width:max-content;min-width:100%;height:100%;min-height:0;padding:.15rem 0 .35rem;display:flex}.todo-kanban-column-shell{flex:0 0 var(--todo-column-basis,var(--todo-column-width,272px));width:var(--todo-column-basis,var(--todo-column-width,272px));min-width:0;max-width:var(--todo-column-width,272px);height:100%;min-height:0;display:flex}.todo-kanban-column{border-radius:var(--radius-lg);border:1px solid var(--ui-alpha-2);background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;min-width:0;height:100%;min-height:0;max-height:100%;box-shadow:none;flex-direction:column;transition:border-color .25s cubic-bezier(.33,1,.68,1),background .25s cubic-bezier(.33,1,.68,1);display:flex;overflow:hidden}.todo-kanban-column.is-drop-target{border-color:color-mix(in srgb, var(--orange) 22%, var(--ui-alpha-2));background:color-mix(in srgb, var(--orange) 4%, var(--surface))}.todo-kanban-column.is-done-column .todo-kanban-column-header{border-bottom-color:var(--ui-alpha-2)}.todo-kanban-column-header{border-bottom:1px solid var(--ui-alpha-2);background:color-mix(in srgb, var(--surface-2) 80%, transparent);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .85rem;display:flex}.todo-kanban-column-title{text-align:left;letter-spacing:.1em;text-transform:uppercase;min-width:0;color:var(--text-secondary);cursor:default;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:600;font-family:var(--font);background:0 0;border:none;flex:1;padding:0;overflow:hidden}.todo-kanban-column-title-input{border:1px solid var(--border-strong);background:var(--surface);min-width:0;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600;font-family:var(--font);border-radius:6px;flex:1;padding:.25rem .4rem}.todo-kanban-column-badges{flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.todo-kanban-column-role{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--ui-alpha-2);padding:.12rem .38rem;font-size:.5625rem;font-weight:700}.todo-kanban-column-role.is-start{color:#86efac;background:#4ade801a;border-color:#4ade8033}.todo-kanban-column-role.is-done{color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, transparent);border-color:color-mix(in srgb, var(--orange) 24%, transparent)}.todo-kanban-column-percent{font-size:.625rem;font-weight:600;font-family:var(--font-mono);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.todo-kanban-column-count{font-size:.625rem;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-pill);background:var(--ui-alpha-2);border:1px solid var(--ui-alpha-2);font-variant-numeric:tabular-nums;padding:.15rem .45rem}.todo-kanban-column-body{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-tertiary) 45%, transparent) transparent;cursor:text;outline:none;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.todo-kanban-column-body::-webkit-scrollbar{width:5px}.todo-kanban-column-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-tertiary) 45%, transparent);border-radius:999px}.todo-kanban-column-body:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--orange) 20%, transparent)}.todo-kanban-column-cards{flex-direction:column;flex:none;gap:.5rem;padding:.55rem .55rem .25rem;display:flex}.todo-kanban-column-spacer{flex:auto;min-height:3rem}.todo-kanban-card-wrap{touch-action:none;flex-shrink:0}.todo-kanban-card{border-radius:var(--radius-md);border:1px solid var(--ui-alpha-2);background:color-mix(in srgb, var(--surface-2) 50%, var(--surface));box-shadow:none;cursor:default;will-change:transform;grid-template-columns:auto auto 1fr auto;align-items:start;gap:.45rem;padding:.65rem .55rem;display:grid;position:relative}.todo-kanban-card.is-editing{border-color:color-mix(in srgb, var(--orange) 28%, var(--ui-alpha-2));background:var(--surface)}.todo-kanban-card.is-overlay{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--orange) 30%, var(--ui-alpha-2));background:var(--surface);rotate:1deg}.todo-kanban-card.is-done{opacity:.82}.todo-kanban-card-grip{width:1.125rem;height:1.125rem;color:var(--text-tertiary);cursor:grab;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-top:.1rem;transition:color .2s,background .2s;display:flex}.todo-kanban-card-grip:hover{color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 80%, black)}.todo-kanban-card-grip:active{cursor:grabbing}.todo-kanban-checkbox{margin-top:.05rem}.todo-kanban-card-body{min-width:0}.todo-kanban-card-title{color:var(--text-primary);word-break:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.todo-kanban-card-placeholder{color:var(--text-tertiary);font-style:italic}.todo-kanban-card-edit{border:1px solid var(--ui-alpha-3);background:var(--surface);width:100%;color:var(--text-primary);font-size:inherit;font-family:var(--font);border-radius:6px;outline:none;padding:.2rem .35rem;font-weight:500;line-height:1.4}.todo-kanban-card-edit:focus{border-color:color-mix(in srgb, var(--orange) 35%, var(--ui-alpha-3));box-shadow:0 0 0 2px color-mix(in srgb, var(--orange) 12%, transparent)}.todo-kanban-card.is-done .todo-kanban-card-title{color:var(--text-tertiary);text-decoration:line-through}.todo-kanban-card-meta{font-size:var(--todo-font-size-meta,10px);font-family:var(--font-mono);color:var(--text-tertiary);margin-top:.25rem;display:inline-block}.todo-kanban-card-actions{align-items:center;gap:2px;display:flex}.todo-kanban-card-edit-btn,.todo-kanban-card-delete{width:1.375rem;height:1.375rem;color:var(--text-tertiary);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.todo-kanban-card:hover .todo-kanban-card-edit-btn,.todo-kanban-card:hover .todo-kanban-card-delete,.todo-kanban-card.is-editing .todo-kanban-card-delete{opacity:1}.todo-kanban-card-edit-btn:hover{background:color-mix(in srgb, var(--blue) 12%, transparent);color:var(--blue)}.todo-kanban-card-delete:hover{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}.todo-app-modal-overlay{z-index:var(--z-modal);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.todo-app-modal{border-radius:var(--radius-lg);border:1px solid var(--ui-alpha-3);background:var(--surface);width:min(28rem,100vw - 2rem);max-height:min(80vh,540px);box-shadow:var(--shadow-lg);font-family:var(--font);flex-direction:column;padding:1.25rem;animation:.3s ease-out slideUp;display:flex}.todo-app-modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.todo-app-modal-header h3{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.todo-app-modal-close{border:1px solid var(--border);background:var(--surface-2);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.todo-app-modal-close:hover{color:var(--text-primary);border-color:var(--border-strong)}.todo-column-manager--wide{flex-direction:column;width:min(52rem,100vw - 1.5rem);max-width:min(52rem,100vw - 1.5rem);min-height:min(28rem,72vh);padding:1.35rem 1.5rem 1.25rem;display:flex}.todo-column-manager-content--embedded .todo-column-manager-subtitle{margin:0 0 .75rem}.todo-column-manager-content--embedded .todo-column-manager-list{max-height:min(36vh,320px);margin-bottom:.85rem}.todo-column-manager-content--embedded .todo-column-manager-footer{border-top:none;padding-top:0}.todo-column-manager-subtitle{color:var(--text-secondary);margin:.2rem 0 0;font-size:.75rem;line-height:1.45}.todo-column-manager-row.is-locked{opacity:.92;background:color-mix(in srgb, var(--surface) 88%, transparent)}.todo-column-manager-lock{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.todo-column-manager-locked-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);border-radius:var(--radius-pill);border:1px solid var(--ui-alpha-2);justify-self:end;padding:.2rem .45rem;font-size:.625rem;font-weight:700}.todo-column-manager-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:.5rem;min-height:0;max-height:min(46vh,380px);margin-bottom:1rem;display:flex;overflow-y:auto}.todo-column-manager-row{border-radius:var(--radius-sm);border:1px solid var(--ui-alpha-2);background:color-mix(in srgb, var(--surface-2) 92%, transparent);grid-template-columns:1.5rem 1fr 2rem;align-items:center;gap:.55rem;padding:.45rem .35rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.todo-column-manager-row.is-locked{grid-template-columns:1.5rem 1fr auto}.todo-column-manager-row.is-dragging{opacity:.55;border-color:color-mix(in srgb, var(--orange) 35%, var(--ui-alpha-2))}.todo-column-manager-grip{color:var(--text-tertiary);cursor:grab;display:flex}.todo-column-manager-percent{justify-self:start;align-items:center;gap:.15rem;display:inline-flex}.todo-column-manager-percent-input{border:1px solid var(--border);background:var(--surface);width:3.1rem;color:var(--text-primary);font-size:.8125rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;border-radius:8px;padding:.4rem .45rem}.todo-column-manager-percent-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 10%, transparent);outline:none}.todo-column-manager-percent-suffix{color:var(--text-tertiary);font-size:.75rem}.todo-column-manager-role{border:1px solid var(--ui-alpha-2);background:var(--ui-alpha-1);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;font-size:.6875rem;font-weight:600;font-family:var(--font);border-radius:8px;justify-self:stretch;padding:.38rem .45rem;transition:all .2s}.todo-column-manager-role:hover{color:var(--text-primary);border-color:var(--border-strong)}.todo-column-manager-role.is-active.is-start{color:#86efac;background:#4ade801f;border-color:#4ade8047}.todo-column-manager-role.is-active.is-done{color:var(--orange);background:color-mix(in srgb, var(--orange) 14%, transparent);border-color:color-mix(in srgb, var(--orange) 30%, transparent)}.todo-column-manager-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-primary);font-size:.8125rem;font-family:var(--font);border-radius:8px;padding:.45rem .55rem}.todo-column-manager-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--orange) 10%, transparent);outline:none}.todo-column-manager-delete{width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.todo-column-manager-delete:hover:not(:disabled){background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red)}.todo-column-manager-delete:disabled{opacity:.35;cursor:not-allowed}.todo-column-manager-footer{border-top:1px solid var(--ui-alpha-2);flex-direction:column;gap:.85rem;margin-top:auto;padding-top:.85rem;display:flex}.todo-column-manager-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.todo-column-manager-total-wrap{align-items:center;gap:.55rem;display:inline-flex}.todo-column-manager-equalize{border-radius:var(--radius-pill);border:1px solid var(--ui-alpha-3);color:var(--text-secondary);cursor:pointer;font-size:.6875rem;font-weight:600;font-family:var(--font);background:0 0;padding:.32rem .55rem;transition:all .2s}.todo-column-manager-equalize:hover{color:var(--orange);border-color:color-mix(in srgb, var(--orange) 28%, transparent);background:color-mix(in srgb, var(--orange) 8%, transparent)}.todo-column-manager-total{font-size:.75rem;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);border:1px solid var(--ui-alpha-2);padding:.35rem .6rem}.todo-column-manager-total.is-valid{color:#86efac;background:#4ade8014;border-color:#4ade8038}.todo-column-manager-total.is-invalid{color:#fca5a5;background:#f8717114;border-color:#f8717138}.todo-column-manager-layout{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.todo-column-manager-slider{min-width:min(100%,14rem);color:var(--text-secondary);flex:14rem;align-items:center;gap:.55rem;font-size:.75rem;display:inline-flex}.todo-column-manager-slider label{white-space:nowrap;min-width:5.5rem}.todo-column-manager-slider .todo-customize-range{flex:1}.todo-column-manager-slider span:last-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--orange);text-align:right;min-width:2.8rem}.todo-column-manager-add{align-items:center;gap:.5rem;display:flex}.todo-column-manager-add-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-size:.8125rem;font-family:var(--font);flex:1;padding:.55rem .65rem}.todo-column-manager-add-input:focus{border-color:var(--border-strong);outline:none}.todo-column-manager-add-btn{white-space:nowrap;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);cursor:pointer;font-size:.8125rem;font-family:var(--font);align-items:center;gap:.35rem;padding:.5rem .75rem;transition:opacity .2s;display:inline-flex}.todo-column-manager-add-btn:hover{opacity:.88}.todo-customize-modal.todo-app-modal{max-width:26rem}.todo-customize-desc{color:var(--text-secondary);margin:0 0 1rem;font-size:.75rem;line-height:1.5}.todo-customize-body{scrollbar-width:thin;scrollbar-color:var(--ui-alpha-4) transparent;flex-direction:column;gap:.85rem;max-height:min(52vh,360px);margin-bottom:1rem;display:flex;overflow-y:auto}.todo-customize-section{flex-direction:column;gap:.85rem;display:flex}.todo-customize-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.6875rem;font-weight:600}.todo-customize-divider{background:var(--ui-alpha-2);flex-shrink:0;height:1px}.todo-customize-field{flex-direction:column;gap:.45rem;display:flex}.todo-customize-field-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.todo-customize-field-header label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.todo-customize-field-value{color:var(--orange);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.todo-customize-range{appearance:none;width:100%;height:4px;accent-color:var(--orange);background:color-mix(in srgb, var(--text-primary) 14%, transparent);border:1px solid var(--border);cursor:pointer;border-radius:999px}.todo-customize-range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text-primary) 14%, transparent);border-radius:999px;height:4px}.todo-customize-range::-moz-range-track{background:color-mix(in srgb, var(--text-primary) 14%, transparent);border:none;border-radius:999px;height:4px}.todo-customize-range::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2px solid var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-6px}.todo-customize-range::-moz-range-thumb{background:var(--orange);border:2px solid var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.todo-customize-reset{border-radius:var(--radius-sm);border:1px solid var(--ui-alpha-3);background:var(--surface-2);width:100%;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font);justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;transition:all .2s;display:inline-flex}.todo-customize-reset:hover{color:var(--text-primary);border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-2) 80%, var(--orange-muted))}.todo-recycle-bin{max-width:30rem}.todo-recycle-bin-desc{color:var(--text-secondary);margin:0 0 1rem;font-size:.75rem;line-height:1.5}.todo-recycle-bin-empty{border-radius:var(--radius-sm);border:1px dashed var(--ui-alpha-3);background:var(--ui-alpha-1);min-height:8rem;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:.8125rem;display:flex}.todo-recycle-bin-list--panel{max-height:min(28rem,50vh);overflow-y:auto}.todo-recycle-bin-list{flex-direction:column;gap:.45rem;max-height:min(50vh,340px);margin-bottom:.85rem;display:flex;overflow-y:auto}.todo-recycle-bin-row{border-radius:var(--radius-sm);border:1px solid var(--ui-alpha-2);background:var(--surface-2);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.todo-recycle-bin-row-main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.todo-recycle-bin-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.todo-recycle-bin-meta{color:var(--text-tertiary);font-size:.6875rem}.todo-recycle-bin-actions{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.todo-recycle-bin-btn{border:1px solid var(--ui-alpha-3);color:var(--text-secondary);cursor:pointer;font-size:.6875rem;font-weight:600;font-family:var(--font);background:0 0;border-radius:8px;align-items:center;gap:.3rem;padding:.38rem .55rem;transition:all .2s;display:inline-flex}.todo-recycle-bin-btn--restore:hover{color:#86efac;background:#4ade8014;border-color:#4ade8047}.todo-recycle-bin-btn--purge{padding:.38rem}.todo-recycle-bin-btn--purge:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 28%, transparent);background:color-mix(in srgb, var(--red) 10%, transparent)}.todo-recycle-bin-empty-all{border-radius:var(--radius-sm);border:1px solid var(--ui-alpha-3);background:var(--surface-2);width:100%;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font);justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;transition:all .2s;display:inline-flex}.todo-recycle-bin-empty-all:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 24%, transparent)}@media (max-width:640px){.todo-kanban-board{--todo-column-min:120px}.todo-column-manager--wide{width:calc(100vw - 1rem);min-height:auto;padding:1rem}.todo-column-manager-footer{gap:.75rem}}
.app-settings-overlay{z-index:calc(var(--z-modal) + 12);background:color-mix(in srgb, var(--bg) 35%, var(--ui-scrim-heavy));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;justify-content:flex-end;align-items:stretch;animation:.22s cubic-bezier(.4,0,.2,1) appSettingsFadeIn;display:flex;position:fixed;inset:0}@keyframes appSettingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appSettingsSlideInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.app-settings-shell{--settings-accent:var(--accent);--settings-accent-muted:color-mix(in srgb, var(--accent) 14%, transparent);--settings-accent-border:color-mix(in srgb, var(--accent) 28%, var(--border-strong));--settings-accent-glow:color-mix(in srgb, var(--accent) 22%, transparent);border-left:1px solid var(--settings-accent-border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 88%, var(--accent) 12%) 0%, var(--surface) 28%, color-mix(in srgb, var(--surface) 96%, var(--bg) 4%) 100%);width:min(720px,100vw);height:100vh;max-height:100vh;box-shadow:-1px 0 0 color-mix(in srgb, var(--accent) 10%, transparent), -20px 0 60px #00000047, -4px 0 24px #00000024;isolation:isolate;flex-shrink:0;animation:.28s cubic-bezier(.22,1,.36,1) appSettingsSlideInRight;display:flex;position:relative;overflow:hidden}.app-settings-shell:before{content:"";background:radial-gradient(ellipse 90% 55% at 100% -5%, var(--settings-accent-glow), transparent 58%), radial-gradient(ellipse 50% 40% at 0% 100%, color-mix(in srgb, var(--text-primary) 3%, transparent), transparent 62%);pointer-events:none;z-index:0;position:absolute;inset:0}.app-settings-shell>*{z-index:1;position:relative}.app-settings-shell[data-section-tone=violet]{--settings-accent:#9b8cf0}.app-settings-shell[data-section-tone=blue]{--settings-accent:#6ba8f0}.app-settings-shell[data-section-tone=green]{--settings-accent:#5cb87a}.app-settings-shell[data-section-tone=amber],.app-settings-shell[data-section-tone=orange]{--settings-accent:var(--orange)}.app-settings-shell[data-section-tone=cyan]{--settings-accent:#58c4cd}.app-settings-shell[data-section-tone=rose]{--settings-accent:#e07a96}.app-settings-shell[data-section-tone=indigo]{--settings-accent:#7a8ee8}.app-settings-sidebar{border-right:1px solid color-mix(in srgb, var(--border) 80%, var(--settings-accent) 20%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, var(--settings-accent) 8%) 0%, color-mix(in srgb, var(--surface-2) 96%, var(--bg) 4%) 100%);flex-direction:column;flex:0 0 252px;min-height:0;padding:18px 0 14px;display:flex}.app-settings-sidebar-head{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 14px;display:flex}.app-settings-sidebar-title{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:16px;font-weight:600}.app-settings-search{border:1px solid color-mix(in srgb, var(--border) 75%, var(--settings-accent) 25%);background:color-mix(in srgb, var(--surface) 82%, var(--settings-accent) 18%);height:36px;color:var(--text-tertiary);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:8px;margin:0 14px 14px;padding:0 12px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.app-settings-search:focus-within{border-color:var(--settings-accent-border);box-shadow:var(--shadow-sm), 0 0 0 3px var(--settings-accent-muted)}.app-settings-search input{min-width:0;color:var(--text-primary);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:13px}.app-settings-search input::placeholder{color:var(--text-tertiary)}.app-settings-nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-tertiary) 45%, transparent) transparent;flex:1 1 0;min-height:0;padding:0 10px 10px;overflow-y:auto}.app-settings-nav-section+.app-settings-nav-section{margin-top:16px}.app-settings-nav-section-label{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--text-tertiary) 88%, var(--settings-accent) 12%);margin:0 0 8px;padding:0 10px;font-size:10px;font-weight:600}.app-settings-nav-list{flex-direction:column;gap:4px;display:flex}.app-settings-nav-empty{border:1px dashed var(--border);color:var(--text-tertiary);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:12px;margin:8px;padding:14px 12px;font-size:12px;line-height:1.45}.app-settings-nav-item{width:100%;color:var(--text-secondary);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 10px;transition:color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex}.app-settings-nav-item:hover{background:color-mix(in srgb, var(--surface) 55%, var(--settings-accent) 45%);border-color:color-mix(in srgb, var(--border) 70%, var(--settings-accent) 30%);transform:translate(2px)}.app-settings-nav-item.is-active{background:color-mix(in srgb, var(--surface) 78%, var(--settings-accent) 22%);border-color:color-mix(in srgb, var(--settings-accent) 35%, var(--border));box-shadow:var(--shadow-sm), inset 3px 0 0 var(--settings-accent);color:var(--text-primary)}.app-settings-nav-icon{width:30px;height:30px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-settings-nav-icon--violet{background:color-mix(in srgb, #7c6adb 22%, var(--surface));color:#b4a8f5}.app-settings-nav-icon--blue{background:color-mix(in srgb, #4a8fe7 22%, var(--surface));color:#8ec0f7}.app-settings-nav-icon--green{background:color-mix(in srgb, #3d9a62 22%, var(--surface));color:#7fd099}.app-settings-nav-icon--amber{background:color-mix(in srgb, var(--orange) 22%, var(--surface));color:color-mix(in srgb, var(--orange) 78%, white)}.app-settings-nav-icon--cyan{background:color-mix(in srgb, #3aaeb8 22%, var(--surface));color:#7ad8df}.app-settings-nav-icon--rose{background:color-mix(in srgb, #d06080 22%, var(--surface));color:#ef9cb0}.app-settings-nav-icon--orange{background:color-mix(in srgb, var(--orange) 20%, var(--surface));color:color-mix(in srgb, var(--orange) 80%, white)}.app-settings-nav-icon--indigo{background:color-mix(in srgb, #5a6fd6 22%, var(--surface));color:#9aaaf0}.app-settings-nav-icon--slate{background:color-mix(in srgb, var(--text-tertiary) 18%, var(--surface));color:var(--text-secondary)}.app-settings-nav-item.is-active .app-settings-nav-icon{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text-primary) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--settings-accent) 25%, transparent)}.app-settings-nav-copy{flex-direction:column;gap:2px;min-width:0;padding-top:2px;display:flex}.app-settings-nav-label{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.app-settings-nav-desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.app-settings-nav-item.is-active .app-settings-nav-desc{color:var(--text-secondary)}.app-settings-close--sidebar{border-radius:10px;width:30px;height:30px}.app-settings-main{background:0 0;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.app-settings-main-header{border-bottom:1px solid color-mix(in srgb, var(--border) 82%, var(--settings-accent) 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, var(--settings-accent) 28%) 0%, color-mix(in srgb, var(--surface) 94%, transparent) 100%);flex-shrink:0;padding:20px 22px 16px}.app-settings-main-header-inner{align-items:flex-start;gap:14px;display:flex}.app-settings-main-icon{border-radius:14px;flex-shrink:0;width:42px;height:42px}.app-settings-main-icon svg{width:18px;height:18px}.app-settings-main-header-copy{min-width:0}.app-settings-main-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--settings-accent) 72%, var(--text-tertiary) 28%);margin:0 0 4px;font-size:10px;font-weight:600}.app-settings-main-header h2{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.15}.app-settings-main-header p{color:var(--text-secondary);max-width:42ch;margin:6px 0 0;font-size:13px;line-height:1.5}.app-settings-close{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.app-settings-close:hover{color:var(--text-primary);border-color:var(--settings-accent-border);background:color-mix(in srgb, var(--settings-accent) 10%, var(--surface));transform:translateY(-1px)}.app-settings-content{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-tertiary) 45%, transparent) transparent;flex:1 1 0;min-height:0;padding:18px 22px 32px;overflow-y:auto}.app-settings-section{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 84%, var(--settings-accent) 16%);background:linear-gradient(160deg, color-mix(in srgb, var(--surface) 90%, var(--settings-accent) 10%) 0%, color-mix(in srgb, var(--surface-2) 55%, var(--surface) 45%) 100%);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:18px}.app-settings-section:last-child{margin-bottom:0}.app-settings-section-title{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--text-tertiary) 80%, var(--settings-accent) 20%);margin:0 0 12px;font-size:11px;font-weight:600}.app-settings-section-desc{color:var(--text-secondary);margin:-4px 0 14px;font-size:13px;line-height:1.5}.app-settings-section .app-settings-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:18px;padding:0}.app-settings-section .app-settings-section:last-child{margin-bottom:0}.app-settings-section .app-settings-section .app-settings-section-title{border-top:1px solid color-mix(in srgb, var(--border) 88%, transparent);margin-top:4px;padding-top:14px}.app-settings-section .app-settings-section:first-of-type .app-settings-section-title{border-top:none;margin-top:0;padding-top:0}.app-settings-mode-toggle{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--border) 78%, var(--settings-accent) 22%);background:color-mix(in srgb, var(--surface-2) 80%, var(--surface) 20%);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--bg) 12%, transparent);gap:2px;padding:3px;display:inline-flex}.app-settings-mode-btn{border-radius:var(--radius-pill);color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:.45rem 1rem;font-size:13px;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.app-settings-mode-btn:hover:not(.is-active){color:var(--text-primary);background:color-mix(in srgb, var(--surface) 60%, transparent)}.app-settings-mode-btn.is-active{color:var(--text-primary);background:var(--surface);box-shadow:var(--shadow-sm)}.app-settings-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-settings-preset-card{border:1px solid color-mix(in srgb, var(--border) 82%, var(--settings-accent) 18%);background:linear-gradient(155deg, color-mix(in srgb, var(--surface) 92%, var(--settings-accent) 8%) 0%, var(--surface-2) 100%);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:flex}.app-settings-preset-card:hover{border-color:var(--settings-accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-settings-preset-card.is-active{border-color:color-mix(in srgb, var(--settings-accent) 55%, var(--border-strong));background:color-mix(in srgb, var(--settings-accent) 8%, var(--surface));box-shadow:var(--shadow-md), 0 0 0 1px color-mix(in srgb, var(--settings-accent) 35%, transparent)}.app-settings-preset-swatches{background:color-mix(in srgb, var(--bg) 18%, transparent);height:34px;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--bg) 35%, transparent);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;padding:3px;display:grid;overflow:hidden}.app-settings-preset-swatch{border-radius:6px;min-height:100%}.app-settings-preset-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.app-settings-color-row{border-bottom:1px solid color-mix(in srgb, var(--border) 88%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.app-settings-color-row:last-child{border-bottom:none}.app-settings-color-label{color:var(--text-primary);font-size:13px}.app-settings-color-input-wrap{align-items:center;gap:.55rem;display:inline-flex}.app-settings-color-input{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;width:38px;height:30px;box-shadow:var(--shadow-sm);border-radius:10px;padding:2px}.app-settings-color-hex{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;min-width:4.5rem;font-size:11px}.app-settings-range-row{border-bottom:1px solid color-mix(in srgb, var(--border) 88%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.app-settings-range-row input[type=range]{max-width:12rem;accent-color:var(--settings-accent);flex:1}.app-settings-range-value{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;min-width:2.5rem;font-size:11px}.app-settings-action-row{border-bottom:1px solid color-mix(in srgb, var(--border) 88%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.app-settings-action-row:last-child{border-bottom:none}.app-settings-action-copy{min-width:0}.app-settings-action-copy strong{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.app-settings-action-copy span{color:var(--text-secondary);margin-top:.25rem;font-size:12px;display:block}.app-settings-btn{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--border-strong) 82%, var(--settings-accent) 18%);background:color-mix(in srgb, var(--surface-2) 88%, var(--surface) 12%);color:var(--text-primary);font-family:var(--font);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:.45rem;padding:.52rem .95rem;font-size:13px;font-weight:500;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.app-settings-btn:hover{border-color:var(--settings-accent-border);background:color-mix(in srgb, var(--settings-accent) 12%, var(--surface-2));box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-settings-btn--ghost{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:none}.app-settings-btn--ghost:hover{box-shadow:var(--shadow-sm)}.app-settings-btn--danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 28%, var(--border))}.app-settings-btn--danger:hover{background:color-mix(in srgb, var(--red) 10%, transparent)}.app-settings-toolbar{border:1px solid color-mix(in srgb, var(--border) 84%, var(--settings-accent) 16%);background:color-mix(in srgb, var(--surface) 78%, var(--settings-accent) 22%);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:1.1rem;padding:12px 14px;display:flex}.app-settings-shortcut-row{border-bottom:1px solid color-mix(in srgb, var(--border) 88%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.app-settings-shortcut-row:last-child{border-bottom:none}.app-settings-shortcut-row span:last-child{color:var(--text-secondary);font-size:13px}.app-settings-kbd{border:1px solid color-mix(in srgb, var(--border-strong) 80%, var(--settings-accent) 20%);background:color-mix(in srgb, var(--surface-2) 82%, var(--settings-accent) 18%);box-shadow:var(--shadow-sm), inset 0 -1px 0 color-mix(in srgb, var(--bg) 18%, transparent);font-family:var(--font-mono);color:var(--text-primary);border-radius:8px;align-items:center;padding:.32rem .58rem;font-size:11px;font-weight:500;display:inline-flex}@media (max-width:720px){.app-settings-shell{flex-direction:column;width:min(100vw,420px)}.app-settings-sidebar{border-right:none;border-bottom:1px solid var(--border);flex:none;max-height:42vh;padding-bottom:8px}.app-settings-nav-desc{-webkit-line-clamp:1}.app-settings-main-header{padding:14px 14px 12px}.app-settings-content{padding:14px 14px 24px}.app-settings-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.widgets-settings{flex-direction:column;gap:.85rem;display:flex}.widgets-settings-toolbar{justify-content:flex-end;display:flex}.widgets-settings-reset{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-family:var(--font);cursor:pointer;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.8125rem;font-weight:500;transition:border-color .18s,background .18s;display:inline-flex}.widgets-settings-reset:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-strong));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}.widgets-setting-action-btn{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font-family:var(--font);cursor:pointer;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:border-color .18s,background .18s,opacity .18s;display:inline-flex}.widgets-setting-action-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 35%, var(--border-strong));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.widgets-setting-action-btn:disabled{opacity:.45;cursor:not-allowed}.widgets-settings-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 55%, var(--surface));border-radius:14px;padding:.85rem .95rem}.widgets-settings-block-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.widgets-settings-block-head .widgets-settings-heading{margin-bottom:.25rem}.widgets-settings-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin:0 0 .65rem;font-size:.6875rem;font-weight:600}.widgets-settings-subheading{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.45}.widgets-settings-subsection{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin:.85rem 0 .45rem;font-size:.625rem;font-weight:600}.widgets-settings-reset--inline{flex-shrink:0;padding:.38rem .65rem;font-size:.75rem}.widgets-setting-row--variant{grid-template-columns:1fr;gap:.5rem}.widgets-variant-picker{flex-wrap:wrap;gap:.35rem;display:flex}.widgets-variant-picker-btn{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);font-family:var(--font);cursor:pointer;padding:.35rem .65rem;font-size:.6875rem;font-weight:600;transition:border-color .18s,background .18s,color .18s}.widgets-variant-picker-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-strong));color:var(--text-primary)}.widgets-variant-picker-btn.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text-primary)}.widgets-preview-wrap--eye{pointer-events:none;min-height:5.5rem;margin-bottom:.35rem}.todo-sound-upload-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.dock-settings-preview{flex-direction:column;gap:.65rem;display:flex}.dock-settings-preview-hint{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.45}.dock-settings-preview-stage{border:1px dashed color-mix(in srgb, var(--border-strong) 85%, transparent);background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:12px;justify-content:center;align-items:flex-end;min-height:7.5rem;padding:1.35rem 1rem .85rem;display:flex;position:relative;overflow:visible}.dock-settings-preview-stage .mag-dock-wrap{pointer-events:auto;width:100%;max-width:100%;padding:0;position:relative;inset:auto;transform:none}.dock-settings-preview-stage .mag-dock-shell{max-width:100%}.nav-sidebar-settings-preview{flex-direction:column;gap:.65rem;display:flex}.nav-sidebar-settings-preview-stage{border:1px dashed color-mix(in srgb, var(--border-strong) 85%, transparent);background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:12px;min-height:11rem;padding:1rem;position:relative;overflow:hidden}.nav-sidebar-settings-preview-stage--left{justify-content:flex-start;align-items:stretch;display:flex}.nav-sidebar-settings-preview-stage--right{justify-content:flex-end;align-items:stretch;display:flex}.nav-sidebar-settings-preview-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;gap:.25rem;padding:.65rem;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-sidebar-settings-preview-panel.is-collapsed{align-items:center}.nav-sidebar-settings-preview-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:.55rem;padding:.45rem .55rem;font-size:.8125rem;font-weight:500;display:flex}.nav-sidebar-settings-preview-item.is-active{background:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary)}.nav-sidebar-settings-preview-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.widgets-setting-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(7.5rem,1fr) minmax(0,1.6fr);align-items:center;gap:.75rem;padding:.62rem 0;display:grid}.widgets-setting-row:last-child{border-bottom:none;padding-bottom:0}.widgets-setting-row--toggle,.widgets-setting-row--action{grid-template-columns:1fr auto}.widgets-setting-label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.widgets-setting-control{align-items:center;gap:.65rem;min-width:0;display:flex}.widgets-setting-range{appearance:none;min-width:0;height:6px;accent-color:var(--accent);background:color-mix(in srgb, var(--text-primary) 14%, transparent);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex:1}.widgets-setting-range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text-primary) 14%, transparent);border-radius:999px;height:6px}.widgets-setting-range::-moz-range-track{background:color-mix(in srgb, var(--text-primary) 14%, transparent);border:none;border-radius:999px;height:6px}.widgets-setting-range::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%;margin-top:-5px}.widgets-setting-range::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);width:14px;height:14px;box-shadow:var(--shadow-sm);border-radius:50%}.widgets-setting-value{border:1px solid var(--border);background:color-mix(in srgb, var(--text-primary) 4%, transparent);min-width:3.1rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:center;border-radius:8px;flex-shrink:0;padding:.22rem .45rem;font-size:.75rem;font-weight:600}.widgets-setting-value--hex{min-width:4.2rem}.widgets-setting-color-wrap{justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:inline-flex}.widgets-setting-color{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:8px;width:34px;height:28px;padding:0}.widgets-setting-auto-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:8px;padding:.28rem .55rem;font-size:.6875rem;font-weight:600;transition:border-color .18s,background .18s}.widgets-setting-auto-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-strong));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.widgets-setting-copy strong{color:var(--text-primary);font-size:.8125rem;font-weight:600;display:block}.widgets-setting-copy span{color:var(--text-secondary);margin-top:.15rem;font-size:.6875rem;line-height:1.4;display:block}.widgets-setting-toggle{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--text-primary) 8%, transparent);cursor:pointer;border-radius:999px;width:42px;height:24px;padding:0;transition:background .2s,border-color .2s;position:relative}.widgets-setting-toggle.is-on{background:color-mix(in srgb, var(--accent) 75%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong))}.widgets-setting-toggle-thumb{background:var(--text-primary);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.widgets-setting-toggle.is-on .widgets-setting-toggle-thumb{background:var(--surface);transform:translate(18px)}.widgets-preview-wrap{border:1px dashed color-mix(in srgb, var(--border-strong) 85%, transparent);background:color-mix(in srgb, var(--bg) 35%, transparent);border-radius:12px;justify-content:center;align-items:center;padding:1.35rem 1rem;display:flex}@media (max-width:720px){.widgets-setting-row{grid-template-columns:1fr;gap:.45rem}.widgets-setting-control,.widgets-setting-color-wrap{justify-content:flex-start}.widgets-setting-action-btn{justify-self:flex-start}}.app-settings-section-desc{font-family:var(--font);color:var(--text-secondary);margin:-.35rem 0 .85rem;font-size:13px;line-height:1.5}.app-settings-bg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-settings-bg-card{border:1px solid color-mix(in srgb, var(--border) 82%, var(--settings-accent) 18%);background:color-mix(in srgb, var(--surface) 90%, var(--settings-accent) 10%);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex}.app-settings-bg-card:hover{border-color:var(--settings-accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.app-settings-bg-card.is-active{border-color:color-mix(in srgb, var(--settings-accent) 52%, var(--border));background:color-mix(in srgb, var(--settings-accent) 8%, var(--surface));box-shadow:var(--shadow-md), 0 0 0 1px color-mix(in srgb, var(--settings-accent) 30%, transparent)}.app-settings-bg-thumb{aspect-ratio:16/10;background-position:50%;background-size:cover;background-color:var(--surface-2);width:100%;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--bg) 28%, transparent);border-radius:10px;display:block}.app-settings-bg-name{font-family:var(--font);color:var(--text-primary);text-align:left;padding:0 2px 2px;font-size:12px;font-weight:500}.app-settings-font-grid{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.app-settings-font-chip{appearance:none;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--border) 82%, var(--settings-accent) 18%);background:color-mix(in srgb, var(--surface-2) 86%, var(--surface) 14%);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);padding:9px 14px;font-size:13px;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.app-settings-font-chip:hover{border-color:var(--settings-accent-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.app-settings-font-chip.is-active{border-color:color-mix(in srgb, var(--settings-accent) 50%, var(--border));background:color-mix(in srgb, var(--settings-accent) 14%, var(--surface));box-shadow:var(--shadow-sm), 0 0 0 1px color-mix(in srgb, var(--settings-accent) 28%, transparent)}.app-settings-toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:.85rem;display:flex}.pomodoro-settings-preview{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 82%, var(--settings-accent) 18%);background:radial-gradient(ellipse 80% 70% at 50% 0%, color-mix(in srgb, var(--settings-accent) 12%, transparent), transparent 70%), color-mix(in srgb, var(--surface) 82%, var(--surface-2) 18%);min-height:128px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.pomodoro-settings-preview-time{font-variant-numeric:tabular-nums;line-height:1}.pomodoro-settings-preview-time.is-italic{font-style:italic}.app-settings-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:.35rem;display:flex}.app-settings-section-head .app-settings-section-title{margin:0}.app-settings-btn--compact{padding:6px 10px;font-size:12px}.app-settings-typography-preview{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 80%, var(--settings-accent) 20%);background:radial-gradient(ellipse 90% 60% at 0% 0%, color-mix(in srgb, var(--settings-accent) 14%, transparent), transparent 62%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 88%, var(--settings-accent) 12%) 0%, color-mix(in srgb, var(--surface-2) 72%, var(--surface) 28%) 100%);box-shadow:var(--shadow-md);flex-direction:column;gap:10px;margin-bottom:1.25rem;padding:22px 24px;display:flex}.app-settings-typography-preview-title{font-size:clamp(22px,3.2vw,28px);font-weight:inherit;letter-spacing:-.02em;color:var(--text-primary);margin:0;line-height:1.15}.app-settings-typography-preview-body{font-size:14px;font-weight:inherit;color:var(--text-secondary);max-width:42ch;margin:0;line-height:1.55}.app-settings-typography-preview-mono{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px;font-weight:500}.app-settings-font-group+.app-settings-font-group{margin-top:.75rem}.app-settings-font-group-label{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 8px;font-size:10px;font-weight:600}.app-settings-font-group-sublabel{font-family:var(--font);color:var(--text-secondary);margin:0 0 8px;font-size:12px}.app-settings-gradient-stops{flex-direction:column;gap:10px;margin-bottom:1rem;display:flex}.app-settings-gradient-stop{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
.todo-dock-context-menu{z-index:calc(var(--z-dock,9000) + 20);border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 96%, transparent);min-width:188px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:.35rem;position:fixed}.todo-dock-context-menu-item{width:100%;color:var(--text-primary);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;padding:.5rem .65rem;font-size:.8125rem;font-weight:500;transition:background .16s,color .16s;display:flex}.todo-dock-context-menu-item:hover:not(:disabled){background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.todo-dock-context-menu-item:disabled{opacity:.45;cursor:not-allowed}.todo-dock-context-menu-item--danger{color:var(--red)}.todo-dock-context-menu-item--danger:hover:not(:disabled){background:var(--red-muted)}.todo-dock-context-menu-edit{flex-direction:column;gap:.55rem;padding:.35rem;display:flex}.todo-dock-context-menu-edit-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.6875rem;font-weight:600}.todo-dock-context-menu-input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text-primary);font-family:var(--font);border-radius:8px;padding:.5rem .6rem;font-size:.8125rem}.todo-dock-context-menu-input:focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-strong));outline:none}.todo-dock-context-menu-edit-actions{justify-content:flex-end;gap:.4rem;display:flex}.todo-dock-context-menu-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:8px;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.todo-dock-context-menu-btn--primary{border-color:color-mix(in srgb, var(--accent) 40%, var(--border-strong));background:color-mix(in srgb, var(--accent) 12%, var(--surface))}
.bookmarks-stack-wrap{z-index:calc(var(--z-sticky) + 2);pointer-events:none;position:fixed}.bookmarks-stack-wrap--grid{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:min(640px,100vw - 1.5rem);transform:translate(-50%)}.bookmarks-stack-panel--grid{flex-direction:column;max-height:min(72vh,640px);display:flex}.bookmarks-grid-body{flex-direction:column;gap:12px;max-height:min(52vh,460px);padding:0 0 14px;display:flex;overflow-y:auto}.bookmarks-category-bar{align-items:center;gap:10px;padding:0 14px;display:flex}.bookmarks-category-chips{scrollbar-width:thin;flex:1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.bookmarks-category-chip{border:1px solid var(--border);background:var(--surface-2);height:30px;color:var(--text-secondary);font-family:var(--font);cursor:pointer;border-radius:100px;flex:none;padding:0 12px;font-size:12px;font-weight:500;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}.bookmarks-category-chip.is-active{border-color:color-mix(in srgb, var(--orange) 45%, var(--border-strong));background:color-mix(in srgb, var(--orange-muted) 55%, var(--surface-2));color:var(--text-primary)}.bookmarks-category-create{flex:none;align-items:center;gap:6px;display:flex}.bookmarks-category-create-input{border:1px solid var(--border);background:var(--surface-2);width:108px;height:30px;color:var(--text-primary);font-family:var(--font);border-radius:10px;padding:0 10px;font-size:12px}.bookmarks-category-create-input::placeholder{color:var(--text-tertiary)}.bookmarks-category-create-input:focus{border-color:var(--border-strong);outline:none}.bookmarks-category-create-btn{border:1px solid var(--border-strong);background:var(--surface-2);width:30px;height:30px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.bookmarks-category-create-btn:disabled{opacity:.45;cursor:not-allowed}.bookmarks-category-error,.bookmarks-category-section{padding:0 14px}.bookmarks-category-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.bookmarks-category-title{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:11px;font-weight:600}.bookmarks-category-name-input{border:1px solid var(--border-strong);background:var(--surface-2);min-width:0;height:28px;color:var(--text-primary);font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;border-radius:8px;flex:1;padding:0 10px;font-size:12px;font-weight:600}.bookmarks-category-actions{align-items:center;gap:6px;display:inline-flex}.bookmarks-category-count{background:var(--surface-2);border:1px solid var(--border);min-width:18px;height:18px;color:var(--text-tertiary);font-family:var(--font-mono);text-align:center;border-radius:100px;padding:0 6px;font-size:10px;line-height:18px}.bookmarks-category-action-btn{border:1px solid var(--border);background:var(--surface-2);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.bookmarks-category-action-btn--danger:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, var(--border))}.bookmarks-category-empty{color:var(--text-tertiary);margin:0 0 4px;font-size:12px}.bookmarks-add-target{color:var(--text-tertiary);margin:0 0 8px;font-size:11px}.bookmarks-add-target span{color:var(--text-primary);font-weight:600}.bookmarks-category-section .bookmarks-stack-scroll{padding:0 0 4px}.bookmarks-stack-wrap--fan{left:var(--bookmarks-anchor-x);top:var(--bookmarks-anchor-y);width:min(420px,100vw - 2rem);transform:translate(-100%,calc(-100% - 10px))}.bookmarks-stack-panel{pointer-events:auto;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow-lg);transform-origin:bottom;overflow:hidden}.bookmarks-stack-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 10px;display:flex}.bookmarks-stack-title{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:11px;font-weight:600}.bookmarks-add-bar{padding:0 14px 12px}.bookmarks-add-bar--fan{padding:10px 0 0}.bookmarks-stack-form{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.bookmarks-stack-input{border:1px solid var(--border);background:var(--surface-2);min-width:0;height:34px;color:var(--text-primary);font-family:var(--font);border-radius:10px;flex:1;padding:0 12px;font-size:13px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.bookmarks-stack-input::placeholder{color:var(--text-tertiary)}.bookmarks-stack-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-primary) 6%, transparent);outline:none}.bookmarks-stack-add-btn,.bookmarks-stack-close-btn{border:1px solid var(--border-strong);background:var(--surface-2);min-width:34px;height:34px;color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.bookmarks-stack-add-btn:hover,.bookmarks-stack-close-btn:hover{opacity:.85}.bookmarks-stack-add-btn:active,.bookmarks-stack-close-btn:active{transform:scale(.98)}.bookmarks-stack-add-btn:disabled{opacity:.45;cursor:not-allowed}.bookmarks-stack-error{color:var(--red);margin:8px 0 0;font-size:12px}.bookmarks-stack-scroll{scrollbar-width:thin;gap:14px;padding:0 14px 14px;display:flex;overflow:auto hidden}.bookmarks-stack-empty{text-align:center;width:100%;color:var(--text-secondary);padding:18px 8px 10px;font-size:13px}.bookmarks-stack-item-wrap{flex:0 0 78px;position:relative}.bookmarks-stack-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:0 0 78px;align-items:center;gap:8px;width:78px;padding:0;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bookmarks-stack-item:hover{transform:translateY(-2px)}.bookmarks-stack-item:nth-child(3n+1){transform:rotate(-2deg)}.bookmarks-stack-item:nth-child(3n+2){transform:rotate(1deg)}.bookmarks-stack-item:nth-child(3n){transform:rotate(2deg)}.bookmarks-stack-item:hover:nth-child(3n+1),.bookmarks-stack-item:hover:nth-child(3n+2),.bookmarks-stack-item:hover:nth-child(3n){transform:translateY(-3px)rotate(0)}.bookmarks-stack-icon-wrap{border:1px solid var(--border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, white 8%) 0%, var(--bg) 100%);width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:14px;justify-content:center;align-items:center;display:flex;overflow:hidden}.bookmarks-stack-icon{object-fit:contain;width:28px;height:28px}.bookmarks-stack-label{width:100%;font-family:var(--font);color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.2;overflow:hidden}.bookmarks-stack-remove{border:1px solid var(--border-strong);background:var(--surface);width:20px;height:20px;color:var(--text-secondary);opacity:0;pointer-events:none;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:opacity .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;top:-6px;right:2px}.bookmarks-stack-item-wrap:hover .bookmarks-stack-remove,.bookmarks-stack-remove:focus-visible{opacity:1;pointer-events:auto}.bookmarks-stack-remove:hover{color:var(--red)}.bookmarks-fan-shell{pointer-events:auto;transform-origin:100% 100%;flex-direction:column;align-items:flex-end;gap:10px;display:flex}.bookmarks-fan-list{flex-direction:column-reverse;align-items:flex-end;gap:10px;width:100%;display:flex}.bookmarks-fan-item{--fan-shift:calc(var(--fan-index,0) * 18px);--fan-tilt:calc(var(--fan-index,0) * 2.4deg);transform:translateX(var(--fan-shift)) rotate(var(--fan-tilt));transform-origin:100% 100%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.bookmarks-fan-item:hover{transform:translateX(calc(var(--fan-shift) + 5px)) rotate(var(--fan-tilt))}.bookmarks-fan-row{cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:10px;padding:0;display:flex}.bookmarks-fan-label-pill{background:color-mix(in srgb, var(--text-primary) 88%, transparent);max-width:min(240px,52vw);color:var(--bg);font-family:var(--font);white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--shadow-md);border-radius:100px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden}.bookmarks-fan-icon-wrap{border:1px solid color-mix(in srgb, var(--border-strong) 80%, white 20%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, white 10%) 0%, color-mix(in srgb, var(--surface-2) 88%, var(--bg) 12%) 100%);width:52px;height:52px;box-shadow:var(--shadow-md);border-radius:12px;flex:0 0 52px;justify-content:center;align-items:center;display:flex;overflow:hidden}.bookmarks-fan-icon-wrap .bookmarks-stack-icon{width:30px;height:30px}.bookmarks-fan-remove{border:1px solid var(--border-strong);background:var(--surface);width:20px;height:20px;color:var(--text-secondary);opacity:0;pointer-events:none;cursor:pointer;border-radius:100px;justify-content:center;align-items:center;transition:opacity .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;top:-4px;right:-4px}.bookmarks-fan-item:hover .bookmarks-fan-remove,.bookmarks-fan-remove:focus-visible{opacity:1;pointer-events:auto}.bookmarks-fan-remove:hover{color:var(--red)}.bookmarks-fan-empty{text-align:right;max-width:260px;color:var(--text-secondary);margin:0;padding:8px 0 2px;font-size:12px}.bookmarks-add-bar--fan .bookmarks-stack-form{justify-content:flex-end;transform:translate(0)}.bookmarks-add-bar--fan .bookmarks-stack-input{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:0 auto;width:min(240px,48vw)}.bookmarks-add-bar--fan .bookmarks-stack-error{text-align:right}@media (max-width:640px){.bookmarks-stack-wrap--grid{width:calc(100vw - 1rem);bottom:calc(76px + env(safe-area-inset-bottom,0px))}.bookmarks-stack-wrap--fan{width:calc(100vw - 1rem);transform:translate(-100%,calc(-100% - 8px))}.bookmarks-stack-header{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.bookmarks-stack-item,.bookmarks-stack-item:nth-child(3n+1),.bookmarks-stack-item:nth-child(3n+2),.bookmarks-stack-item:nth-child(3n),.bookmarks-stack-item:hover,.bookmarks-stack-item:hover:nth-child(3n+1),.bookmarks-stack-item:hover:nth-child(3n+2),.bookmarks-stack-item:hover:nth-child(3n),.bookmarks-fan-item,.bookmarks-fan-item:hover{transform:none}}
.github-contrib-wrap{left:var(--github-anchor-x);bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:calc(var(--z-sticky) + 3);pointer-events:auto;width:min(720px,100vw - 1.5rem);position:fixed;transform:translate(-50%)}.github-contrib-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;padding:24px;overflow:hidden}.github-contrib-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.github-contrib-profile{align-items:center;gap:14px;min-width:0;display:flex}.github-contrib-avatar{object-fit:cover;border:1px solid var(--border);width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:16px;flex-shrink:0}.github-contrib-profile-copy{min-width:0}.github-contrib-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 4px;font-size:11px;font-weight:500}.github-contrib-name{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:20px;font-weight:600;line-height:1.15}.github-contrib-handle{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);margin-top:4px;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1);display:inline-block}.github-contrib-handle:hover{color:var(--green)}.github-contrib-header-actions{flex-shrink:0;gap:6px;display:flex}.github-contrib-icon-btn{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex}.github-contrib-icon-btn:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.github-contrib-icon-btn .is-spinning{animation:.8s linear infinite githubSpin}@keyframes githubSpin{to{transform:rotate(360deg)}}.github-contrib-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.github-contrib-stat-value{letter-spacing:-.02em;color:var(--text-primary);font-size:28px;font-weight:600;line-height:1;display:block}.github-contrib-stat-label{color:var(--text-secondary);margin-top:6px;font-size:12px;display:block}.github-contrib-profile-link{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);border-radius:100px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.github-contrib-profile-link:hover{border-color:color-mix(in srgb, var(--green) 40%, var(--border-strong));transform:translateY(-1px)}.github-contrib-chart-shell{min-height:148px}.github-contrib-error{background:color-mix(in srgb, var(--red) 8%, var(--surface-2));border:1px solid color-mix(in srgb, var(--red) 20%, var(--border));color:var(--red);border-radius:14px;margin:0;padding:20px;font-size:13px}.github-contrib-skeleton{flex-direction:column;gap:4px;display:flex}.github-contrib-skeleton-row{grid-template-columns:repeat(24,1fr);gap:3px;display:grid}.github-contrib-skeleton-cell{aspect-ratio:1;background:linear-gradient(90deg, var(--surface-2) 0%, color-mix(in srgb, var(--surface-2) 60%, var(--border)) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:3px;animation:1.2s ease-in-out infinite githubShimmer}@keyframes githubShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.github-contrib-chart{scrollbar-width:thin;flex-direction:column;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.github-contrib-months{grid-auto-columns:11px;grid-auto-flow:column;gap:3px;min-height:14px;padding-left:28px;display:grid}.github-contrib-month{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap}.github-contrib-grid{grid-template-columns:24px 1fr;align-items:start;gap:6px 4px;display:grid}.github-contrib-day-labels{grid-template-rows:repeat(7,11px);gap:3px;display:grid}.github-contrib-day-label{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);line-height:11px}.github-contrib-cells{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;width:max-content;display:grid}.github-contrib-cell{border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:3px;width:11px;min-width:11px;height:11px;min-height:11px;transition:transform .15s cubic-bezier(.4,0,.2,1);display:block}.github-contrib-cell--level-0{background:var(--github-contrib-0)}.github-contrib-cell--level-1{background:var(--github-contrib-1)}.github-contrib-cell--level-2{background:var(--github-contrib-2)}.github-contrib-cell--level-3{background:var(--github-contrib-3)}.github-contrib-cell--level-4{background:var(--github-contrib-4)}.github-contrib-cell-wrap{width:11px;height:11px;display:block;position:relative}.github-contrib-cell-wrap:hover .github-contrib-cell{z-index:2;transform:scale(1.15)}.github-contrib-tooltip{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:5;border-radius:10px;padding:6px 10px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.github-contrib-tooltip strong{color:var(--green);font-weight:600}.github-contrib-footer{color:var(--text-tertiary);justify-content:flex-end;align-items:center;gap:6px;margin-top:14px;font-size:10px;display:flex}.github-contrib-legend{gap:3px;display:inline-flex}.github-contrib-legend-cell{border:1px solid color-mix(in srgb, var(--border) 35%, transparent);border-radius:3px;width:11px;height:11px}@media (max-width:640px){.github-contrib-panel{padding:18px}.github-contrib-stat-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.github-contrib-icon-btn .is-spinning,.github-contrib-skeleton-cell{animation:none}}
.bookmarks-dock-icon{width:18px;height:18px;display:block;position:relative}.bookmarks-dock-icon-sheet{border:1px solid color-mix(in srgb, var(--text-primary) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 88%, white 12%) 0%, color-mix(in srgb, var(--bg) 90%, var(--surface-2) 10%) 100%);width:12px;height:14px;box-shadow:0 1px 2px color-mix(in srgb, var(--text-primary) 10%, transparent);transform-origin:bottom;border-radius:3px;position:absolute;left:50%}.bookmarks-dock-icon-sheet--back{opacity:.72;bottom:1px;transform:translate(-62%)rotate(-14deg)}.bookmarks-dock-icon-sheet--mid{opacity:.86;bottom:2px;transform:translate(-50%)rotate(4deg)}.bookmarks-dock-icon-sheet--front{bottom:3px;transform:translate(-38%)rotate(16deg)}button.mag-dock-item.is-active .bookmarks-dock-icon-sheet,button.mag-dock-item.is-hot .bookmarks-dock-icon-sheet{border-color:color-mix(in srgb, var(--text-primary) 34%, transparent)}
.github-dock-avatar{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.github-dock-avatar-img{object-fit:cover;border:1.5px solid color-mix(in srgb, var(--border-strong) 70%, transparent);border-radius:50%;width:72%;height:72%;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mag-dock-item.is-hot .github-dock-avatar-img,.app-sidebar-item:hover .github-dock-avatar-img,.mag-dock-item.is-active .github-dock-avatar-img{transform:scale(1.06)}.github-dock-avatar-ring{border:1px solid color-mix(in srgb, var(--green) 35%, transparent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:10%}.mag-dock-item.is-hot .github-dock-avatar-ring,.app-sidebar-item:hover .github-dock-avatar-ring,.mag-dock-item.is-active .github-dock-avatar-ring{opacity:1}
.pages-mode-container{width:100%;height:100%;color:var(--text-primary);flex-direction:column;display:flex;position:relative}.pages-mode-empty{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pages-empty-content{text-align:center;max-width:360px;padding:24px}.pages-empty-icon{color:var(--text-tertiary);margin:0 auto}.pages-empty-title{color:var(--text-secondary);letter-spacing:-.02em;margin-top:16px;font-size:20px;font-weight:500}.pages-empty-desc{color:var(--text-tertiary);margin-top:8px;font-size:14px;line-height:1.5}.pages-empty-cta{background:var(--text-primary);color:var(--bg);cursor:pointer;border:none;border-radius:100px;margin-top:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.pages-empty-cta:hover{opacity:.85}.page-editor-scroll{flex:1;min-height:0;position:relative}.page-editor-shell{width:100%;max-width:100%;margin:0 auto;padding:56px 24px 120px}.page-topbar{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:12px;left:24px;right:24px}.page-topbar--no-center{grid-template-columns:1fr auto}.page-title-wrap{border-radius:var(--radius-lg,22px);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);width:100%;box-shadow:var(--shadow-sm);margin:0 0 16px;padding:16px 20px 16px 44px;transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.page-title-wrap.is-dimmed{opacity:.55;box-shadow:none;background:0 0;border-color:#0000}.page-editor-shell--typing .page-title-wrap{box-shadow:none;background:0 0;border-color:#0000}.page-topbar>*{pointer-events:auto}.page-topbar.is-faded{opacity:.55}.page-topbar.is-visible{opacity:1}.page-topbar-left,.page-topbar-center,.page-topbar-right{align-items:center;gap:8px;display:flex}.page-topbar-left{justify-content:flex-start}.page-topbar-center{pointer-events:auto;justify-content:center}.page-topbar-right{justify-content:flex-end}.page-topbar-select{font-family:var(--font);color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 8px;font-size:12px;transition:color .2s,border-color .2s,background .2s}.page-topbar-select:hover,.page-topbar-select:focus{color:var(--text-primary);border-color:var(--border);background:color-mix(in srgb, var(--surface) 60%, transparent);outline:none}.page-topbar-font-select{max-width:148px}.page-view-mode-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:var(--shadow-sm);border-radius:100px;align-items:center;gap:2px;padding:3px;display:inline-flex}.page-view-mode-btn{color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.page-view-mode-btn:hover{color:var(--text-primary)}.page-view-mode-btn.is-active{background:var(--text-primary);color:var(--bg)}.page-topbar-meta{font-family:var(--font-mono,ui-monospace, monospace);color:var(--text-tertiary);font-size:11px}.page-topbar-save{letter-spacing:.08em;text-transform:uppercase;color:var(--green);opacity:0;font-size:11px;font-weight:500;transition:opacity .2s}.page-topbar-save.is-visible{opacity:1}.page-topbar-line-toggle{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.page-topbar-line-toggle:hover{color:var(--text-primary);border-color:var(--border-strong);background:color-mix(in srgb, var(--surface) 60%, transparent)}.page-topbar-line-toggle.is-active{color:var(--bg);background:var(--text-primary);border-color:var(--text-primary)}.page-topbar-export-btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);font-family:var(--font);cursor:pointer;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.page-topbar-export-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--blue) 35%, var(--border-strong));transform:translateY(-1px)}.page-topbar-export-btn:disabled{opacity:.65;cursor:wait}.page-topbar-export-menu{align-items:stretch;display:inline-flex;position:relative}.page-topbar-export-menu .page-topbar-export-btn{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.page-topbar-export-menu-trigger{border:1px solid var(--border-strong);border-left:1px solid var(--border);background:var(--surface-2);width:26px;color:var(--text-secondary);cursor:pointer;border-radius:0 100px 100px 0;justify-content:center;align-items:center;padding:0;transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.page-topbar-export-menu-trigger:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb, var(--blue) 35%, var(--border-strong));background:color-mix(in srgb, var(--surface) 70%, var(--surface-2))}.page-topbar-export-menu-trigger:disabled{opacity:.65;cursor:wait}.page-topbar-export-dropdown{border:1px solid var(--border);background:var(--surface);min-width:196px;box-shadow:var(--shadow-md);z-index:30;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.page-topbar-export-dropdown-item{width:100%;color:var(--text-primary);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.page-topbar-export-dropdown-item:hover{background:var(--surface-2)}.page-export-error{color:var(--red);margin:0;padding:0 24px 8px;font-size:12px}.page-title-input{width:100%;box-shadow:none;appearance:none;letter-spacing:-.03em;color:var(--text-primary);caret-color:var(--text-primary);background:0 0;border:none;outline:none;margin:0;padding:0;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.05;display:block}.page-title-input:focus,.page-title-input:focus-visible,.page-title-input:active{box-shadow:none;background:0 0;border:none;outline:none}.page-editor-shell--typing .page-title-input{box-shadow:none;background:0 0;border:none}.page-title-input.is-dimmed{opacity:.42;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.page-title-input::placeholder{color:var(--text-tertiary)}.page-title-icon{display:none}.page-editor-root{--page-editor-font:var(--font);--block-handle-left:0px;width:100%;margin:0 auto;padding-left:44px;position:relative}.page-editor-root--line-numbers{--block-handle-left:28px;padding-left:76px}.page-line-numbers-gutter{pointer-events:none;z-index:2;width:28px;height:100%;position:absolute;top:0;left:0}.page-line-number{text-align:right;width:24px;font-family:var(--font-mono,monospace);height:1em;color:var(--text-tertiary);opacity:.72;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;line-height:1;position:absolute;right:0;transform:translateY(.15em)}.page-editor-root--line-numbers .page-block-handle{left:var(--block-handle-left)}.page-editor-root .page-prosemirror{font-family:var(--page-editor-font,var(--font));font-size:var(--page-editor-font-size,15px)}.page-editor-root--notebook{padding-left:56px}.page-editor-root--notebook .page-prosemirror{font-family:var(--notebook-font,var(--page-editor-font,var(--font-fira-code)));font-size:var(--notebook-editor-font-size,16px);line-height:var(--notebook-line-gap,28px);min-height:auto}.page-editor-width-narrow{max-width:720px}.page-editor-width-full{max-width:1100px}.page-editor-loading{color:var(--text-tertiary);padding:24px;font-size:14px}.page-prosemirror{min-height:50vh;color:var(--text-primary);outline:none;line-height:1.65}.page-prosemirror>*+*{margin-top:.5em}.page-prosemirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-tertiary);pointer-events:none;height:0}.page-prosemirror h1{letter-spacing:-.02em;margin-top:1.25em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:1.15}.page-prosemirror h2{letter-spacing:-.02em;margin-top:1em;font-size:clamp(1.35rem,2.5vw,1.65rem);font-weight:600;line-height:1.2}.page-prosemirror h3{letter-spacing:-.01em;margin-top:.85em;font-size:1.15rem;font-weight:600;line-height:1.25}.page-prosemirror blockquote{border-left:3px solid var(--border-strong);color:var(--text-secondary);padding-left:16px}.page-prosemirror ul:not([data-type=taskList]),.page-prosemirror ol{margin:.35em 0;padding-left:0}.page-prosemirror ul:not([data-type=taskList]){list-style:none}.page-prosemirror ol{counter-reset:page-ordered-list;list-style:none}.page-prosemirror ol ol{counter-reset:page-ordered-list}.page-prosemirror ul:not([data-type=taskList])>li,.page-prosemirror ol>li{margin:.15em 0;padding-left:1.55em;display:block;position:relative}.page-prosemirror ul:not([data-type=taskList])>li:before{content:"•";text-align:center;width:1.35em;color:var(--list-marker-color,currentColor);font-size:var(--list-marker-size,1em);font-family:var(--list-marker-font,inherit);line-height:var(--list-marker-lh,1.65);pointer-events:none;font-weight:500;position:absolute;top:0;left:0}.page-prosemirror ol>li{counter-increment:page-ordered-list}.page-prosemirror ol>li:before{content:counter(page-ordered-list) ".";text-align:right;min-width:1.35em;color:var(--list-marker-color,currentColor);font-size:var(--list-marker-size,1em);font-family:var(--list-marker-font,inherit);line-height:var(--list-marker-lh,1.65);font-variant-numeric:tabular-nums;pointer-events:none;padding-right:.25em;position:absolute;top:0;left:0}.page-prosemirror ul:not([data-type=taskList]) ul>li:before{content:"◦"}.page-prosemirror ul:not([data-type=taskList]) ul ul>li:before{content:"▪"}.page-prosemirror li>p{margin:0}.page-prosemirror ul[data-type=taskList]{padding-left:0;list-style:none}.page-prosemirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.page-prosemirror ul[data-type=taskList] li label{margin-top:3px}.page-prosemirror hr{border:none;border-top:1px solid var(--border-strong);margin:1.5em 0}.page-prosemirror code{font-family:var(--font-mono,"DM Mono", ui-monospace, monospace);background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.9em}.page-prosemirror pre{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono,"DM Mono", ui-monospace, monospace);border-radius:10px;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}.page-prosemirror pre code{background:0 0;padding:0}.page-prosemirror a.page-editor-link{color:var(--blue);text-underline-offset:2px;text-decoration:underline}.page-prosemirror table{border-collapse:collapse;width:100%;margin:1em 0}.page-prosemirror th,.page-prosemirror td{border:1px solid var(--border);text-align:left;padding:8px 12px}.page-prosemirror th{background:var(--surface-2);font-weight:500}.page-prosemirror img{border:1px solid var(--border);border-radius:10px;max-width:100%}.page-callout-wrap{margin:.75em 0}.page-callout{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:10px;gap:12px;padding:12px 16px;display:flex}.page-callout-emoji{cursor:pointer;background:0 0;border:none;padding:0;font-size:20px}.page-callout-content{flex:1;min-width:0}.page-callout-content>:first-child{margin-top:0}.page-slash-menu{--slash-bg:var(--surface);--slash-border:var(--border-strong);--slash-text:var(--text-primary);--slash-muted:var(--text-secondary);--slash-dim:var(--text-tertiary);--slash-hover:var(--ui-alpha-3);--slash-active:var(--ui-alpha-4);--slash-icon-bg:var(--ui-alpha-3);--slash-accent:var(--orange,#d97757);z-index:100;background:var(--slash-bg);opacity:1;border:1px solid var(--slash-border);width:min(320px,100vw - 24px);box-shadow:0 0 0 1px var(--ui-alpha-2), var(--shadow-lg);border-radius:16px;animation:.18s cubic-bezier(.4,0,.2,1) pageMenuIn;position:fixed;overflow:hidden}@keyframes pageMenuIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-slash-menu-header--selection,.page-slash-menu-header--root{border-bottom:1px solid var(--ui-alpha-3);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 8px;display:flex}.page-slash-menu-selection-label{letter-spacing:.12em;text-transform:uppercase;color:var(--slash-dim);font-size:10px;font-weight:600}.page-slash-menu-query{font-family:var(--font-mono,monospace);color:var(--slash-muted);letter-spacing:.02em;font-size:11px}.page-slash-menu-header{border-bottom:1px solid var(--ui-alpha-3);padding:8px 8px 0}.page-slash-menu-back{width:100%;color:var(--slash-muted);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:4px;padding:8px 10px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.page-slash-menu-back:hover{background:var(--slash-hover);color:var(--slash-text)}.page-slash-menu-swatch{border:1px solid var(--ui-alpha-5);border-radius:100px;width:16px;height:16px;display:block;box-shadow:inset 0 0 0 1px #0003}.page-slash-menu-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.page-slash-menu-kbd{font-family:var(--font-mono,monospace);letter-spacing:.02em;color:var(--slash-muted);background:var(--ui-alpha-3);border:1px solid var(--ui-alpha-3);border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:500}.page-slash-menu-chevron{color:var(--slash-dim);flex-shrink:0}.page-slash-menu-list{scrollbar-width:thin;scrollbar-color:var(--ui-alpha-5) transparent;max-height:300px;margin:0;padding:6px;list-style:none;overflow-y:auto}.page-slash-menu-list::-webkit-scrollbar{width:6px}.page-slash-menu-list::-webkit-scrollbar-thumb{background:var(--ui-alpha-5);border-radius:100px}.page-slash-menu-item{cursor:pointer;width:100%;color:var(--slash-text);text-align:left;font-size:13px;font-family:var(--font);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;transition:background .12s cubic-bezier(.4,0,.2,1);display:flex}.page-slash-menu-item:hover{background:var(--slash-hover)}.page-slash-menu-item[data-selected=true]{background:var(--slash-active);box-shadow:inset 2px 0 0 var(--slash-accent)}.page-slash-menu-icon{background:var(--slash-icon-bg);border:1px solid var(--ui-alpha-3);width:30px;height:30px;color:var(--slash-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:flex}.page-slash-menu-item[data-selected=true] .page-slash-menu-icon{color:var(--slash-text);border-color:var(--ui-alpha-4);background:var(--ui-alpha-4)}.page-slash-menu-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.page-slash-menu-label{letter-spacing:-.01em;color:var(--slash-text);font-size:13px;font-weight:500}.page-slash-menu-desc{color:var(--slash-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.page-slash-menu-item[data-selected=true] .page-slash-menu-desc{color:var(--slash-muted)}.page-slash-menu-footer{border-top:1px solid var(--ui-alpha-3);background:var(--ui-alpha-1);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px 10px;display:flex}.page-slash-menu-footer-hint{color:var(--slash-dim);letter-spacing:.01em;align-items:center;gap:4px;font-size:10px;display:inline-flex}.page-slash-menu-footer-hint kbd{font-family:var(--font-mono,monospace);background:var(--ui-alpha-3);border:1px solid var(--ui-alpha-3);color:var(--slash-muted);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:500;line-height:1}.page-bubble-menu{background:color-mix(in srgb, var(--surface) 98%, var(--bg));border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);opacity:1;border-radius:10px;align-items:center;gap:2px;padding:5px 8px;display:flex}.page-bubble-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.page-bubble-btn:hover:not(.is-disabled),.page-bubble-btn.is-active{background:var(--surface-2);color:var(--text-primary)}.page-bubble-btn.is-disabled{opacity:.35;cursor:not-allowed}.page-bubble-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.page-bubble-swatch{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:16px;height:16px;padding:0}.page-bubble-swatch-highlight{border-radius:3px}.page-bubble-color-group{align-items:center;gap:4px;display:flex}.page-bubble-color-label{width:14px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.page-bubble-divider--color{margin:0 2px}.page-bubble-swatch.is-pinned{box-shadow:0 0 0 1px var(--blue)}.page-bubble-swatch-add{background:var(--surface-2);color:var(--text-tertiary);border-style:dashed;justify-content:center;align-items:center;display:inline-flex}.page-bubble-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.page-bubble-pin-hint{opacity:.55}.page-bubble-pin-hint:hover{opacity:1}.page-bubble-color-popup{z-index:200;background:var(--surface);border:1px solid var(--border-strong);width:240px;box-shadow:var(--shadow-lg);border-radius:12px;padding:14px;position:fixed}.page-bubble-color-popup-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 10px;font-size:11px;font-weight:500}.page-bubble-color-popup-pinned{margin-bottom:12px}.page-bubble-color-popup-pinned-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 8px;font-size:10px;font-weight:500}.page-bubble-color-popup-pinned-strip{flex-wrap:wrap;gap:8px;display:flex}.page-bubble-color-popup-pinned-item{width:28px;height:28px;position:relative}.page-bubble-color-popup-pinned-swatch{border:1px solid var(--border-strong);cursor:pointer;border-radius:8px;width:100%;height:100%;transition:transform .15s cubic-bezier(.4,0,.2,1)}.page-bubble-color-popup-pinned-swatch:hover{transform:scale(1.06)}.page-bubble-color-popup-pinned-remove{border:1px solid var(--border-strong);background:var(--surface);width:18px;height:18px;color:var(--text-secondary);cursor:pointer;opacity:0;pointer-events:none;box-shadow:var(--shadow-sm);border-radius:100px;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:-6px;right:-6px}.page-bubble-color-popup-pinned-item:hover .page-bubble-color-popup-pinned-remove,.page-bubble-color-popup-pinned-remove:focus-visible{opacity:1;pointer-events:auto}.page-bubble-color-popup-pinned-remove:hover{color:var(--red);background:color-mix(in srgb, var(--red) 12%, var(--surface))}.page-bubble-color-popup-preview{align-items:center;gap:10px;margin-bottom:12px;display:flex}.page-bubble-color-popup-native{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:40px;height:32px;padding:0}.page-bubble-color-popup-hex{font-family:var(--font-mono,monospace);border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.page-bubble-color-popup-hex:focus{border-color:var(--border-strong);outline:none}.page-bubble-color-popup-actions{justify-content:flex-end;gap:6px;display:flex}.page-bubble-color-popup-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:500}.page-bubble-color-popup-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-strong)}.page-bubble-color-popup-btn:disabled{opacity:.4;cursor:not-allowed}.page-bubble-color-popup-btn--primary{background:var(--text-primary);color:var(--bg);border-color:#0000}.page-bubble-color-popup-btn--save{background:color-mix(in srgb, var(--blue) 14%, var(--surface));color:var(--text-primary);border-color:color-mix(in srgb, var(--blue) 35%, var(--border))}.page-bubble-colors{gap:3px;display:flex;position:relative}.page-block-handle{z-index:10;opacity:.85;pointer-events:auto;justify-content:flex-end;gap:2px;width:40px;transition:opacity .15s;display:flex;position:absolute;left:0}.page-block-handle:hover{opacity:1}.page-block-handle-btn{background:var(--surface);border:none;border:1px solid var(--border);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.page-block-handle-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.page-block-context-menu{background:var(--surface);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow-lg);z-index:100;border-radius:10px;padding:4px}.page-block-context-item{color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.page-block-context-item[data-highlighted]{background:var(--surface-2)}.page-block-context-sep{background:var(--border);height:1px;margin:4px 0}.page-code-lang-bar{z-index:5;margin-bottom:-8px;position:sticky;top:48px}.page-code-lang-select{font-size:11px;font-family:var(--font-mono,monospace);border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:6px;padding:4px 8px}.page-block-type-indicator{z-index:15;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);opacity:.7;pointer-events:none;font-size:11px;font-weight:500;position:fixed;top:56px;right:24px}.page-icon-picker{z-index:100;background:var(--surface);border:1px solid var(--border);width:240px;box-shadow:var(--shadow-lg);border-radius:12px;padding:12px;position:fixed;top:52px;left:24px}.page-icon-picker-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.page-icon-picker-item{cursor:pointer;background:0 0;border:none;border-radius:8px;width:36px;height:36px;font-size:18px}.page-icon-picker-item:hover,.page-icon-picker-item.is-selected{background:var(--surface-2)}.page-icon-picker-clear{background:var(--surface-2);width:100%;color:var(--text-secondary);cursor:pointer;background:var(--surface-2);width:100%;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px;font-size:12px}.page-link-preview-wrap{margin:.75em 0}.page-link-preview-inner{align-items:stretch;gap:8px;display:flex;position:relative}.page-link-preview-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;border-radius:12px;flex:1;grid-template-columns:120px 1fr;gap:0;min-width:0;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:grid;overflow:hidden}.page-link-preview-inner:hover .page-link-preview-card{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.page-link-preview-actions{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;gap:6px;transition:opacity .15s,transform .15s;display:flex;transform:translate(4px)}.page-link-preview-actions.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.page-link-preview-action{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--bg));width:32px;height:32px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.page-link-preview-action:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface)}.page-link-preview-action--danger:hover{color:var(--red);border-color:color-mix(in srgb, var(--red) 40%, var(--border));background:color-mix(in srgb, var(--red) 8%, var(--surface))}.page-link-preview-image{background:var(--surface-2);justify-content:center;align-items:center;min-height:96px;display:flex;overflow:hidden}.page-link-preview-image img{object-fit:cover;width:100%;height:100%;min-height:96px}.page-link-preview-image--placeholder{color:var(--text-tertiary)}.page-link-preview-body{flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.page-link-preview-site{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.page-link-preview-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.page-link-preview-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (max-width:640px){.page-link-preview-card{grid-template-columns:1fr}.page-link-preview-image{min-height:140px}}@media (prefers-reduced-motion:reduce){.page-slash-menu{animation:none}.page-topbar{transition:none}}@media (max-width:640px){.page-editor-shell{padding:32px 16px 100px}.page-topbar{flex-wrap:wrap;gap:8px;padding:10px 16px}.page-block-handle{display:none}}.pages-mode-container--notebook{transition:background .3s cubic-bezier(.4,0,.2,1)}.page-editor-shell--notebook{max-width:none;padding-top:48px;transition:padding .3s cubic-bezier(.4,0,.2,1)}.notebook-desk{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--surface-2) 40%, transparent), transparent 70%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--border) 30%, transparent) 0, color-mix(in srgb, var(--border) 30%, transparent) 1px, transparent 1px, transparent 12px);justify-content:center;min-height:60vh;padding:24px 0 80px;transition:background .3s cubic-bezier(.4,0,.2,1);display:flex}.notebook-paper{border-radius:2px 2px 4px 4px;width:min(100%,210mm);max-width:820px;min-height:297mm;transition:background-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 8px 24px #0000001a,0 24px 48px #0000000f}.notebook-lines{pointer-events:none;opacity:.85;z-index:0;position:absolute;inset:72px 32px 48px 56px}.notebook-margin-line{background:var(--notebook-margin-color,#e8432d);opacity:.55;z-index:1;pointer-events:none;width:1px;position:absolute;top:72px;bottom:48px;left:48px}.notebook-content{z-index:2;padding:72px 32px 48px 56px;position:relative}.notebook-page-curl{background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--border) 40%, transparent) 50%, color-mix(in srgb, var(--text-tertiary) 20%, transparent) 100%);pointer-events:none;z-index:3;width:48px;height:48px;position:absolute;bottom:0;right:0}.page-editor-shell--notebook .page-title-input{max-width:min(100%,210mm);margin-left:auto;margin-right:auto;padding-left:56px}@media (max-width:640px){.page-view-mode-btn span{display:none}.page-topbar{grid-template-columns:1fr;justify-items:stretch}.page-topbar-center{order:-1}.notebook-paper{width:100%;min-height:70vh}.notebook-lines,.notebook-content{padding:56px 16px 32px 40px;inset:56px 16px 32px 40px}}
.todo-edge-glow-wrap{z-index:10001;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 42px #4ade8038,inset 0 0 80px #22c55e1a,inset 0 14px 28px -10px #4ade8061,inset 0 -14px 28px -10px #4ade8061,inset 14px 0 28px -10px #4ade8052,inset -14px 0 28px -10px #4ade8052}