*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--sidebar-width: 230px;--list-width: 330px;--sidebar-bg: #2d3e50;--sidebar-hover: #3a4f65;--sidebar-active-bg: #243445;--sidebar-text: rgba(255, 255, 255, .88);--sidebar-muted: rgba(255, 255, 255, .48);--sidebar-border: rgba(255, 255, 255, .06);--accent: #3d9ad1;--accent-hover: #2d87be;--accent-dim: rgba(61, 154, 209, .18);--list-bg: #f3f3f3;--list-header-bg: #f3f3f3;--task-bg: #ffffff;--task-hover: #f7fbff;--task-active-bg: #eaf5fd;--task-active-border: var(--accent);--task-border: #e8e8e8;--detail-bg: #ffffff;--detail-border: #e8e8e8;--text-primary: #2c3e50;--text-secondary: #6b7b8a;--text-muted: #aab3bb;--text-on-dark: rgba(255, 255, 255, .9);--due-overdue: #e74c3c;--due-overdue-bg: rgba(231, 76, 60, .1);--due-today: #27ae60;--due-today-bg: rgba(39, 174, 96, .1);--priority-high: #e74c3c;--priority-medium: #f39c12;--priority-low: #27ae60;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;color-scheme:light;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;color:var(--text-primary)}html,body,#root{height:100%;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.38) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#00000061;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#0000008c}*::-webkit-scrollbar-corner{background:transparent}.sidebar,.sidebar *{scrollbar-color:rgba(255,255,255,.45) transparent}.sidebar::-webkit-scrollbar-thumb,.sidebar *::-webkit-scrollbar-thumb{background-color:#ffffff73}.sidebar::-webkit-scrollbar-thumb:hover,.sidebar *::-webkit-scrollbar-thumb:hover{background-color:#fff9}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--list-bg);overscroll-behavior-x:none}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease}.sidebar--collapsed{width:0;pointer-events:none}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:22px 18px 16px;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#fff}.sidebar-logo svg{color:var(--accent)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px 18px 16px;border-bottom:1px solid var(--sidebar-border);position:relative}.sidebar-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.sidebar-avatar--btn{border:none;cursor:pointer;transition:opacity .15s,box-shadow .15s}.sidebar-avatar--btn:hover{opacity:.85;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.profile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299}.profile-menu{position:absolute;top:calc(100% - 4px);left:14px;z-index:300;min-width:180px;background:var(--task-bg);border:1px solid var(--task-border);border-radius:var(--radius-md);box-shadow:0 6px 20px #00000026;padding:4px 0;display:flex;flex-direction:column}.profile-menu-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:.86rem;color:var(--text-primary);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:background .13s;width:100%}.profile-menu-item:hover{background:var(--task-hover)}.profile-menu-item--danger{color:var(--priority-high, #e5534b)}.sidebar-user-info{display:flex;flex-direction:column;min-width:0;gap:2px}.sidebar-user-name{font-size:.83rem;font-weight:600;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:.72rem;color:var(--sidebar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.88rem;color:var(--sidebar-text);cursor:pointer;border-radius:0;transition:background .15s;-webkit-user-select:none;user-select:none}.sidebar-nav-link{text-decoration:none}.sidebar-nav-item:hover{background:var(--sidebar-hover)}.sidebar-nav-item--active{background:var(--sidebar-active-bg);font-weight:600}.sidebar-nav-item--active svg{color:var(--accent)}.sidebar-nav-item--drag-over{background:var(--accent-dim)!important;outline:1px solid var(--accent);outline-offset:-1px}.sidebar-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ffffff26;color:var(--sidebar-text);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-list-end{margin-left:auto;display:flex;align-items:center;gap:4px}.sidebar-nav-item--list{position:relative}.sidebar-list-delete-btn,.sidebar-list-action-btn{width:0;overflow:hidden;flex-shrink:0;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--sidebar-muted);border-radius:3px;cursor:pointer;padding:0;opacity:0;transition:width .15s ease,opacity .15s ease}.sidebar-nav-item--list:hover .sidebar-list-delete-btn,.sidebar-nav-item--list:hover .sidebar-list-action-btn{width:20px;opacity:1;pointer-events:auto}.sidebar-list-delete-btn:hover{background:#ffffff1f;color:#ff6b6b}.sidebar-list-action-btn:hover{background:#ffffff1f;color:var(--accent)}.sidebar-list-close-btn{width:0;overflow:hidden;flex-shrink:0;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--sidebar-muted);border-radius:3px;cursor:pointer;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:width .15s ease,opacity .15s ease}.sidebar-nav-item--list:hover .sidebar-list-close-btn,.sidebar-nav-item--list:focus-within .sidebar-list-close-btn{width:20px;opacity:1;visibility:visible;pointer-events:auto}.sidebar-list-close-btn:hover{background:#ffffff1f;color:var(--accent)}.sidebar-section-label--closed{color:#fff6;font-size:.65rem;margin-top:6px;cursor:pointer;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.sidebar-section-label--closed:hover{color:#fff9}.sidebar-nav-item--closed{opacity:.55}.sidebar-section-label--shared{color:#fff6;font-size:.65rem;margin-top:6px}.sidebar-nav-item--shared-list{opacity:.9;border-left:2px solid rgba(96,165,250,.4);padding-left:calc(var(--sidebar-item-px, 12px) - 2px)}.sidebar-nav-item--shared-list.sidebar-nav-item--active{border-left-color:#60a5fa}.sidebar-list-shared-name{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.sidebar-list-shared-title-row{display:flex;align-items:center;gap:6px;min-width:0}.sidebar-list-owner-chip{font-size:.65rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-list-globe-icon{display:inline-flex;align-items:center;justify-content:center;color:#93c5fd;flex-shrink:0;width:14px}.sidebar-list-name-wrap{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.sidebar-list-rename-input{flex:1;min-width:0;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:inherit;font:inherit;padding:2px 6px;outline:none}.sidebar-list-rename-input:focus{border-color:var(--accent, #2563eb);background:#ffffff1f}.sidebar-list-shared-indicator{display:inline-flex;align-items:center;justify-content:center;color:#93c5fdf2;flex-shrink:0}.sidebar-list-mcp-badge{font-size:.6rem;color:#c4b0f5;flex-shrink:0;opacity:.9}.sidebar-list-leave-btn{width:0;overflow:hidden;flex-shrink:0;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--sidebar-muted);border-radius:3px;cursor:pointer;padding:0;opacity:0;transition:width .15s ease,opacity .15s ease}.sidebar-nav-item--shared-list:hover .sidebar-list-leave-btn{width:20px;opacity:1;pointer-events:auto}.sidebar-list-leave-btn:hover{background:#ffffff1f;color:#fbbf24}.sidebar-footer{padding:12px 18px;border-top:1px solid var(--sidebar-border)}.sidebar-mode{font-size:.72rem;color:var(--sidebar-muted)}.list-panel{flex-shrink:0;background:var(--list-bg);display:flex;flex-direction:column;border-right:1px solid var(--task-border);overflow:hidden;position:relative;min-width:200px}.list-panel-resizer{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:10;background:transparent;transition:background .15s}.list-panel-resizer:hover,.list-panel-resizer:active{background:var(--accent);opacity:.35}.list-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px;background:var(--list-header-bg);border-bottom:1px solid var(--task-border);flex-shrink:0;gap:8px}.list-panel-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.list-panel-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-panel-title-wrap{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.list-panel-title-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.list-panel-subtitle{font-size:.72rem;color:var(--text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-panel-invited-icon{display:inline-flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.list-picker-wrapper{position:relative;min-width:0;flex:1}.list-picker-trigger{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:0;color:var(--text-primary);min-width:0;width:100%;text-align:left}.list-picker-trigger:hover .list-panel-title{color:var(--accent)}.list-picker-caret{color:var(--text-muted);flex-shrink:0;margin-top:2px;transition:transform .15s}.list-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.list-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--task-bg);border:1px solid var(--task-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden}.list-picker-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;color:var(--text-primary);cursor:pointer;transition:background .12s}.list-picker-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-picker-item-icon{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:#2563eb}.list-picker-item:hover{background:var(--task-hover)}.list-picker-item--active{font-weight:600;color:var(--accent)}.list-picker-divider{padding:6px 14px 4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-top:1px solid var(--task-border);margin-top:4px}.list-picker-item-owner{margin-left:auto;font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.sort-picker-wrap{position:relative}.sort-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:170px;background:var(--task-bg);border:1px solid var(--task-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:100;overflow:hidden;padding:4px 0}.sort-picker-label{padding:6px 14px 4px;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase}.sort-picker-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;background:transparent;border:none;font-size:.88rem;color:var(--text-primary);cursor:pointer;transition:background .12s}.sort-picker-item:hover{background:var(--task-hover)}.sort-picker-item--active{color:var(--accent);font-weight:600}.icon-btn--active{color:var(--accent)}.sidebar-list-drag-area{display:flex;flex-direction:column}.sidebar-nav-item--ghost{opacity:.5}.sidebar-nav-item--chosen{background:var(--task-hover)}.sidebar-nav-item--dragging{opacity:.9}.list-picker-item-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:#0000000f;color:var(--text-primary)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn--dim{color:var(--text-muted)}.icon-btn--danger{color:var(--text-muted);margin-left:8px}.icon-btn--danger:hover{color:var(--priority-high);background:#e74c3c1a}.toast{margin:8px 12px 0;padding:9px 14px;border-radius:var(--radius-md);font-size:.82rem;background:#27ae601f;color:#1a7043;flex-shrink:0}.toast--error{background:#e74c3c1f;color:#b03030}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .25s,transform .25s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(-4px)}.update-banner{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:500;border:none;cursor:pointer;transition:background .15s}.update-banner:hover{background:var(--accent-hover)}.update-banner-cta{font-weight:700;text-decoration:underline}.add-task-bar{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;background:var(--task-bg);border-bottom:1px solid var(--task-border);flex-shrink:0;cursor:text}.add-task-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--accent);flex-shrink:0}.add-task-input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--text-primary)}.add-task-input::placeholder{color:var(--text-muted)}.task-search-bar{display:flex;align-items:center;gap:10px;padding:0 14px;height:42px;background:var(--task-bg);border-bottom:1px solid var(--task-border);flex-shrink:0}.task-search-icon{color:var(--text-muted);flex-shrink:0}.task-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--text-primary)}.task-search-input::placeholder{color:var(--text-muted)}.task-search-clear{border:none;background:transparent;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer;padding:2px 0}.list-loading{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;color:var(--text-muted);font-size:.88rem}.list-loading-spinner{width:16px;height:16px;border:2px solid var(--task-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .7s linear infinite;transform-origin:center}.list-loading-more{display:flex;align-items:center;gap:8px;padding:10px 16px;color:var(--text-muted);font-size:.82rem}.task-list{flex:1;overflow-y:auto;padding:6px 0;overscroll-behavior-y:contain}.list-panel-body{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.ptr-indicator{position:absolute;top:-36px;left:50%;width:32px;height:32px;margin-left:-16px;display:flex;align-items:center;justify-content:center;background:var(--list-bg);border:1px solid var(--task-border);border-radius:50%;box-shadow:0 2px 6px #00000014;pointer-events:none;z-index:5}.ptr-spinner{width:14px;height:14px;border:2px solid var(--task-border);border-top-color:var(--accent);border-radius:50%;transition:transform .18s ease}.ptr-indicator--ready .ptr-spinner{transform:rotate(180deg)}.ptr-indicator--refreshing .ptr-spinner{animation:spin .8s linear infinite;transform:none}.task-row{display:flex;align-items:center;gap:8px;padding:0 14px 0 8px;height:50px;background:var(--task-bg);border-bottom:1px solid var(--task-border);cursor:pointer;transition:background .12s;position:relative;-webkit-user-select:none;user-select:none}.task-row:hover{background:var(--task-hover)}.task-row--active{background:var(--task-active-bg);border-left:3px solid var(--task-active-border)}.task-row--active .task-check{border-color:var(--accent)}.task-row--completed{opacity:.55}.task-row-title--done{text-decoration:line-through;color:var(--text-muted)}.completed-section-header{display:flex;align-items:center;gap:6px;padding:10px 14px 6px;font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;border-top:1px solid var(--task-border);margin-top:4px;width:100%;background:transparent;border-left:none;border-right:none;border-bottom:none;cursor:pointer;text-align:left}.completed-section-header:hover{color:var(--text-secondary)}.completed-section-caret{flex-shrink:0;color:var(--text-muted);transition:transform .18s}.completed-section-caret--collapsed{transform:rotate(-90deg)}.task-row--ghost{opacity:.4}.task-row--chosen{background:var(--task-active-bg)}.task-row--dragging{background:var(--task-bg);box-shadow:0 4px 20px #00000026;border-radius:var(--radius-md)}.task-row-nest-zone{position:absolute;top:0;right:0;width:64px;height:100%;z-index:10;cursor:copy;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.task-row-nest-label{font-size:.68rem;font-weight:700;color:var(--accent);white-space:nowrap;pointer-events:none;letter-spacing:.02em}.task-row--nest-target{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm, 4px);background:color-mix(in srgb,var(--accent) 8%,var(--task-bg))}.detail-panel--drop-target{outline:2px solid var(--accent);outline-offset:-3px;background:color-mix(in srgb,var(--accent) 5%,var(--detail-bg))}.drag-handle{display:flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity .12s}.task-row:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.task-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--task-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;position:relative;overflow:visible}.task-check:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%}@media(prefers-reduced-motion:no-preference){@keyframes task-check-pop{0%{transform:scale(1)}30%{transform:scale(1.45)}60%{transform:scale(.88)}80%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes confetti-burst{0%{opacity:1;box-shadow:0 0 0 3px #6366f1,0 0 0 3px #f43f5e,0 0 0 3px #f59e0b,0 0 0 3px #10b981,0 0 0 3px #3b82f6,0 0 0 3px #ec4899,0 0 0 3px #8b5cf6,0 0 0 3px #14b8a6}to{opacity:0;box-shadow:0 -24px 0 3px #6366f1,17px -17px 0 3px #f43f5e,24px 0 0 3px #f59e0b,17px 17px 0 3px #10b981,0 24px 0 3px #3b82f6,-17px 17px 0 3px #ec4899,-24px 0 0 3px #8b5cf6,-17px -17px 0 3px #14b8a6}}.task-check--celebrating{animation:task-check-pop .5s cubic-bezier(.36,.07,.19,.97) both}.task-check--celebrating:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:confetti-burst .6s ease-out forwards}}.task-check:hover{border-color:var(--accent);background:var(--accent-dim)}.task-check--lg{width:26px;height:26px;flex-shrink:0}.task-check-icon{opacity:0;color:var(--accent);transition:opacity .15s}.task-check:hover .task-check-icon{opacity:1}.task-check--done{background:var(--accent);border-color:var(--accent)}.task-check--done .task-check-icon,.task-check-icon--done{opacity:1;color:#fff}.task-row-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.task-row-title{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row-due{font-size:.72rem;color:var(--text-muted)}.task-row-meta{display:flex;align-items:center;gap:5px}.task-row-list-chip{font-size:.65rem;color:var(--list-chip-color, var(--text-muted));border:1px solid color-mix(in srgb,var(--list-chip-color, var(--text-muted)) 40%,transparent);border-radius:3px;padding:0 4px;line-height:1.4;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.task-row-owner-chip{font-size:.65rem;color:var(--text-secondary);background:var(--list-bg);border:1px solid var(--task-border);border-radius:999px;padding:0 6px;line-height:1.5;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.task-row-mcp-chip{font-size:.65rem;color:#7c5cbf;background:color-mix(in srgb,#7c5cbf 10%,white);border:1px solid color-mix(in srgb,#7c5cbf 25%,transparent);border-radius:999px;padding:0 6px;line-height:1.5;white-space:nowrap}.task-row-steps-icon{display:flex;align-items:center;gap:3px;color:var(--text-muted);flex-shrink:0}.task-row-steps-count{font-size:.7rem;line-height:1;color:var(--text-secondary);font-variant-numeric:tabular-nums}.task-row-due--today{color:var(--due-today)}.task-row-due--overdue{color:var(--due-overdue)}.task-row-priority-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.task-row-priority-dot[data-priority=high]{background:var(--priority-high)}.task-row-priority-dot[data-priority=medium]{background:var(--priority-medium)}.task-row-priority-dot[data-priority=low]{background:var(--priority-low)}.detail-panel{flex:1;background:var(--detail-bg);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:1px solid var(--detail-border);min-width:0}.detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);font-size:.9rem}.detail-panel-inner{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}@media(prefers-reduced-motion:no-preference){.detail-slide-forward-enter-active,.detail-slide-forward-leave-active,.detail-slide-back-enter-active,.detail-slide-back-leave-active{transition:transform .2s ease,opacity .2s ease}.detail-slide-forward-enter-from{transform:translate(40px);opacity:0}.detail-slide-forward-leave-to,.detail-slide-back-enter-from{transform:translate(-40px);opacity:0}.detail-slide-back-leave-to{transform:translate(40px);opacity:0}}.detail-header-container{border-bottom:1px solid var(--detail-border);flex-shrink:0;padding-bottom:12px}.detail-title-row{display:flex;align-items:center;gap:12px;padding:20px 20px 4px}.detail-parent-nav{display:flex;align-items:center;gap:8px;width:calc(100% - 40px);margin:10px 20px 0;padding:9px 12px;border:1px solid var(--task-border);border-radius:var(--radius-md);background:var(--task-hover);color:var(--text-secondary);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.detail-parent-nav:hover{border-color:var(--accent);color:var(--text-primary);background:var(--task-active-bg)}.detail-parent-nav-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.detail-parent-nav-title{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-title-input{flex:1;border:none;outline:none;font-size:1.05rem;font-weight:600;color:var(--text-primary);background:transparent;padding:4px 0;min-width:0}.detail-title-input:focus{color:var(--accent)}.detail-saving{padding:0 20px;font-size:.75rem;color:var(--accent);height:0;opacity:0;overflow:hidden;transition:opacity .2s,height .2s}.detail-saving--visible{height:22px;padding-bottom:4px;opacity:1}.detail-section{padding:16px 20px;border-bottom:1px solid var(--detail-border)}.detail-section-label{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px}.detail-section-label--interactive{cursor:pointer}.detail-section-label svg{flex-shrink:0;opacity:.7}.detail-section-count{margin-left:auto;font-size:.72rem;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}.subtask-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--task-border)}.subtask-row:first-of-type{border-top:none}.subtask-check{flex-shrink:0;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.subtask-title{font-size:.88rem;color:var(--text-primary);flex:1;min-width:0;cursor:text;border-radius:3px;padding:1px 3px;outline:none;line-height:1.4}.subtask-title--editing{background:var(--task-active-bg);box-shadow:0 0 0 1px var(--accent)}.subtask-title--done{text-decoration:line-through;color:var(--text-muted)}.subtask-add-form{display:flex;align-items:center;gap:8px;margin-top:8px;border-top:1px solid var(--task-border);padding-top:8px}.subtask-add-icon{font-size:1.1rem;color:var(--accent);width:16px;text-align:center;flex-shrink:0}.subtask-add-input{flex:1;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--text-primary)}.subtask-add-input::placeholder{color:var(--text-muted)}.detail-input{width:100%;border:1px solid var(--task-border);border-radius:var(--radius-sm);padding:7px 10px;font-size:.88rem;color:var(--text-primary);background:var(--task-bg);outline:none;transition:border-color .15s}.detail-input:focus{border-color:var(--accent)}.detail-created-by{padding:0 20px;font-size:.76rem;color:var(--text-muted);letter-spacing:.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-mcp-badge{font-size:.65rem;color:#7c5cbf;background:color-mix(in srgb,#7c5cbf 10%,white);border:1px solid color-mix(in srgb,#7c5cbf 25%,transparent);border-radius:999px;padding:0 7px;line-height:1.6;white-space:nowrap}.detail-source-page-chip{margin:6px 20px 0;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font:inherit;font-size:.72rem;color:var(--text-muted);background:var(--surface-2, #f6f6f8);border:1px solid var(--border, #e2e2e6);border-radius:999px;cursor:pointer;max-width:calc(100% - 40px);overflow:hidden}.detail-source-page-chip:hover{color:var(--text);border-color:var(--accent, #2563eb);background:color-mix(in srgb,var(--accent, #2563eb) 6%,transparent)}.detail-source-page-chip-label{font-weight:500}.detail-source-page-chip-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 20px 0;position:relative}.tag-chip--sm{padding:1px 8px;font-size:.72rem}.tag-chip--sm .tag-chip-remove{font-size:.85rem;padding:0 1px}.header-tag-input-wrap{position:relative;display:inline-flex}.header-tag-input{border:none;outline:none;background:transparent;font-size:.75rem;color:var(--text-secondary);width:72px;padding:2px 4px;border-radius:var(--radius-sm);transition:background .12s,width .15s}.header-tag-input:focus{background:var(--list-bg);width:110px;color:var(--text-primary)}.header-tag-input::placeholder{color:var(--text-muted)}.tag-suggestions--header{position:absolute;top:calc(100% + 4px);left:0;min-width:160px}.detail-section-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.share-icon-btn{position:relative;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px 4px;border-radius:4px;display:flex;align-items:center;gap:2px;transition:color .15s,background .15s}.share-icon-btn:hover{color:var(--accent);background:var(--accent-bg, rgba(37, 99, 235, .08))}.share-icon-badge{font-size:.68rem;font-weight:700;color:#fff;background:var(--accent);border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.assignee-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.assignee-chip{display:inline-flex;align-items:center;gap:5px;background:var(--task-bg);border:1px solid var(--task-border);border-radius:999px;padding:3px 8px 3px 3px;font-size:.82rem;color:var(--text-primary)}.assignee-chip-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;flex-shrink:0}.assignee-chip-name{white-space:nowrap}.assignee-manage-btn{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--accent, #2563eb);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s}.assignee-manage-btn:hover{background:var(--accent-bg, rgba(37, 99, 235, .08))}.detail-textarea{width:100%;border:1px solid var(--task-border);border-radius:var(--radius-sm);padding:9px 10px;font-size:.88rem;color:var(--text-primary);background:var(--task-bg);outline:none;resize:none;min-height:80px;overflow:hidden;transition:border-color .15s}.detail-textarea:focus{border-color:var(--accent)}.detail-textarea::placeholder{color:var(--text-muted)}.note-preview{width:100%;min-height:48px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 10px;font-size:.88rem;color:var(--text-primary);cursor:text;transition:border-color .15s,background .15s;line-height:1.6}.note-preview:hover{border-color:var(--task-border);background:var(--task-bg);cursor:text}.note-preview:focus{outline:none;border-color:var(--accent);background:var(--task-bg)}.note-preview--empty{color:var(--text-muted)}.note-preview :where(h1,h2,h3,h4,h5,h6){margin:.5em 0 .25em;font-weight:600;line-height:1.3}.note-preview table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:.5em 0}.note-preview th,.note-preview td{border:1px solid var(--task-border);padding:4px 10px;text-align:left}.note-preview th{background:var(--list-bg, #f4f7fa);font-weight:600}.note-preview h1{font-size:1.1em}.note-preview h2{font-size:1em}.note-preview h3{font-size:.95em}.note-preview p{margin:0 0 .5em}.note-preview p:last-child{margin-bottom:0}.note-preview ul,.note-preview ol{margin:0 0 .5em;padding-left:1.4em}.note-preview li{margin-bottom:.2em}.note-preview code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--sidebar-bg);color:var(--sidebar-text);padding:1px 4px;border-radius:3px}.note-preview pre{background:var(--sidebar-bg);border-radius:var(--radius-sm);padding:8px 10px;overflow-x:auto;margin:0 0 .5em}.note-preview pre code{background:none;padding:0;color:var(--sidebar-text)}.note-preview blockquote{border-left:3px solid var(--accent);margin:0 0 .5em;padding-left:.75em;color:var(--text-secondary)}.note-preview a{color:var(--accent);text-decoration:underline}.note-preview hr{border:none;border-top:1px solid var(--task-border);margin:.75em 0}.note-preview strong{font-weight:600}.note-preview em{font-style:italic}.note-toolbar{display:flex;align-items:center;gap:1px;padding:3px 4px;border:1px solid var(--accent);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--task-bg)}.note-toolbar-btn{display:flex;align-items:center;justify-content:center;width:26px;height:24px;border:none;border-radius:4px;background:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:inherit;line-height:1;transition:background .1s,color .1s;flex-shrink:0}.note-toolbar-btn:hover{background:var(--sidebar-bg);color:var(--text-primary)}.note-toolbar-btn--armed,.note-toolbar-btn--armed:hover{background:var(--priority-high, #ef4444);color:#fff}.note-toolbar-btn--italic i{font-style:italic}.note-toolbar-btn--strike s{text-decoration:line-through}.note-toolbar-sep{width:1px;height:14px;background:var(--task-border);margin:0 3px;flex-shrink:0}.note-textarea--editing{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.note-toolbar-help{position:relative;margin-left:auto}.note-toolbar-btn--help{width:20px;color:var(--text-muted);font-size:.75rem;font-weight:700}.note-shortcuts-tooltip{position:absolute;bottom:calc(100% + 8px);right:-4px;background:var(--task-bg);border:1px solid var(--task-border);border-radius:var(--radius-md);padding:10px 12px;min-width:188px;box-shadow:0 4px 16px #00000024;z-index:120;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .13s,transform .13s;white-space:nowrap}.note-toolbar-help:hover .note-shortcuts-tooltip,.note-toolbar-help:focus-within .note-shortcuts-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.note-shortcuts-title{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:7px}.note-shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0;font-size:.79rem;color:var(--text-secondary)}.note-shortcuts-sep{height:1px;background:var(--task-border);margin:7px 0}.note-shortcuts-row kbd{display:inline-flex;align-items:center;padding:1px 5px;background:var(--sidebar-bg);border:1px solid var(--task-border);border-radius:3px;font-size:.71rem;font-family:inherit;color:#fff;line-height:1.5;font-weight:500;letter-spacing:.02em}.detail-section-hint{margin-left:auto;font-size:.72rem;color:var(--text-muted);font-weight:400;letter-spacing:.01em;transition:color .15s}.detail-section-hint--active{color:var(--accent)}.priority-tabs{display:flex;gap:6px}.priority-tab{flex:1;padding:6px 0;border:1px solid var(--task-border);border-radius:var(--radius-sm);background:transparent;font-size:.8rem;text-transform:capitalize;color:var(--text-secondary);cursor:pointer;transition:all .15s;text-align:center}.priority-tab:hover{border-color:currentColor}.priority-tab[data-priority=high]{color:var(--priority-high)}.priority-tab[data-priority=medium]{color:var(--priority-medium)}.priority-tab[data-priority=low]{color:var(--priority-low)}.priority-tab--active[data-priority=high]{background:#e74c3c1f;border-color:var(--priority-high);font-weight:600}.priority-tab--active[data-priority=medium]{background:#f39c121f;border-color:var(--priority-medium);font-weight:600}.priority-tab--active[data-priority=low]{background:#27ae601f;border-color:var(--priority-low);font-weight:600}.comment-row{display:flex;gap:10px;margin-bottom:12px}.comment-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center}.comment-content{flex:1;min-width:0}.comment-body{font-size:.88rem;color:var(--text-primary);line-height:1.5}.comment-mention{font-weight:600;color:#2563eb;background:#2563eb14;border-radius:3px;padding:0 2px}.comment-date{display:block;margin-top:3px;font-size:.72rem;color:var(--text-muted)}.comment-meta{display:flex;align-items:center;gap:10px}.comment-actions{display:flex;gap:4px}.comment-action-btn{background:var(--list-bg);border:1px solid var(--task-border);padding:2px 8px;font-size:.72rem;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background .1s,color .1s,border-color .1s;font-weight:500}.comment-action-btn:hover{background:var(--task-hover);color:var(--text-primary);border-color:var(--accent)}.comment-action-btn--danger:hover{background:#dc262614;color:var(--priority-high);border-color:var(--priority-high)}.comment-edit-input{width:100%;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:6px 8px;font-size:.88rem;background:transparent;color:var(--text-primary);resize:none;outline:none;font-family:inherit}.comment-edit-actions{display:flex;gap:6px;margin-top:4px}.comment-cancel-btn{background:none;border:none;font-size:.78rem;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:color .1s}.comment-cancel-btn:hover{color:var(--text-primary)}.comment-row--reply{padding-left:20px;opacity:.9}.child-step-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;border-bottom:1px solid var(--task-border);transition:background .12s;background:var(--task-bg)}.child-step-row:hover{background:var(--task-hover)}.child-step-row .subtask-actions{padding:3px;border-radius:calc(var(--radius-sm) + 2px);background:#3d9ad114;border:1px solid rgba(61,154,209,.18);box-shadow:0 1px 2px #0000000a}.child-step-row:hover .subtask-actions,.child-step-row:focus-within .subtask-actions{background:#3d9ad124;border-color:#3d9ad147}.child-step-row .child-step-edit-btn{opacity:0;pointer-events:none;transition:opacity .12s ease}.child-step-row:hover .child-step-edit-btn,.child-step-row:focus-within .child-step-edit-btn,.child-step-title--editing+.subtask-actions .child-step-edit-btn{opacity:1;pointer-events:auto}.child-step-row--selected{background:var(--task-active-bg);border-left:2px solid var(--accent);padding-left:6px}.child-step-row--done{opacity:.55}.child-step-list{display:flex;flex-direction:column}.child-step-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:12px;flex-shrink:0;color:var(--text-muted);cursor:grab;opacity:0;transition:opacity .12s}.child-step-row:hover .child-step-drag-handle,.child-step-row:focus-within .child-step-drag-handle{opacity:.7}.child-step-drag-handle:active{cursor:grabbing}.child-step-drag-handle--placeholder{visibility:hidden;opacity:0;pointer-events:none;cursor:default}.child-step-row--ghost{opacity:.35}.child-step-row--chosen{background:var(--task-hover)}.child-step-row--dragging{opacity:.9;box-shadow:0 2px 10px #0000001f}.child-step-title{flex:1;font-size:.875rem;color:var(--text-primary);cursor:pointer;border-radius:3px;padding:1px 3px;outline:none;min-width:0;word-break:break-word}.child-step-title--editing{background:var(--task-active-bg);box-shadow:0 0 0 1px var(--accent);cursor:text}.child-step-title--done{text-decoration:line-through;color:var(--text-muted)}.completed-section-header--sm{padding:6px 8px;font-size:.7rem;margin-top:2px;border-left:none;border-right:none;background:transparent}.comment-form-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.comment-reply-indicator{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--accent);background:var(--accent-dim);padding:3px 8px;border-radius:var(--radius-sm)}.comment-form{display:flex;align-items:flex-start;gap:8px;padding-top:8px;border-top:1px solid var(--task-border)}.comment-input-wrap{position:relative;flex:1}.comment-input{width:100%;box-sizing:border-box;border:1px solid var(--task-border);border-radius:var(--radius-sm);padding:7px 10px;font-size:.88rem;font-family:inherit;outline:none;background:transparent;transition:border-color .15s;resize:none;min-height:34px;max-height:200px;line-height:1.45;overflow-y:auto}.comment-input:focus{border-color:var(--accent)}.comment-input::placeholder{color:var(--text-muted)}.mention-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 24px #00000024,0 2px 6px #00000014;list-style:none;margin:0;padding:4px 0;z-index:9999;max-height:220px;overflow-y:auto}.mention-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;transition:background .1s}.mention-item:hover,.mention-item--active{background:#f3f4f6}.mention-avatar{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mention-info{display:flex;flex-direction:column;min-width:0}.mention-name{font-size:.84rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-email{font-size:.73rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-submit{padding:7px 14px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.comment-submit:hover{background:var(--accent-hover)}.source-index{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.source-link{display:block;font-size:.82rem;color:var(--accent);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.source-link:hover{text-decoration:underline}.rendered-preview{border:1px solid var(--task-border);border-radius:var(--radius-md);padding:14px;font-size:.88rem;line-height:1.6;color:var(--text-primary);overflow-x:auto;max-width:100%}.rendered-preview>*:first-child{margin-top:0}.rendered-preview>*:last-child{margin-bottom:0}.rendered-preview a{color:var(--accent)}.rendered-preview img,.rendered-preview video,.rendered-preview iframe{max-width:100%}.global-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,140px);animation:gsearch-fade-in .12s ease}@keyframes gsearch-fade-in{0%{opacity:0}to{opacity:1}}.global-search-modal{width:min(560px,calc(100vw - 32px));background:var(--task-bg);border:1px solid var(--task-border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0003,0 0 0 1px #0000000d;overflow:hidden;animation:gsearch-slide-in .15s ease}@keyframes gsearch-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.global-search-input-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--task-border)}.global-search-icon{color:var(--text-muted);flex-shrink:0}.global-search-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--text-primary)}.global-search-input::placeholder{color:var(--text-muted)}.global-search-kbd{font-size:.65rem;font-family:inherit;color:var(--text-muted);background:var(--list-bg);border:1px solid var(--task-border);border-radius:4px;padding:2px 6px;flex-shrink:0}.global-search-results{max-height:min(50vh,400px);overflow-y:auto;padding:6px 0}.global-search-result{display:flex;align-items:center;gap:10px;padding:10px 18px;cursor:pointer;transition:background .1s}.global-search-result:hover,.global-search-result--selected{background:var(--task-hover)}.global-search-result--selected{background:var(--task-active-bg)}.global-search-result-check{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--task-border);display:flex;align-items:center;justify-content:center}.global-search-result-check--done{background:var(--accent);border-color:var(--accent);color:#fff}.global-search-result-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.global-search-result-title{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-result-title--done{text-decoration:line-through;color:var(--text-muted)}.global-search-result-meta{display:flex;align-items:center;gap:6px}.global-search-empty{padding:24px 18px;text-align:center;color:var(--text-muted);font-size:.88rem}.global-search-footer{padding:12px 18px;font-size:.78rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--task-border)}.list-panel-count{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.list-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);padding:40px 20px}.list-empty-title{font-size:.92rem;font-weight:600;color:var(--text-secondary)}.list-empty-hint{font-size:.8rem;color:var(--text-muted)}.task-row--overdue{border-left:3px solid var(--due-overdue)}.task-row--overdue:not(.task-row--active){background:var(--due-overdue-bg)}.task-row-note-icon{display:flex;align-items:center;color:var(--text-muted);opacity:.6;flex-shrink:0}.due-date-row{display:flex;flex-direction:column;gap:8px}.due-date-quick-picks{display:flex;gap:6px;flex-wrap:wrap}.due-date-quick-btn{padding:4px 10px;border:1px solid var(--task-border);border-radius:var(--radius-sm);background:var(--task-bg);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .12s;font-weight:500}.due-date-quick-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.due-date-quick-btn--clear{color:var(--text-muted)}.due-date-quick-btn--clear:hover{border-color:var(--priority-high);color:var(--priority-high);background:#e74c3c14}.detail-empty-title{font-size:.92rem;font-weight:600;color:var(--text-secondary)}.detail-empty-hint{font-size:.8rem;color:var(--text-muted);max-width:240px;text-align:center;line-height:1.5}@media(max-width:900px){:root{--sidebar-width: 200px;--list-width: 280px}}.sidebar-backdrop,.detail-back-btn,.notes-back-btn{display:none}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:68px;background:var(--sidebar-bg, #fff);border-top:1px solid var(--detail-border);z-index:150;align-items:stretch;justify-content:space-around}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:500;padding:8px 0 6px;-webkit-tap-highlight-color:transparent}.mobile-nav-btn--active{color:var(--accent)}.mobile-nav-btn svg{flex-shrink:0}@media(max-width:768px){.profile-menu-backdrop{z-index:198}.app-shell{position:relative}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:280px!important;transform:translate(-100%);transition:transform .25s ease;pointer-events:auto}.app-shell:not(.app-shell--sidebar-collapsed) .sidebar{transform:translate(0)}.sidebar--collapsed{width:280px!important}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.list-panel{width:100%!important;flex:1;min-width:0}.list-panel-resizer{display:none}.detail-panel{position:fixed;top:0;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:100;width:100%;max-width:100%;transform:translate(100%);transition:transform .25s ease;border-left:none;padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.detail-panel-inner{overflow-x:hidden;max-width:100%}.app-shell--mobile-detail .detail-panel{transform:translate(0)}.notes-panel{position:relative}.notes-list{width:100%!important;border-right:none;display:flex!important}.notes-floating-toggles{display:none!important}.notes-panel--list-collapsed .notes-editor-toolbar{padding-left:18px}.notes-panel--list-collapsed .note-editor-title{padding-left:20px}.notes-editor{position:fixed;top:0;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:100;width:100%;transform:translate(100%);transition:transform .25s ease;background:var(--list-bg);padding-bottom:env(safe-area-inset-bottom)}.app-shell--mobile-detail .notes-editor{transform:translate(0)}.notes-back-btn{display:flex}.app-shell--calendar .list-panel{display:none}.app-shell--calendar .detail-panel{display:flex}.calendar-panel{flex:1;border-left:none}.detail-back-btn{display:flex}.list-panel-header{padding:14px 12px 10px}.task-row{padding:0 10px 0 6px;height:52px}.detail-section{padding:14px 16px}.detail-header-container{padding-bottom:8px}.detail-title-row{gap:8px;padding:16px 12px 4px;min-width:0}.detail-title-input{width:0;min-width:0}.detail-created-by{padding:0 12px}.calendar-weekdays span{font-size:.68rem}.calendar-day{padding:4px 5px;gap:4px}.calendar-day-number{font-size:.74rem;width:22px;height:22px}.calendar-day-tasks{flex-direction:column;flex-wrap:nowrap;gap:2px;align-items:stretch;min-width:0}.calendar-task-chip{width:100%;min-width:0;min-height:16px;border-radius:4px;padding:2px 4px;font-size:.58rem;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}.calendar-task-more{display:block;font-size:.56rem;line-height:1.1;padding:0 2px}.calendar-week-grid{grid-template-columns:1fr}.calendar-week-col{flex-direction:row;align-items:stretch;border-right:none;border-bottom:1px solid var(--detail-border)}.calendar-week-col:last-child{border-right:none;border-bottom:none}.calendar-week-col-header{flex-direction:row;align-items:center;gap:8px;padding:10px 12px;min-width:100px;border-bottom:none;border-right:1px solid var(--detail-border)}.calendar-week-day-number{font-size:1rem;width:28px;height:28px}.calendar-week-month-hint{display:none}.calendar-week-tasks{flex-direction:row;flex-wrap:wrap;padding:8px;align-items:center;gap:4px}.calendar-task-chip--week{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;max-width:180px}.calendar-week-empty{display:none}.calendar-day-view{padding:12px}.calendar-day-task-row{padding:10px 12px}.calendar-view-switcher{margin-left:auto}.calendar-header{padding:10px 12px;gap:4px}.calendar-month-label{font-size:.88rem}.cal-view-btn{padding:4px 8px;font-size:.72rem}.confirm-modal{min-width:0;width:calc(100% - 32px);max-width:400px;padding:24px 20px 20px}.mobile-bottom-nav{display:flex;height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.list-panel,.calendar-panel{padding-bottom:0}}@media(hover:none),(pointer:coarse){.drag-handle{opacity:.5}.sidebar-nav-item--list .sidebar-list-delete-btn,.sidebar-nav-item--list .sidebar-list-action-btn,.sidebar-nav-item--list .sidebar-list-close-btn{width:20px;opacity:.7;visibility:visible;pointer-events:auto}.subtask-actions{display:flex!important}.child-step-row .child-step-edit-btn{opacity:1;pointer-events:auto}.task-check .task-check-icon{opacity:.3}.task-check--done .task-check-icon,.task-check-icon--done{opacity:1}.list-picker-trigger{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.subtask-nest-btn{width:32px;height:32px;font-size:.9rem}.comment-action-btn{padding:6px 12px;font-size:.78rem}.priority-tab{padding:10px 0}.calendar-day{min-height:60px}.task-check{width:26px;height:26px}.note-preview{border-color:var(--task-border);background:var(--task-bg)}}@media(max-width:400px){.sidebar,.sidebar--collapsed{width:260px!important}.detail-section{padding:12px}.detail-header-container{padding-bottom:8px}.detail-title-row{padding:12px 12px 4px}.comment-row{gap:6px}.comment-avatar{width:24px;height:24px;font-size:.7rem}}@media(min-width:769px){.app-shell--calendar .detail-panel{flex:none;width:380px}}.calendar-panel{flex:1;background:var(--detail-bg);display:flex;flex-direction:column;border-left:1px solid var(--detail-border);overflow:hidden;min-width:0}.calendar-header{display:flex;align-items:center;gap:8px;padding:14px 20px 12px;border-bottom:1px solid var(--detail-border);flex-shrink:0;flex-wrap:wrap}.calendar-month-label{flex:1;font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.calendar-nav-btn:hover{background:#0000000f;color:var(--text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--list-bg);border-bottom:1px solid var(--detail-border);flex-shrink:0}.calendar-weekdays span{padding:8px 0;text-align:center;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.calendar-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);overflow:hidden}.calendar-day{border-right:1px solid var(--detail-border);border-bottom:1px solid var(--detail-border);padding:6px 8px;cursor:pointer;transition:background .12s;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:3px}.calendar-day:hover{background:var(--task-hover)}.calendar-day--other-month{background:#f9f9f9;opacity:.55}.calendar-day--today .calendar-day-number{background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.calendar-day--selected{background:var(--task-active-bg)}.calendar-day--selected .calendar-day-number{color:var(--accent);font-weight:700}.calendar-day--current-week{background:color-mix(in srgb,var(--accent) 4%,transparent)}.calendar-day-number{font-size:.8rem;font-weight:500;color:var(--text-secondary);width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-day-tasks{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.calendar-task-chip{font-size:.72rem;line-height:1.3;padding:2px 5px;border-radius:3px;background:var(--accent-dim);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .12s;font-weight:500}.calendar-task-chip:hover,.calendar-task-chip--selected{background:var(--accent);color:#fff}.calendar-day--drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-dim)!important}.calendar-week-col--drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:var(--accent-dim)}.calendar-day-view--drop-target{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:8px}.calendar-task-chip--completed{text-decoration:line-through;opacity:.5}.calendar-task-chip--completed:hover{opacity:.75}.calendar-day-task-row--completed .calendar-day-task-title{text-decoration:line-through;opacity:.55}.calendar-day-task-row--completed .calendar-day-task-desc{opacity:.45}.calendar-day-task-row--completed .calendar-day-task-priority{opacity:.35}.calendar-task-chip[data-priority=high]{background:#e74c3c1f;color:var(--priority-high)}.calendar-task-chip[data-priority=high]:hover,.calendar-task-chip[data-priority=high].calendar-task-chip--selected{background:var(--priority-high);color:#fff}.calendar-task-chip[data-priority=low]{background:#27ae601f;color:var(--priority-low)}.calendar-task-chip[data-priority=low]:hover,.calendar-task-chip[data-priority=low].calendar-task-chip--selected{background:var(--priority-low);color:#fff}.calendar-task-more{font-size:.7rem;color:var(--text-muted);padding:1px 5px}.calendar-view-switcher{display:flex;gap:2px;background:var(--list-bg);border:1px solid var(--task-border);border-radius:var(--radius-md);padding:2px}.cal-view-btn{padding:4px 11px;font-size:.78rem;font-weight:500;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.cal-view-btn:hover{background:#0000000d;color:var(--text-primary)}.cal-view-btn--active{background:var(--accent);color:#fff}.cal-today-btn{border-right:1px solid rgba(0,0,0,.1);border-radius:0;margin-right:4px;padding-right:12px;color:var(--accent);font-weight:600}.cal-today-btn:hover{background:var(--accent-dim)}.calendar-week-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);overflow-y:auto;border-top:1px solid var(--detail-border)}.calendar-week-col{display:flex;flex-direction:column;border-right:1px solid var(--detail-border);cursor:pointer;transition:background .12s;min-height:0;overflow:hidden}.calendar-week-col:last-child{border-right:none}.calendar-week-col:hover{background:var(--task-hover)}.calendar-week-col--today{background:rgba(var(--accent-rgb, 76, 110, 245),.04)}.calendar-week-col--selected{background:var(--task-active-bg)}.calendar-week-col-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;border-bottom:1px solid var(--detail-border);flex-shrink:0}.calendar-week-day-name{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.calendar-week-day-number{font-size:1.15rem;font-weight:600;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-week-day-number--today{background:var(--accent);color:#fff}.calendar-week-month-hint{font-size:.65rem;color:var(--text-muted)}.calendar-week-tasks{flex:1;display:flex;flex-direction:column;gap:3px;padding:6px 4px;overflow-y:auto}.calendar-task-chip--week{white-space:normal;word-break:break-word}.calendar-week-empty{color:var(--text-muted);font-size:.75rem;text-align:center;padding-top:4px}.calendar-day-view{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.calendar-day-view-empty{color:var(--text-muted);font-size:.9rem;text-align:center;padding-top:40px}.calendar-day-task-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--task-border);background:var(--task-bg);cursor:pointer;transition:background .12s,border-color .12s}.calendar-day-task-row:hover{background:var(--task-hover);border-color:var(--accent)}.calendar-day-task-row--selected{background:var(--task-active-bg);border-color:var(--accent)}.calendar-day-task-priority{flex-shrink:0;width:4px;height:36px;border-radius:2px;background:var(--text-muted);align-self:center}.calendar-day-task-priority[data-priority=high]{background:var(--priority-high)}.calendar-day-task-priority[data-priority=low]{background:var(--priority-low)}.calendar-day-task-priority[data-priority=medium]{background:var(--accent)}.calendar-day-task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.calendar-day-task-title{font-size:.92rem;font-weight:500;color:var(--text-primary)}.calendar-day-task-title--done{text-decoration:line-through;color:var(--text-muted)}.calendar-day-task-desc{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-day-task-badge{flex-shrink:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:10px;background:var(--accent-dim);color:var(--accent);align-self:flex-start}.calendar-day-task-badge[data-priority=high]{background:#e74c3c1f;color:var(--priority-high)}.calendar-day-task-badge[data-priority=low]{background:#27ae601f;color:var(--priority-low)}.sidebar-section-label{padding:14px 18px 4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-muted)}.sidebar-list-color{flex-shrink:0;width:10px;height:10px;border-radius:50%;display:inline-block}.sidebar-list-color-wrap{position:relative;flex-shrink:0}.sidebar-list-color-btn{background:none;border:none;padding:4px;margin:-4px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s}.sidebar-list-color-btn:hover{transform:scale(1.3)}.color-picker-popover{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:10px;box-shadow:0 8px 24px #00000059;z-index:300}.color-picker-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s}.color-picker-swatch:hover{transform:scale(1.2)}.color-picker-swatch--active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.sidebar-add-category{display:flex;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;color:var(--sidebar-muted);cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.sidebar-add-category:hover{color:var(--sidebar-text)}.sidebar-add-list-form{display:flex;align-items:center;gap:6px;padding:6px 18px 6px 14px}.sidebar-add-list-input{flex:1;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff14;color:var(--sidebar-text);padding:5px 8px;font-size:.82rem;outline:none;min-width:0}.sidebar-add-list-input::placeholder{color:var(--sidebar-muted)}.sidebar-add-list-input:focus{border-color:var(--accent)}.sidebar-add-list-btn{flex-shrink:0;padding:5px 10px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.sidebar-add-list-btn:hover:not(:disabled){background:var(--accent-hover)}.sidebar-add-list-btn:disabled{opacity:.4;cursor:default}.subtask-title-input{flex:1;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:3px 7px;font-size:.88rem;color:var(--text-primary);background:var(--task-bg);outline:none;min-width:0}.subtask-title{flex:1;font-size:.88rem;color:var(--text-primary);cursor:text;min-width:0}.subtask-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.subtask-row:hover .subtask-actions,.subtask-row:focus-within .subtask-actions,.child-step-row:hover .subtask-actions,.child-step-row:focus-within .subtask-actions{display:flex}.subtask-nest-btn{width:24px;height:24px;border:1px solid var(--task-border);border-radius:var(--radius-sm);background:#fff;color:var(--text-muted);font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s,transform .12s;line-height:1;padding:0}.subtask-nest-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#fff;border-radius:var(--radius-md, 8px);box-shadow:0 8px 32px #0000002e;padding:28px 32px 24px;min-width:320px;max-width:480px;width:90%}.confirm-modal-title{font-size:1.1rem;font-weight:600;margin:0 0 10px;color:var(--text-primary, #111)}.confirm-modal-hint{font-size:.82rem;color:var(--text-muted);margin:-4px 0 14px;line-height:1.4}.confirm-modal-message{font-size:.92rem;color:var(--text-muted, #555);margin:0 0 24px;line-height:1.5}.upgrade-modal{text-align:center}.upgrade-modal-icon{color:var(--accent);margin-bottom:12px}.upgrade-modal .confirm-modal-title,.upgrade-modal .confirm-modal-message{text-align:center}.upgrade-modal-price{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}.upgrade-modal-period{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.upgrade-modal .confirm-modal-actions{justify-content:center}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-btn{padding:8px 18px;border-radius:var(--radius-sm, 5px);font-size:.9rem;font-weight:500;border:none;cursor:pointer;transition:background .12s,opacity .12s}.confirm-btn--cancel{background:var(--list-bg, #f0f0f0);color:var(--text-primary, #333)}.confirm-btn--cancel:hover{background:var(--task-border, #e8e8e8)}.confirm-btn--primary{background:var(--accent, #2563eb);color:#fff}.confirm-btn--primary:hover{opacity:.88}.confirm-btn--danger{background:#e74c3c;color:#fff}.confirm-btn--danger:hover{background:#c0392b}.collab-invite-btn{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--accent, #2563eb);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px}.collab-invite-btn:hover{background:var(--accent-bg, rgba(37, 99, 235, .08))}.collab-list{display:flex;flex-direction:column;gap:6px}.collab-list--compact{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--task-border)}.collab-role-badge{font-size:.68rem;color:var(--text-secondary, #888);text-transform:capitalize;margin-left:auto}.collab-row{display:flex;align-items:center;gap:8px;padding:4px 0}.collab-row--pending .collab-name{color:var(--text-secondary)}.collab-avatar--pending{background:transparent!important;border:1.5px dashed var(--text-muted);color:var(--text-muted)!important}.collab-pending-badge{display:inline-flex;align-items:center;padding:1px 7px;margin-right:6px;border-radius:999px;background:var(--accent-dim, rgba(37, 99, 235, .1));color:var(--accent, #2563eb);font-size:.68rem;font-weight:600;white-space:nowrap}.collab-row--owner{border-bottom:1px solid var(--task-border);margin-bottom:2px}.collab-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent, #2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.collab-info{display:flex;flex-direction:column;min-width:0;flex:1}.collab-name{font-size:.82rem;font-weight:500;color:var(--text-primary, #222);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-role{font-size:.7rem;color:var(--text-secondary, #888);text-transform:capitalize}.collab-remove-btn{flex-shrink:0}.collab-summary{margin:0;font-size:.8rem;color:var(--text-secondary, #888)}.collab-empty{font-size:.8rem;color:var(--text-secondary, #888);margin:0}.invite-email-input{width:100%;margin-bottom:10px}.invite-email-input--error{border-color:var(--due-overdue)!important}.invite-error{margin:-4px 0 10px;font-size:.8rem;color:var(--due-overdue)}.invite-role-row{display:flex;gap:16px;margin-bottom:12px;font-size:.85rem;color:var(--text-primary, #222)}.invite-role-row label{display:flex;align-items:center;gap:4px;cursor:pointer}.sidebar-nav-item--invitations{color:#fff;background:#2563eb38;border-left:3px solid var(--accent, #2563eb);padding-left:calc(var(--sidebar-item-px, 12px) - 3px);border-radius:6px;font-weight:600}.sidebar-nav-item--invitations:hover{background:#2563eb52}.sidebar-badge--accent{background:var(--accent, #2563eb);color:#fff;min-width:20px;text-align:center;box-shadow:0 0 0 2px #2563eb59}.invitations-panel{padding:0 12px 8px;display:flex;flex-direction:column;gap:6px}.invitation-row{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;background:#2563eb24;border:1px solid rgba(37,99,235,.3)}.invitation-info{display:flex;flex-direction:column}.invitation-title{font-size:.82rem;font-weight:600;color:#fff}.invitation-title--list{display:flex;align-items:center;color:#60a5fa}.invitation-from{font-size:.72rem;color:#fff9;margin-top:1px}.invitation-actions{display:flex;gap:6px}.invitation-accept{background:var(--accent, #2563eb);color:#fff;font-size:.75rem;padding:4px 12px}.invitation-decline{font-size:.75rem;padding:4px 12px;background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.18)}.invitation-decline:hover{background:#ffffff24;color:#fff}.task-shared-badge{font-size:.65rem;background:var(--accent-bg, rgba(37, 99, 235, .1));color:var(--accent, #2563eb);padding:1px 5px;border-radius:3px;font-weight:600;margin-left:4px;flex-shrink:0}.tag-section{display:flex;flex-direction:column;gap:8px}.tag-chips{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:color-mix(in srgb,var(--tag-color, var(--accent)) 12%,white);color:var(--tag-color, var(--accent));border:1px solid color-mix(in srgb,var(--tag-color, var(--accent)) 30%,transparent);border-radius:12px;font-size:.8rem;font-weight:500}.tag-chip-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;opacity:.6}.tag-chip-remove:hover{opacity:1}.tag-input-wrap{position:relative}.tag-input{width:100%;resize:none;overflow:hidden;font-family:inherit;line-height:1.4}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--detail-bg, #fff);border:1px solid var(--detail-border, #e5e7eb);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:10;max-height:150px;overflow-y:auto}.tag-suggestion-item{display:flex;align-items:center;width:100%}.tag-suggestion-add{flex:1;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;color:var(--text-primary, #111);font-size:.85rem}.tag-suggestion-add:hover{background:var(--accent-dim, rgba(37, 99, 235, .08))}.tag-suggestion-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:4px;background:none;border:none;border-radius:4px;color:var(--text-muted, #9ca3af);cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .12s,color .12s}.tag-suggestion-item:hover .tag-suggestion-delete{opacity:1}.tag-suggestion-delete:hover{color:var(--danger, #ef4444);background:#ef444414}.people-subrow{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 0}.people-sublabel{font-size:.75rem;font-weight:600;color:var(--text-secondary, #6b7280);min-width:78px;flex-shrink:0}.people-empty-label{font-size:.78rem;color:var(--text-muted, #9ca3af)}.people-avatars{display:flex;align-items:center}.people-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent, #2563eb);color:#fff;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-right:-5px;border:2px solid var(--detail-bg, #fff);position:relative;flex-shrink:0}.people-avatar--collab{background:#64748b}.people-action-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;margin-left:4px;border:1px solid var(--detail-border, #e5e7eb);border-radius:6px;background:none;color:var(--text-secondary, #6b7280);font-size:.75rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.people-action-btn:hover{background:var(--accent-dim, rgba(37, 99, 235, .08));color:var(--accent, #2563eb);border-color:var(--accent, #2563eb)}.people-modal{max-width:420px;width:100%;padding:0;overflow:hidden}.people-modal-tabs{display:flex;border-bottom:1px solid var(--task-border, #e5e7eb)}.people-modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.83rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:color .15s}.people-modal-tab--active{color:var(--accent, #2563eb);border-bottom-color:var(--accent, #2563eb)}.people-modal-tab-count{background:var(--accent, #2563eb);color:#fff;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:700}.people-modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;min-height:240px}.people-modal-add-section{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--task-border, #e5e7eb)}.people-modal-add-label{margin:0;font-size:.78rem;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.04em}.people-modal-hint{margin:0;font-size:.75rem;color:var(--text-muted, #9ca3af)}.people-search-row{display:flex;align-items:flex-start;gap:8px}.people-search-row .people-search-wrap{flex:1}.people-add-btn{flex-shrink:0;padding:6px 14px;font-size:.8rem}.people-search-wrap{position:relative}.people-search-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--task-border, #e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001a;list-style:none;margin:0;padding:4px;z-index:10;max-height:180px;overflow-y:auto}.people-search-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .1s}.people-search-item:hover{background:var(--hover-bg, #f3f4f6)}.people-search-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent, #2563eb);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.people-search-info{display:flex;flex-direction:column;min-width:0}.people-search-name{font-size:.82rem;font-weight:500;color:var(--text-primary, #111);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-search-sub{font-size:.72rem;color:var(--text-muted, #9ca3af);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-remove-btn{flex-shrink:0;background:none;border:1px solid var(--task-border, #e5e7eb);border-radius:5px;padding:2px 8px;font-size:.72rem;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.collab-remove-btn:hover{background:#ef444414;color:#dc2626;border-color:#fca5a5}.collab-remove-confirm{display:flex;align-items:center;gap:6px;margin-left:auto}.collab-remove-confirm-text{font-size:.75rem;color:var(--text-secondary, #6b7280)}.collab-remove-confirm-yes{padding:2px 8px;background:#dc2626;color:#fff;border:none;border-radius:5px;font-size:.72rem;cursor:pointer}.collab-remove-confirm-no{padding:2px 8px;background:none;border:1px solid var(--task-border, #e5e7eb);border-radius:5px;font-size:.72rem;color:var(--text-secondary, #6b7280);cursor:pointer}.collab-role--owner{color:#d97706;font-weight:600}.invite-role-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.82rem;color:var(--text-primary, #222)}.invite-role-desc{font-size:.72rem;color:var(--text-muted, #9ca3af)}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:none;color:var(--sidebar-muted, rgba(255,255,255,.5));cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.notif-bell-btn:hover{color:var(--sidebar-text, rgba(255,255,255,.88));background:var(--sidebar-hover, #3a4f65)}.notif-bell-btn--connected{color:var(--sidebar-text, rgba(255,255,255,.88))}.notif-live-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;background:#22c55e;border-radius:50%;pointer-events:none}.notif-badge{position:absolute;top:1px;right:1px;min-width:14px;height:14px;padding:0 3px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;line-height:14px;border-radius:7px;text-align:center;pointer-events:none}.notif-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299}@keyframes notif-panel-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.notif-panel{position:fixed;top:8px;left:calc(var(--sidebar-width, 240px) + 8px);width:320px;max-height:480px;background:var(--bg, #fff);border:1px solid var(--detail-border, #e5e7eb);border-radius:10px;box-shadow:0 8px 32px #00000024;z-index:300;display:flex;flex-direction:column;overflow:hidden;animation:notif-panel-in .12s ease}.notif-panel:before{content:"";position:absolute;top:18px;left:-6px;width:10px;height:10px;background:var(--bg, #fff);border-left:1px solid var(--detail-border, #e5e7eb);border-bottom:1px solid var(--detail-border, #e5e7eb);transform:rotate(45deg)}@media(max-width:768px){.notif-panel{left:8px;right:8px;width:auto;top:8px;max-height:70vh}.notif-panel:before{display:none}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--detail-border, #e5e7eb)}.notif-panel-actions{display:flex;align-items:center;gap:4px}.notif-clear-btn{border:none;background:none;font-size:.74rem;color:var(--text-muted, #9ca3af);cursor:pointer;padding:2px 6px;border-radius:4px}.notif-clear-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.notif-panel-title{font-size:.82rem;font-weight:600;color:var(--text-primary, #111827)}.notif-panel-close{width:22px;height:22px;border:none;background:none;color:var(--text-muted, #9ca3af);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.notif-panel-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #111827)}.notif-empty{padding:20px;text-align:center;font-size:.82rem;color:var(--text-muted, #9ca3af)}.notif-list{overflow-y:auto;flex:1}.notif-item{display:flex;align-items:stretch;border-bottom:1px solid var(--detail-border, #e5e7eb);transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-hover, #f9fafb)}.notif-item--unread{background:var(--accent-dim, rgba(37,99,235,.05))}.notif-item--unread:hover{background:var(--accent-dim, rgba(37,99,235,.1))}.notif-item-main{display:flex;gap:10px;flex:1;padding:10px 4px 10px 12px;border:none;background:none;text-align:left;cursor:pointer;min-width:0}.notif-item-dismiss{flex-shrink:0;width:28px;border:none;background:none;color:var(--text-muted, #9ca3af);cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .1s}.notif-item:hover .notif-item-dismiss{opacity:1}.notif-item-dismiss:hover{color:var(--text-primary, #111827)}.notif-item-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bg-hover, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);margin-top:1px}.notif-item-icon[data-type=mention]{background:#8b5cf61f;color:#7c3aed}.notif-item-icon[data-type=assignee]{background:#2563eb1a;color:#2563eb}.notif-item-icon[data-type=collaborator]{background:#10b9811a;color:#059669}.notif-item-icon[data-type=reply]{background:#ea580c1a;color:#ea580c}.notif-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-title{font-size:.8rem;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-body{font-size:.76rem;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-panel{flex:1;display:flex;min-width:0;background:var(--list-bg);overflow:hidden}.notes-list{width:280px;flex-shrink:0;border-right:1px solid var(--task-border);display:flex;flex-direction:column;overflow-y:auto}.notes-list-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--task-border);position:sticky;top:0;background:var(--list-bg);z-index:1}.notes-list-title{font-size:1rem;font-weight:600;margin:0}.notes-empty{padding:24px 16px;color:var(--text-secondary, #6b7280);font-size:.85rem}.notes-empty-title{margin:0 0 6px;font-weight:600;color:var(--text-primary, #111827)}.notes-empty-hint{margin:0;line-height:1.4}.notes-empty-hint code{font-size:.78rem;background:#0000000d;padding:1px 4px;border-radius:3px}.notes-list-item{padding:10px 14px;border-bottom:1px solid var(--task-border);cursor:pointer;display:flex;flex-direction:column;gap:2px}.notes-list-item:hover{background:#00000008}.notes-list-item--active{background:#0000000d;border-left:3px solid var(--accent);padding-left:11px}.notes-list-item-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-pin-dot{color:var(--accent);margin-right:4px;font-size:.85em}.notes-list-item-preview{font-size:.78rem;color:var(--text-secondary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-editor{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.notes-editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280)}.notes-editor-toolbar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--task-border)}@media(min-width:769px){.notes-editor{position:relative}}.notes-floating-toggles{position:absolute;top:9px;left:12px;z-index:101;display:flex;align-items:center;gap:2px}.notes-panel--list-collapsed .notes-editor-toolbar,.notes-panel--list-collapsed .note-editor-title{padding-left:76px}.notes-editor-spacer{flex:1}.note-editor-title{width:100%;border:none;outline:none;background:transparent;padding:18px 20px 8px;font-size:1.4rem;font-weight:600;color:var(--text-primary, #111827)}.note-editor-body{flex:1;width:100%;border:none;outline:none;background:transparent;resize:none;padding:4px 20px 16px;font-size:.95rem;font-family:inherit;line-height:1.55;color:var(--text-primary, #111827)}.note-preview--page-body{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 16px;font-size:.95rem;line-height:1.55;border-radius:0;border-color:transparent;background:transparent}.note-preview--page-body:hover,.note-preview--page-body:focus{border-color:transparent;background:transparent}.note-placeholder{color:var(--text-muted, #9ca3af);font-style:italic}.note-placeholder code{padding:1px 5px;border-radius:4px;background:var(--list-bg, #f4f7fa);color:var(--text-secondary, #4b5563);font-size:.9em;font-style:normal}.page-task-open{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;padding:0;vertical-align:middle;border:none;border-radius:4px;background:transparent;color:var(--text-muted, #9ca3af);cursor:pointer;opacity:.4;-webkit-user-select:none;user-select:none;transition:opacity .12s,color .12s,background .12s}.note-preview--page-body li:hover>.page-task-open,.page-task-open:hover,.page-task-open:focus-visible{opacity:1}.page-task-open:hover{color:var(--accent, #2563eb);background:var(--accent-dim, rgba(37, 99, 235, .08))}@media(hover:none){.page-task-open{opacity:.7}}.notes-editor .note-toolbar{margin:0;padding:4px 16px;border:none;border-bottom:1px solid var(--task-border);border-radius:0;background:transparent}.notes-editor .note-toolbar-btn:hover{background:var(--task-border, rgba(0, 0, 0, .08));color:var(--text-primary)}.note-editor-footer{display:flex;gap:8px;align-items:center;padding:8px 18px;border-top:1px solid var(--task-border);font-size:.78rem;color:var(--text-secondary, #6b7280)}.from-pages-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 16px;background:none;border:none;border-top:1px solid var(--task-border);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #6b7280);cursor:pointer;text-align:left;margin-top:4px}.from-pages-toggle:hover{color:var(--text-primary)}.from-pages-toggle-arrow{flex-shrink:0;transition:transform .15s ease}.from-pages-toggle-arrow--open{transform:rotate(90deg)}.from-pages-badge{background:var(--surface-hover, rgba(0,0,0,.06));padding:1px 6px;border-radius:10px;font-weight:500}.from-pages-section{padding-bottom:8px}.from-pages-group{margin:4px 8px 8px}.from-pages-note-label{display:flex;align-items:center;gap:5px;padding:4px 8px 2px;font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280);background:none;border:none;cursor:pointer;width:100%;text-align:left;border-radius:4px}.from-pages-note-label:hover{color:var(--text-primary);background:var(--surface-hover, rgba(0,0,0,.04))}.from-pages-note-label--disabled{cursor:default;opacity:.7}.from-pages-note-label--disabled:hover{color:var(--text-secondary, #6b7280);background:none}.task-row--from-pages{opacity:.8}.task-row--from-pages:hover{opacity:1}.notes-panel{background:#fff}.notes-list{width:300px;background:#f8fafc}.notes-list-header{justify-content:flex-start;gap:10px;padding:13px 12px;background:#f8fafcf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notes-list-heading{flex:1;min-width:0}.notes-list-title{font-size:.98rem;line-height:1.2}.notes-list-subtitle{display:block;margin-top:2px;font-size:.72rem;color:var(--text-muted)}.notes-list-actions{display:flex;align-items:center;gap:2px}.notes-new-page-btn{color:var(--accent);background:var(--accent-dim)}.notes-new-page-btn:hover{color:#fff;background:var(--accent)}.notes-empty{padding:28px 18px}.notes-list-item{margin:4px 8px;padding:10px 11px;border:1px solid transparent;border-radius:8px;gap:4px}.notes-list-item:hover{background:#fff;border-color:#edf1f5}.notes-list-item--active{background:#fff;border-color:#d7e9f6;border-left:3px solid var(--accent);box-shadow:0 1px 2px #2c3e500a;padding-left:9px}.notes-list-item-title{font-size:.88rem;line-height:1.3}.notes-list-item-preview{color:var(--text-muted);font-size:.77rem}.notes-editor{background:#fff}.notes-editor-empty{flex-direction:column;gap:12px;text-align:center;color:var(--text-muted);background:#fff}.notes-editor-empty svg{color:#cbd5df}.notes-editor-empty-title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.notes-editor-toolbar{min-height:56px;padding:10px 22px;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:100}.notes-editor-state{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:999px;background:#f4f7fa;color:var(--text-secondary);font-size:.76rem;font-weight:600}.notes-write-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid #d8e3ec;border-radius:6px;background:#fff;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.notes-write-btn:hover{border-color:#bfd7e9;background:#f5fbff;color:var(--accent)}.notes-write-btn:disabled{opacity:.5;cursor:default}.notes-editor-mode-seg{display:inline-flex;align-items:stretch;margin-right:8px;border:1px solid #d8e3ec;border-radius:999px;background:#f4f7fa;padding:2px;gap:2px}.notes-editor-mode-seg-btn{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.74rem;font-weight:600;transition:background .15s,color .15s}.notes-editor-mode-seg-btn:hover{color:var(--accent)}.notes-editor-mode-seg-btn--active{background:#fff;color:var(--text-primary);box-shadow:0 1px 2px #2c3e501f}.page-wysiwyg{flex:1;display:flex;flex-direction:column;min-height:0}.page-wysiwyg .note-toolbar{margin:0 0 8px;padding:6px 0;border-bottom:1px solid #edf1f5}.page-wysiwyg .note-toolbar-btn:disabled{opacity:.35;cursor:default}.note-toolbar-btn--active{background:var(--accent-dim, rgba(37, 99, 235, .1));color:var(--accent, #2563eb)}.page-wysiwyg-link-bar{display:flex;align-items:center;gap:6px;padding:6px 0 8px}.page-wysiwyg-link-input{flex:1;min-width:0;padding:6px 9px;border:1px solid var(--border, #dce3ea);border-radius:6px;background:var(--surface, #fff);color:inherit;font:inherit;font-size:.9rem}.page-wysiwyg-link-input:focus{outline:none;border-color:var(--accent, #2563eb)}.page-wysiwyg-link-btn{flex:0 0 auto;padding:6px 10px;border:1px solid var(--border, #dce3ea);border-radius:6px;background:none;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:.85rem;line-height:1;white-space:nowrap;transition:background .1s,color .1s}.page-wysiwyg-link-btn:hover{background:var(--list-bg, #f4f7fa);color:var(--text-primary, #24384a)}.page-wysiwyg-content{flex:1;min-height:0;overflow-y:auto}.page-wysiwyg-content .ProseMirror a{color:var(--accent, #2563eb);text-decoration:underline;text-underline-offset:2px;cursor:text}.page-wysiwyg-content .ProseMirror a:hover{background:var(--accent-dim, rgba(37, 99, 235, .1));border-radius:3px}.page-wysiwyg-content .ProseMirror{min-height:100%;padding:8px 0 28px;font-size:1rem;line-height:1.7;color:#24384a;outline:none}.page-wysiwyg-content .ProseMirror p{margin:0 0 .5em}.page-wysiwyg-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:var(--text-muted, #9ca3af);font-style:italic}.page-wysiwyg-content ul[data-type=taskList]{list-style:none;padding-left:4px}.page-wysiwyg-content ul[data-type=taskList] li{display:flex;align-items:baseline;gap:8px}.page-wysiwyg-content ul[data-type=taskList] li>label{flex-shrink:0}.page-wysiwyg-content ul[data-type=taskList] li>div{flex:1}.page-wysiwyg-content ul[data-type=taskList] li[data-checked=true]>div{opacity:.55;text-decoration:line-through}.page-wysiwyg-content table{border-collapse:collapse;margin:.5em 0;max-width:100%}.page-wysiwyg-content th,.page-wysiwyg-content td{border:1px solid var(--task-border);padding:4px 10px;text-align:left;min-width:48px}.page-wysiwyg-content th{background:var(--list-bg, #f4f7fa);font-weight:600}.page-wysiwyg-content .ProseMirror .selectedCell{background:var(--accent-dim, rgba(37, 99, 235, .08))}.notes-actions-wrap{position:relative;z-index:120}.notes-actions-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:168px;padding:4px 0;border:1px solid var(--task-border);border-radius:8px;background:#fff;box-shadow:0 10px 28px #2c3e5024;z-index:121}.notes-actions-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:.84rem;text-align:left}.notes-actions-item:hover{background:#f4f7fa}.notes-actions-item--danger{color:var(--priority-high)}.notes-document{flex:1;display:flex;flex-direction:column;width:100%;max-width:860px;min-height:0;align-self:center;padding:30px 44px 0}.notes-panel--list-collapsed .notes-document .note-editor-title{padding-left:0}.note-editor-title{padding:0 0 14px;font-size:2rem;font-weight:700;line-height:1.2}.note-editor-title::placeholder,.note-editor-body::placeholder{color:#b5c0ca}.note-editor-body,.note-preview--page-body{padding:8px 0 28px;font-size:1rem;line-height:1.7}.note-editor-body{min-height:0}.note-preview--page-body{color:#24384a}.note-placeholder{color:#a8b4bf;font-style:normal}.notes-editor .note-toolbar{margin:0 0 8px;padding:6px 0;border-bottom:1px solid #edf1f5}.note-editor-footer{background:#fff;padding:8px 22px}.note-editor-footer span+span:not(.notes-editor-spacer){margin-left:10px}@media(max-width:768px){.notes-list{width:100%!important}.notes-list-header{padding:12px}.notes-editor{position:fixed;top:0;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:100;width:100%;transform:translate(100%);transition:transform .25s ease;padding-bottom:env(safe-area-inset-bottom)}.app-shell--mobile-detail .notes-editor{transform:translate(0)}.notes-editor-toolbar,.notes-panel--list-collapsed .notes-editor-toolbar{padding:10px 12px}.notes-document{max-width:none;padding:22px 20px 0}.notes-panel--list-collapsed .notes-document .note-editor-title{padding-left:0}.note-editor-title{font-size:1.6rem}.note-editor-body,.note-preview--page-body{font-size:.98rem}.note-editor-footer{flex-wrap:wrap;padding:8px 14px}}.public-note{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;background:var(--list-bg);padding:32px 16px 24px}.public-note-card{width:100%;max-width:760px;background:var(--detail-bg);border:1px solid var(--detail-border);border-radius:var(--radius-lg);padding:32px 36px 40px}.public-note-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;overflow-wrap:break-word}.public-note-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:18px}.public-note-body,.public-note-body:hover,.public-note-body:focus{border-color:transparent;background:transparent;cursor:default;padding:0;font-size:.98rem}.public-note-status{text-align:center;padding:48px 12px;color:var(--text-secondary)}.public-note-status h1{font-size:1.2rem;color:var(--text-primary);margin-bottom:8px}.public-note-footer{margin-top:20px;font-size:.8rem;color:var(--text-muted)}.public-note-footer a{color:var(--accent);text-decoration:none}.public-note-footer a:hover{text-decoration:underline}@media(max-width:640px){.public-note{padding:0 0 16px}.public-note-card{border-radius:0;border-left:none;border-right:none;padding:24px 18px 32px}}.share-url-row{display:flex;gap:8px;margin:12px 0 4px}.share-url-input{flex:1;min-width:0;font-size:.82rem;color:var(--text-secondary)}.share-copy-btn{flex-shrink:0}.notes-actions-item-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}