:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", "Roboto", "Noto Sans KR", sans-serif;--color-bg: #ffffff;--color-bg-sidebar: #f7f6f4;--color-border: #e6e4e0;--color-text: #1f1f1f;--color-text-muted: #6b6b6b;--color-accent: #2563eb;--color-accent-bg: #eef2ff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-warn-bg: #fff7ed;--color-success-bg: #ecfdf5;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-hover: rgba(0, 0, 0, .05);--color-overlay: rgba(0, 0, 0, .55);--color-shadow: rgba(0, 0, 0, .18);--radius: 6px;--sidebar-width: 280px;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-bg: #17181c;--color-bg-sidebar: #1c1d22;--color-border: #33353c;--color-text: #e8e8ea;--color-text-muted: #9a9ba3;--color-accent: #5b8def;--color-accent-bg: #1e2a44;--color-danger: #f87171;--color-danger-bg: #3a1e1e;--color-warn-bg: #3a2a17;--color-success-bg: #16302a;--color-surface: #212226;--color-surface-muted: #26272c;--color-hover: rgba(255, 255, 255, .06);--color-overlay: rgba(0, 0, 0, .7);--color-shadow: rgba(0, 0, 0, .6)}:root[data-theme=gray]{color-scheme:light;--color-bg: #d9dde3;--color-bg-sidebar: #c9ced6;--color-border: #b5bbc5;--color-text: #252a31;--color-text-muted: #626a75;--color-accent: #315f9b;--color-accent-bg: #c8d5e5;--color-danger: #b42323;--color-danger-bg: #ead0d0;--color-warn-bg: #e7dcc8;--color-success-bg: #cfe1d6;--color-surface: #eceff3;--color-surface-muted: #dfe3e8;--color-hover: rgba(45, 53, 64, .1);--color-overlay: rgba(35, 40, 47, .58);--color-shadow: rgba(35, 40, 47, .24)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg)}button{font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;transition:transform .2s ease}.sidebar__team{padding:16px 14px 8px;font-weight:600;font-size:14px}.sidebar__search{margin:0 14px 8px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;background:var(--color-surface)}.sidebar__section-label{padding:12px 14px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.sidebar__new-page,.sidebar__link{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:13px;color:var(--color-text);cursor:pointer;border:none;background:none;width:100%;text-align:left;border-radius:var(--radius)}.sidebar__new-page:hover,.sidebar__link:hover,.page-tree__row:hover{background:var(--color-hover)}.sidebar__my-color{display:flex;align-items:center;gap:8px;padding:0 14px 8px;font-size:12px;color:var(--color-text-muted)}.sidebar__my-color input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:4px;background:none;cursor:pointer}.sidebar__my-color button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius);padding:2px 8px;font-size:11px;cursor:pointer}.sidebar__theme-switch{display:flex;gap:2px;padding:0 14px 8px}.sidebar__theme-btn{flex:1;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius);padding:5px 4px;font-size:11px;cursor:pointer;white-space:nowrap}.sidebar__theme-btn:not(:first-child){margin-left:-1px}.sidebar__theme-btn--active{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent);font-weight:600;position:relative;z-index:1}.sidebar__favorite{display:flex;align-items:center;gap:7px}.sidebar__favorite>span:first-child{color:#d97706}.sidebar-context-menu{position:fixed;z-index:100;width:250px;max-height:min(520px,calc(100vh - 16px));overflow-y:auto;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);box-shadow:0 12px 32px var(--color-shadow);padding:6px}.sidebar-context-menu__title{display:flex;align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid var(--color-border);margin-bottom:4px;font-size:12px;font-weight:700}.sidebar-context-menu>button,.sidebar-context-menu__move button{display:block;width:100%;border:0;border-radius:5px;background:none;padding:7px 9px;color:var(--color-text);font-size:12px;text-align:left;cursor:pointer}.sidebar-context-menu>button:hover,.sidebar-context-menu__move button:hover{background:var(--color-accent-bg)}.sidebar-context-menu>.sidebar-context-menu__danger{color:var(--color-danger)}.sidebar-context-menu__move{max-height:150px;overflow-y:auto;margin:2px 5px 5px 18px;border-left:2px solid var(--color-border)}.sidebar-context-menu__colors{display:flex;align-items:center;gap:6px;padding:4px 9px}.sidebar-context-menu__colors label{display:flex;align-items:center;gap:6px;flex:1;color:var(--color-text);font-size:12px;cursor:pointer}.sidebar-context-menu__colors input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--color-border);border-radius:5px;background:none;cursor:pointer}.sidebar-context-menu__color-clear{flex-shrink:0;border:0;border-radius:5px;background:none;padding:3px 6px;color:var(--color-text-muted);font-size:11px;cursor:pointer}.sidebar-context-menu__color-clear:hover{background:var(--color-accent-bg)}.sidebar-context-menu__separator{height:1px;background:var(--color-border);margin:4px 0}.sidebar-context-menu__meta,.sidebar-context-menu__busy{padding:8px 9px 4px;color:var(--color-text-muted);font-size:10px}.sidebar-context-menu__busy{color:var(--color-accent);font-weight:700}.sidebar-page-preview{position:fixed;z-index:80;top:0;right:0;width:min(440px,90vw);height:100vh;overflow-y:auto;border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:-12px 0 30px var(--color-shadow);padding:20px}.sidebar-page-preview__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.sidebar-page-preview__header>div{display:flex;gap:5px}.sidebar-page-preview__header button{border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);padding:4px 8px;cursor:pointer}.sidebar-page-preview__properties{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0;color:var(--color-text-muted);font-size:11px}.sidebar-page-preview__content{font-size:14px;line-height:1.65;white-space:pre-wrap}.page-tree{padding:0 6px 12px;flex:1;-webkit-user-select:none;user-select:none}.page-tree__row{position:relative;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius);cursor:pointer;font-size:13px}.page-tree__row--dragging{opacity:.4}.page-tree__row--drop-before:before,.page-tree__row--drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:var(--color-accent)}.page-tree__row--drop-before:before{top:-1px}.page-tree__row--drop-after:after{bottom:-1px}.page-tree__row--drop-inside{background:var(--color-accent-bg);outline:2px dashed var(--color-accent);outline-offset:-2px}.page-tree__row--active{background:var(--color-accent-bg);color:var(--color-accent)}.page-tree__row--selected{background:#2563eb24;box-shadow:inset 3px 0 0 var(--color-accent)}.page-tree__collapse-all{display:block;margin:0 4px 4px auto;border:0;background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer}.page-tree__category-row{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px;border:0;border-radius:var(--radius);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.page-tree__category-row:hover{background:var(--color-surface-hover)}.page-tree__category-dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.page-tree__category-count{margin-left:auto;color:var(--color-text-muted);font-size:11px}.page-tree__toggle{width:16px;height:16px;border:none;background:none;cursor:pointer;color:var(--color-text-muted);flex-shrink:0}.page-tree__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:0 3px}.page-tree__title--root{font-weight:700;font-size:14px}.page-tree__title-input{flex:1;min-width:0;border:1px solid var(--color-accent);border-radius:4px;padding:0 3px;font:inherit;color:inherit;background:var(--color-bg)}.page-tree__drag-handle{flex-shrink:0;color:var(--color-text-muted);cursor:grab;opacity:0;padding:0 2px;-webkit-user-select:none;user-select:none}.page-tree__question-badge{flex-shrink:0;border-radius:999px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:700;padding:1px 5px}.page-tree__viewers{display:flex;align-items:center;gap:2px;flex-shrink:0}.page-tree__viewer-animal{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:2px solid;border-radius:50%;background:var(--color-surface);font-size:11px;line-height:1}.page-tree__row:hover .page-tree__drag-handle,.page-tree__drag-handle:focus{opacity:1}.page-tree__drag-handle:active{cursor:grabbing}.page-tree__status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.handoff-tools{display:grid;gap:10px;margin:6px 0 24px}.handoff-card{border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);overflow:hidden}.handoff-card__header{width:100%;border:0;background:var(--color-surface-muted);padding:11px 14px;display:flex;justify-content:space-between;gap:12px;font-weight:650;cursor:pointer;text-align:left}.handoff-card__summary,.question-count{color:var(--color-text-muted);font-size:12px;font-weight:500}.question-count--open{color:#b45309;font-weight:700}.handoff-card__body{padding:12px 14px 14px}.handoff-empty{color:var(--color-text-muted);font-size:13px}.onboarding-progress{height:6px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-bottom:10px}.onboarding-progress span{display:block;height:100%;background:var(--color-accent);transition:width .18s ease}.onboarding-list{display:grid;gap:3px}.onboarding-item{display:flex;align-items:center;gap:7px;min-height:28px}.onboarding-item button{border:0;background:none;padding:3px 0;cursor:pointer;text-align:left;color:inherit}.onboarding-item input:checked+button{color:var(--color-text-muted);text-decoration:line-through}.question-compose{display:grid;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.question-compose select,.question-compose textarea{border:1px solid var(--color-border);border-radius:6px;padding:8px;background:var(--color-surface);font:inherit}.question-compose textarea{min-height:68px;resize:vertical}.question-compose button,.question-item__resolve{justify-self:start;border:1px solid var(--color-border);background:var(--color-surface);border-radius:6px;padding:6px 10px;cursor:pointer}.question-compose button:disabled{cursor:default;opacity:.5}.question-list{display:grid;gap:8px;padding-top:12px}.question-item{border:1px solid var(--color-border);border-left:3px solid #f59e0b;border-radius:7px;padding:10px}.question-item--resolved{border-left-color:#22c55e;opacity:.75}.question-item__top{display:flex;justify-content:space-between;color:#b45309;font-size:12px;font-weight:700}.question-item__anchor{border:0;background:none;color:var(--color-accent);cursor:pointer;padding:0}.question-item__body{margin:7px 0;white-space:pre-wrap}.question-item__meta{color:var(--color-text-muted);font-size:11px;margin-bottom:8px}.main{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.topbar{display:none;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border)}.page-view{max-width:778px;width:100%;margin:0 auto;padding:48px 64px 120px}.page-shell{width:100%;margin:0 auto}.page-shell>.page-view{margin:0 auto}.page-side{width:260px;position:fixed;z-index:500;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);box-shadow:0 16px 42px var(--color-shadow);outline:none}.page-side__header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--color-bg-sidebar);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.page-side__header:active{cursor:grabbing}.page-side__label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--color-text)}.page-side__drag-hint{font-size:11px;color:var(--color-text-muted)}.page-side__collapse{flex-shrink:0;width:20px;height:20px;line-height:1;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:13px;font-weight:700}.page-side__content{max-height:calc(100vh - 56px);overflow-y:auto;padding:12px}.page-side__resize{position:absolute;z-index:2;top:38px;right:-1px;bottom:0;width:8px;border:0;background:transparent;cursor:ew-resize;touch-action:none}.page-side__resize:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;border-radius:2px;background:transparent}.page-side__resize:hover:after,.page-side__resize:active:after{background:var(--color-accent)}@media (max-width: 1080px){.page-side{max-width:calc(100vw - 8px)}}@media (max-width: 860px){.page-view{max-width:778px}}.page-view__manual-save{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-view__manual-save button{border:none;border-radius:6px;background:var(--color-accent);color:#fff;font-size:13px;font-weight:600;padding:7px 16px;cursor:pointer}.page-view__manual-save button:disabled{opacity:.6;cursor:default}.page-view__manual-save-hint{font-size:12px;color:var(--color-text-muted)}.page-view__title{width:100%;border:none;outline:none;font-size:32px;font-weight:700;margin-bottom:12px}.editor{min-height:200px;position:relative}.editor__marquee{position:absolute;z-index:20;pointer-events:none;background:#2563eb1f;border:1px solid var(--color-accent);border-radius:2px}.block-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px;position:relative}.block-row__handle{opacity:0;font-size:12px;color:var(--color-text-muted);padding-top:6px;cursor:grab;-webkit-user-select:none;user-select:none}.block-row:hover .block-row__handle{opacity:1}.block-input{flex:1;display:block;width:100%;min-width:0;border:none;outline:none;resize:none;font-size:15px;line-height:1.6;font-family:inherit;padding:4px 2px;background:transparent;overflow:hidden}.block-input--h1{font-size:28px;font-weight:700}.block-input--h2{font-size:22px;font-weight:700}.block-input--h3{font-size:18px;font-weight:700}.slash-menu{display:flex;flex-direction:column;max-height:220px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:max-content;min-width:180px;margin:2px 0 10px 8px;box-shadow:0 4px 14px var(--color-shadow)}.slash-menu__item{text-align:left;border:none;background:none;padding:8px 12px;font-size:13px;cursor:pointer}.slash-menu__item--active,.slash-menu__item:hover{background:var(--color-accent-bg)}.slash-menu__empty{padding:8px 12px;font-size:12px;color:var(--color-text-muted)}.divider{border:none;border-top:1px solid var(--color-border);margin:16px 0}.callout-block{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;border-radius:var(--radius);background:var(--color-warn-bg)}.callout-block__icon{font-size:16px;line-height:1.6}.block-row--toggle{align-items:flex-start}.toggle-caret{border:none;background:none;cursor:pointer;font-size:12px;color:var(--color-text-muted);padding-top:8px;width:16px;flex-shrink:0}.toggle-block__body-wrap{flex:1;min-width:0}.toggle-block__body{display:block;width:100%;min-width:0;border:none;outline:none;resize:none;font-size:14px;line-height:1.6;font-family:inherit;padding:4px 2px;background:transparent;color:var(--color-text-muted);overflow:hidden}.table-block{width:100%}.table-block table{border-collapse:collapse;width:100%}.table-block td{border:1px solid var(--color-border);padding:0}.table-block input{width:100%;border:none;outline:none;padding:6px 8px;font-size:13px;font-family:inherit;background:transparent}.table-block td span{display:block;padding:6px 8px;font-size:13px}.table-block__row-actions,.table-block__col-actions{border:none!important;width:20px;text-align:center}.table-block__row-actions button,.table-block__col-actions button{border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:11px;opacity:0}.table-block tr:hover .table-block__row-actions button,.table-block__col-actions button:hover{opacity:1}.table-block__actions{display:flex;gap:6px;margin-top:6px}.table-block__actions button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:3px 8px;font-size:12px;cursor:pointer}.table-block__cell--selected{background:#2563eb24!important;outline:1px solid var(--color-accent);outline-offset:-1px}.table-block__col-resize{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:1;touch-action:none}.table-block__col-resize:hover{background:var(--color-accent);opacity:.5}.table-context-menu{position:fixed;z-index:100;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #0000002e;padding:6px;display:flex;flex-direction:column;gap:2px}.table-context-menu button{text-align:left;border:none;background:none;padding:6px 8px;border-radius:4px;font-size:12px;cursor:pointer;color:var(--color-text)}.table-context-menu button:hover{background:var(--color-hover, rgba(0, 0, 0, .06))}.table-context-menu__label{font-size:11px;color:var(--color-text-muted);padding:4px 8px 0}.table-context-menu__row{display:flex;gap:4px;padding:0 8px 4px}.table-context-menu__row button{flex:1;padding:4px;border:1px solid var(--color-border)}.table-context-menu__swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--color-border);padding:0;cursor:pointer;flex:none}.table-context-menu__swatch--bg{width:20px}.embed-block{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000}.embed-block iframe{width:100%;height:100%;border:none}.bookmark-block{display:flex;align-items:center;gap:8px;flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;font-size:13px}.bookmark-block:hover{background:var(--color-accent-bg)}.bookmark-block__url{color:var(--color-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-block{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-sidebar)}.toc-block__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:6px}.toc-block__empty{font-size:12px;color:var(--color-text-muted)}.toc-block__item{display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:3px 0;font-size:13px;color:var(--color-accent)}.toc-block__item--2{padding-left:14px}.toc-block__item--3{padding-left:28px}.page-link-block{display:flex;align-items:center;gap:8px;flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;font-size:14px;font-weight:600;text-align:left}.page-link-block:hover{background:var(--color-accent-bg)}.columns-block{width:100%}.columns-block__grid{display:grid;gap:16px}.columns-block__col{position:relative;border:1px dashed var(--color-border);border-radius:var(--radius);padding:8px}.columns-block__col-remove{position:absolute;top:4px;right:4px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:11px;opacity:0}.columns-block__col:hover .columns-block__col-remove{opacity:1}.columns-block__textarea{width:100%;min-height:60px;border:none;outline:none;resize:none;font-size:13px;line-height:1.6;font-family:inherit;background:transparent;overflow:hidden}.columns-block__add{margin-top:8px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:3px 8px;font-size:12px;cursor:pointer}.template-picker__item{display:block;width:100%;text-align:left;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:10px 12px;cursor:pointer}.template-picker__item:hover{background:var(--color-accent-bg)}.template-picker__label{font-weight:700;font-size:14px;margin-bottom:2px}.template-picker__desc{font-size:12px;color:var(--color-text-muted)}.db-view{width:100%}.db-view__header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.db-view__name{font-size:13px;font-weight:700}.db-view__tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto}.db-view__tab{border:none;border-radius:4px;background:none;color:var(--color-text-muted);padding:4px 7px;font-size:12px;cursor:pointer;white-space:nowrap}.db-view__tab:hover:not(:disabled),.db-view__tab--active{background:var(--color-accent-bg);color:var(--color-accent)}.db-view__tab:disabled{cursor:default}.db-view__new-btn{border:none;border-radius:5px;background:var(--color-accent);color:#fff;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.db-view__new-btn:disabled{opacity:.55;cursor:default}.db-view__template-select{width:30px;height:27px;border:1px solid var(--color-accent);border-radius:5px;background:var(--color-surface);color:var(--color-accent);font-size:11px;cursor:pointer}.db-template-editor{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-muted)}.db-template-editor__title{font-size:14px;font-weight:700}.db-template-editor label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-text-muted)}.db-template-editor input,.db-template-editor select,.db-template-editor textarea{border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);padding:6px 8px;color:var(--color-text);font:inherit}.db-template-editor__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.db-template-editor__actions{display:flex;justify-content:flex-end;gap:6px}.db-template-editor__actions button,.db-template-list__item button{border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);padding:4px 9px;font-size:12px;cursor:pointer}.db-template-editor__actions .db-template-editor__save{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.db-template-list{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.db-template-list__item{display:flex;align-items:center;gap:4px;border:1px solid var(--color-border);border-radius:5px;padding:4px 6px;font-size:12px}.db-template-list__item span{margin-right:4px;font-weight:600}.db-formula{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.db-formula--overdue{color:#c0392b;font-weight:700}@media (max-width: 720px){.db-template-editor__row{grid-template-columns:1fr}}.db-view__name-input{font-size:13px;font-weight:700;flex:1;border:1px solid var(--color-accent);border-radius:4px;padding:2px 6px}.db-view__menu-wrap{position:relative}.db-view__menu-btn{border:none;background:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:4px;color:var(--color-text-muted)}.db-view__menu-btn:hover{background:var(--color-accent-bg);color:var(--color-accent)}.db-view-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:flex;flex-direction:column;min-width:200px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 4px 14px #0000001f;padding:4px;gap:2px}.db-view-menu--edit{min-width:240px;padding:10px 12px 12px;gap:6px}.db-view-menu--edit>select{width:100%;border:1px solid var(--color-border);border-radius:4px;padding:5px;font-size:12px}.db-view-menu__item{text-align:left;border:none;background:none;padding:8px 10px;font-size:13px;border-radius:4px;cursor:pointer}.db-view-menu__item:hover{background:var(--color-accent-bg)}.db-view-menu__item--danger{color:#c0392b}.db-view-menu__section-title{font-size:11px;font-weight:700;color:var(--color-text-muted);margin-top:6px}.db-view-menu__row{display:flex;gap:6px;flex-wrap:wrap}.db-view-menu__row select,.db-view-menu__row input{font-size:12px;border:1px solid var(--color-border);border-radius:4px;padding:3px 4px}.db-view-menu__checkbox{display:flex;align-items:center;gap:6px;font-size:13px}.db-view-menu__close{align-self:flex-end;margin-top:8px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer}.db-view--empty{padding:16px;border:1px dashed var(--color-border);border-radius:var(--radius);font-size:13px;color:var(--color-text-muted);text-align:center}.db-view--empty button{margin-left:8px;border:none;border-radius:5px;background:var(--color-accent);color:#fff;padding:5px 10px;cursor:pointer}.db-table{width:100%;border-collapse:collapse;font-size:13px}.db-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:6px 8px;border-bottom:1px solid var(--color-border)}.db-table td{padding:4px 8px;border-bottom:1px solid var(--color-border)}.db-table__title{border:none;background:none;cursor:pointer;font-weight:600;text-align:left;padding:0;color:inherit}.db-table__title:hover{color:var(--color-accent)}.db-table select,.db-table input{font-size:12px;border:1px solid var(--color-border);border-radius:4px;padding:3px 4px;background:var(--color-surface)}.db-view__search{display:flex;gap:6px;margin:8px 0 12px}.db-view__search input{width:min(360px,100%);border:1px solid var(--color-border);border-radius:6px;padding:6px 9px}.db-view__search button{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer}.db-timeline{display:flex;flex-direction:column;gap:6px}.db-timeline__row{display:grid;grid-template-columns:100px minmax(80px,1fr) minmax(140px,2fr);align-items:center;gap:10px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.db-timeline__date{color:var(--color-text-muted);font-size:12px}.db-timeline__line{height:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.db-timeline__line span{display:block;width:100%;height:100%;background:var(--color-accent)}.db-timeline__title{font-size:13px}.db-timeline__undated{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;color:var(--color-text-muted);font-size:12px}.db-timeline__undated button{border:1px solid var(--color-border);border-radius:999px;padding:3px 8px;background:var(--color-surface);cursor:pointer}.db-summary-chart{display:flex;flex-direction:column;gap:9px;padding:8px 0}.db-summary-chart__row{display:grid;grid-template-columns:110px minmax(120px,1fr) 32px;align-items:center;gap:10px;font-size:12px}.db-summary-chart__row>div{height:14px;border-radius:3px;background:var(--color-border);overflow:hidden}.db-summary-chart__row i{display:block;height:100%;min-width:2px;background:var(--color-accent)}.db-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;overflow-x:auto;width:100%;padding:0;background:var(--color-border)}.db-board__col{width:100%;min-width:180px;background:var(--color-bg-sidebar);border-radius:0;padding:10px 8px}.db-board__col-title{font-size:12px;font-weight:700;color:var(--color-text-muted);margin-bottom:8px}.db-board__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;margin-bottom:8px}.db-board__card-title{display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;padding:0 0 6px;color:inherit}.db-board__card-title:hover{color:var(--color-accent)}.db-board__card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.db-board__card-assignee{font-size:11px;color:var(--color-text-muted)}.db-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.db-gallery__card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:14px 10px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:70px}.db-gallery__card:hover{background:var(--color-accent-bg)}.db-gallery__title{font-size:13px;font-weight:600}.db-list__row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:13px}.db-list__row:hover{background:var(--color-accent-bg)}.db-list__title{font-weight:600;flex:1}.db-list__assignee,.db-list__due{font-size:12px;color:var(--color-text-muted)}.db-calendar{position:fixed;z-index:60;width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 16px 42px var(--color-shadow);padding:12px;max-height:calc(100vh - 32px);max-width:calc(100vw - 16px);overflow-y:auto}.db-calendar__width-handle{position:absolute;top:0;bottom:10px;width:10px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0}.db-calendar:hover .db-calendar__width-handle{opacity:1;background:#2563eb40}.db-calendar__width-handle--left{left:-10px;border-radius:4px 0 0 4px}.db-calendar__width-handle--right{right:-10px;border-radius:0 4px 4px 0}.db-calendar__nav{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px;font-size:13px;font-weight:600;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.db-calendar__nav:active{cursor:grabbing}.db-calendar__nav button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);width:24px;height:24px;cursor:pointer}.db-calendar__collapse{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:13px;font-weight:700;line-height:1}.db-calendar__legend{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--color-border)}.db-calendar__legend-item{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:3px 10px 3px 8px;font-size:11px;color:var(--color-text);cursor:pointer}.db-calendar__legend-item--active{border-color:var(--color-accent);background:var(--color-accent-bg);font-weight:600}.db-calendar__legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-calendar__weekday-row{display:grid;grid-template-columns:repeat(7,1fr)}.db-calendar__weekday{text-align:center;font-size:11px;color:var(--color-text-muted);padding-bottom:4px}.db-calendar__weekday--weekend{color:#dc2626}.db-calendar__week{position:relative;margin-bottom:4px}.db-calendar__week-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;height:100%}.db-calendar__cell{min-height:var(--db-calendar-cell-size, 64px);border:1px solid var(--color-border);border-radius:4px;padding:4px;font-size:11px}.db-calendar__cell--empty{border:none;background:none}.db-calendar__cell--clickable{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.db-calendar__cell--clickable:hover{background:var(--color-accent-bg)}.db-calendar__cell--dragging{background:var(--color-accent-bg);border-color:var(--color-accent)}.db-calendar__week-bars{position:absolute;left:0;right:0;top:20px;bottom:0;pointer-events:none}.db-calendar__weeks--dragging .db-calendar__event{pointer-events:none}.db-calendar__event{position:absolute;pointer-events:auto;height:18px;border:none;outline:2px solid var(--color-surface);outline-offset:-2px;border-radius:3px;padding:1px 6px;margin:0 2px;font-size:11px;font-weight:600;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-calendar__event--continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.db-calendar__event--continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.db-calendar__context-menu{position:fixed;z-index:300;display:flex;flex-direction:column;min-width:160px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);box-shadow:0 10px 28px var(--color-shadow);padding:4px}.db-calendar__context-menu button[role=menuitem]{text-align:left;border:none;background:none;padding:8px 10px;font-size:13px;border-radius:4px;cursor:pointer;color:var(--color-text)}.db-calendar__context-menu button[role=menuitem]:hover,.db-calendar__context-menu button[role=menuitem]:focus-visible{background:var(--color-accent-bg);outline:none}.db-calendar__delete-confirm p{font-size:13px;margin:0 0 16px}.db-calendar__delete-confirm-actions{display:flex;justify-content:flex-end;gap:8px}.db-calendar__delete-confirm-actions button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:6px 14px;font-size:13px;cursor:pointer}.db-calendar__delete-confirm-danger{border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:#fff!important}.db-calendar__resize-handle{height:10px;margin-top:6px;border-radius:4px;cursor:ns-resize;touch-action:none;position:relative}.db-calendar__resize-handle:after{content:"";position:absolute;left:50%;top:50%;width:32px;height:3px;transform:translate(-50%,-50%);border-radius:2px;background:var(--color-border)}.db-calendar__resize-handle:hover:after{background:var(--color-accent)}.db-calendar__day{color:var(--color-text-muted);margin-bottom:2px}.db-calendar__cell--weekend .db-calendar__day{color:#dc2626}.db-chart{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius)}.db-chart__total{font-size:12px;color:var(--color-text-muted);margin-bottom:2px}.db-chart__row{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:8px}.db-chart__label{font-size:12px;color:var(--color-text-muted)}.db-chart__track{display:block;height:10px;background:var(--color-bg-sidebar);border-radius:999px;overflow:hidden}.db-chart__bar{display:block;height:100%;border-radius:999px;transition:width .2s ease}.db-chart__bar--in_progress{background:#0ea5e9}.db-chart__bar--handoff_pending{background:#f59e0b}.db-chart__bar--done{background:#10b981}.db-chart__bar--on_hold{background:#64748b}.db-chart__count{font-size:12px;font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted)}.form-block{width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:14px}.form-block__title{font-weight:700;font-size:14px;margin-bottom:10px}.form-block__fields{display:flex;flex-direction:column;gap:8px}.form-block__field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--color-text-muted)}.form-block__field input,.form-block__field select{font-size:13px;color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:6px 8px;font-family:inherit}.form-block__submit{margin-top:12px;border:none;background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer}.form-block__submit:disabled{opacity:.6;cursor:default}.form-block__success{margin-top:10px;font-size:12px;color:var(--color-text-muted)}.form-block__success button{border:none;background:none;color:var(--color-accent);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}.button-block{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.button-block:hover{background:var(--color-accent-bg)}.quote-block{width:100%;border-left:3px solid var(--color-border);padding:2px 0 2px 14px;font-style:italic;color:var(--color-text-muted)}.breadcrumb-block{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--color-text-muted)}.breadcrumb-block__segment{display:flex;align-items:center;gap:4px}.breadcrumb-block__item{border:none;background:none;padding:0;font-size:12px;color:var(--color-text-muted);cursor:pointer}button.breadcrumb-block__item:hover{color:var(--color-accent);text-decoration:underline}.breadcrumb-block__item--current{color:var(--color-text);font-weight:600;cursor:default}.breadcrumb-block__sep{color:var(--color-border)}.mention-chip{display:inline-flex;align-items:center;gap:3px;background:var(--color-accent-bg);color:var(--color-accent);border-radius:4px;padding:1px 6px;font-size:.92em;font-weight:600;white-space:nowrap}.remote-caret{position:absolute;width:2px;pointer-events:none;animation:remote-caret-blink 1s step-end infinite}@keyframes remote-caret-blink{50%{opacity:.3}}.remote-caret__label{position:absolute;top:-17px;left:-2px;color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:3px 3px 3px 0;white-space:nowrap;line-height:1.5}.remote-presence-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);margin-left:6px}.remote-presence-badge__animal{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid;border-radius:50%;background:var(--color-surface);font-size:12px;line-height:1}.block-wrapper{position:relative;display:flex;align-items:flex-start;gap:2px}.block-wrapper--image-movable .image-block__frame{cursor:grab}.block-wrapper--image-movable .image-block__frame:active{cursor:grabbing}.block-wrapper--file-movable .block-row{cursor:grab}.block-wrapper--file-movable .block-row:active{cursor:grabbing}.block-wrapper--dragging{opacity:.45}.block-wrapper--selected{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px;background:#2563eb14}.block-wrapper--drop-before:before,.block-wrapper--drop-after:after{content:"";position:absolute;left:16px;right:0;height:3px;z-index:5;border-radius:999px;background:var(--color-accent);pointer-events:none}.block-wrapper--drop-before:before{top:-4px}.block-wrapper--drop-after:after{bottom:-4px}.block-wrapper--align-left .block-wrapper__content,.block-wrapper--align-center .block-wrapper__content,.block-wrapper--align-right .block-wrapper__content{border-radius:6px}.block-wrapper--align-left .block-wrapper__content{background:linear-gradient(to right,rgba(37,99,235,.08) 33.333%,transparent 33.333%)}.block-wrapper--align-center .block-wrapper__content{background:linear-gradient(to right,transparent 33.333%,rgba(37,99,235,.08) 33.333%,rgba(37,99,235,.08) 66.666%,transparent 66.666%)}.block-wrapper--align-right .block-wrapper__content{background:linear-gradient(to left,rgba(37,99,235,.08) 33.333%,transparent 33.333%)}.block-wrapper__content{flex:1;min-width:0}.block-drag-handle{flex:none;width:14px;padding-top:6px;font-size:12px;line-height:1;color:var(--color-text-muted);cursor:grab;opacity:0;-webkit-user-select:none;user-select:none;text-align:center}.block-wrapper:hover .block-drag-handle{opacity:1}.image-block{width:100%}.image-block__frame{position:relative;max-width:100%}.image-block__frame img{width:100%;display:block;border-radius:6px}.image-block__handle{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;opacity:0}.image-block__frame:hover .image-block__handle{opacity:1;background:#2563eb40}.image-block__handle--left{left:0;border-radius:6px 0 0 6px}.image-block__handle--right{right:0;border-radius:0 6px 6px 0}.image-block__toolbar{position:absolute;top:8px;right:8px;display:flex;gap:4px;background:#0000008c;border-radius:6px;padding:4px;opacity:0}.image-block__frame:hover .image-block__toolbar{opacity:1}.image-block__toolbar button,.image-block__toolbar a{border:none;background:none;color:#fff;cursor:pointer;font-size:13px;padding:2px 5px;text-decoration:none;line-height:1}.image-block__caption{display:block;width:100%;border:none;outline:none;background:transparent;font-size:12px;color:var(--color-text-muted);text-align:center;padding:4px 0;font-family:inherit}.image-block__caption--readonly{cursor:default}.pending-upload{position:relative;width:100%}.pending-upload img{width:100%;display:block;border-radius:6px;opacity:.55;filter:grayscale(20%)}.pending-upload__badge{position:absolute;top:8px;left:8px;background:#0009;color:#fff;font-size:11px;padding:3px 8px;border-radius:999px}.file-block{width:100%;align-items:center;padding:8px 10px;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface)}.file-block__identity{min-width:0;flex:1;display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.file-block__icon{flex:0 0 auto;font-size:20px}.file-block__name{min-width:0;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-block__name small{margin-top:2px;color:var(--color-text-muted);font-size:10px}.file-block__preview,.file-block__remove{flex:0 0 auto;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.file-block__preview{padding:5px 10px;font-size:12px}.file-block__preview:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.file-block__remove{padding:5px 8px;color:var(--color-text-muted)}.file-preview{width:100%;height:min(74vh,760px);display:flex;align-items:stretch;justify-content:center}.file-preview__image,.file-preview__media{display:block;max-width:100%;max-height:100%;margin:auto;object-fit:contain}.file-preview__audio{width:min(640px,100%);margin:auto}.file-preview__powerpoint{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-preview__powerpoint img{display:block;max-width:100%;max-height:calc(100% - 28px);object-fit:contain;background:var(--color-surface);box-shadow:0 2px 12px #00000024}.file-preview__pdf{width:100%;min-width:0;display:flex;flex-direction:column}.file-preview__pdf-page{flex:1;min-height:0;overflow:auto;display:flex;justify-content:center;background:#e5e7eb;padding:18px}.file-preview__pdf-page canvas{display:block;align-self:flex-start;max-width:100%;height:auto;background:var(--color-surface);box-shadow:0 2px 12px #00000024}.file-preview__pdf-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:10px}.file-preview__pdf-controls button{border:1px solid var(--color-border);border-radius:6px;padding:5px 12px;background:var(--color-surface);cursor:pointer}.file-preview__pdf-controls button:disabled{opacity:.45;cursor:default}.file-preview__empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-text-muted);text-align:center}.file-preview__spreadsheet,.file-preview__text-wrap{width:100%;min-width:0;display:flex;flex-direction:column}.file-preview__sheet-tabs{display:flex;gap:4px;padding-bottom:8px;overflow-x:auto}.file-preview__sheet-tabs button{border:1px solid var(--color-border);border-radius:5px;padding:4px 9px;background:var(--color-surface);cursor:pointer;white-space:nowrap}.file-preview__sheet-tabs .file-preview__sheet-tab--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.file-preview__table-scroll{flex:1;overflow:auto;border:1px solid var(--color-border)}.file-preview__table-scroll table{border-collapse:collapse;min-width:100%;font-size:12px}.file-preview__table-scroll th,.file-preview__table-scroll td{border:1px solid var(--color-border);padding:4px 7px;text-align:left;white-space:nowrap}.file-preview__table-scroll th{position:sticky;left:0;background:var(--color-surface-muted);color:var(--color-text-muted);font-weight:500}.file-preview__document{width:min(760px,100%);margin:0 auto;line-height:1.7;overflow-wrap:anywhere}.file-preview__document img{max-width:100%}.file-preview__text{flex:1;width:100%;margin:0;padding:14px;overflow:auto;border:1px solid var(--color-border);background:var(--color-surface-muted);white-space:pre-wrap;overflow-wrap:anywhere}.file-preview__notice{padding:7px 0 0;color:var(--color-text-muted);font-size:11px}.code-block,.equation-block{width:100%;border:1px solid var(--color-border);border-radius:7px;background:var(--color-surface-muted);overflow:hidden}.code-block__language{display:block;width:100%;border:0;border-bottom:1px solid var(--color-border);padding:5px 10px;background:var(--color-border);color:var(--color-text-muted);font-size:11px}.code-block textarea,.equation-block textarea{display:block;width:100%;resize:none;border:0;outline:0;padding:12px;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.55}.code-block pre,.equation-block__value{margin:0;padding:12px;overflow-x:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.equation-block{background:var(--color-surface);text-align:center;font-size:17px}.secret-block{width:100%;border-radius:var(--radius);background:var(--color-warn-bg);padding:10px 12px;font-size:13px}.secret-block__header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600}.secret-block__label{cursor:default}.secret-block__label-input{border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font:inherit;font-weight:600;background:var(--color-surface);color:var(--color-text)}.secret-block__denied{color:var(--color-text-muted);font-size:12px}.secret-block__masked-row,.secret-block__value-row,.secret-block__set-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secret-block__masked{letter-spacing:2px;color:var(--color-text-muted)}.secret-block__value{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:3px 8px;font-size:13px}.secret-block__masked-row button,.secret-block__value-row button,.secret-block__set-row button{border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface);padding:4px 9px;font-size:12px;cursor:pointer}.secret-block__set-row{margin-top:8px}.secret-block__set-row input{flex:1;min-width:160px;border:1px solid var(--color-border);border-radius:5px;padding:4px 8px;background:var(--color-surface);color:var(--color-text)}.secret-block__error{margin-top:6px;color:var(--color-danger);font-size:12px}.section{margin-top:36px;border-top:1px solid var(--color-border);padding-top:20px}.section__title{font-size:13px;font-weight:600;margin-bottom:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2563eb1f;border:3px dashed var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--color-accent);z-index:1000;pointer-events:none}.comment{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:13px}.comment__meta{font-size:11px;color:var(--color-text-muted)}.comment-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 10px;font-family:inherit;font-size:13px;resize:vertical;min-height:60px}.history-row{display:flex;gap:8px;font-size:12px;padding:6px 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;border:none}.status-badge--in_progress{background:#e0f2fe;color:#075985}.status-badge--handoff_pending{background:var(--color-warn-bg);color:#9a3412}.status-badge--done{background:var(--color-success-bg);color:#065f46}.status-badge--on_hold{background:#f3f4f6;color:#4b5563}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.modal{background:var(--color-surface);border-radius:10px;max-width:90vw;max-height:90vh;width:900px;display:flex;flex-direction:column;overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.modal__body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;align-items:center}.schedule-modal{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px}.schedule-modal__field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--color-text)}.schedule-modal__field input,.schedule-modal__field select,.schedule-modal__field textarea{font-weight:400;border:1px solid var(--color-border);border-radius:6px;padding:7px 10px;font-size:13px;background:var(--color-bg);color:var(--color-text)}.schedule-modal__row{display:flex;gap:12px}.schedule-modal__row .schedule-modal__field{flex:1}.schedule-modal__checkbox{display:flex;align-items:center;gap:8px;font-size:13px}.schedule-modal__meta{font-size:12px;color:var(--color-text-muted)}.schedule-modal__meta div{display:flex;flex-direction:column;gap:2px}.schedule-modal__meta strong{font-size:13px;color:var(--color-text)}.schedule-modal__error{color:var(--color-danger);font-size:12px}.schedule-modal__warning{color:#b45309;font-size:12px}.schedule-modal__actions{display:flex;justify-content:flex-end;gap:8px}.schedule-modal__actions button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:7px 16px;font-size:13px;cursor:pointer}.schedule-modal__save{border-color:var(--color-accent)!important;background:var(--color-accent)!important;color:#fff!important}.schedule-modal__save:disabled{opacity:.6;cursor:default}.attachment-picker__dropzone{width:100%;border:2px dashed var(--color-border);border-radius:var(--radius);padding:20px 12px;text-align:center;font-size:13px;color:var(--color-text-muted);cursor:pointer;margin-bottom:12px}.attachment-picker__dropzone:hover,.attachment-picker__dropzone--active{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-accent)}.demo-badge{display:inline-block;background:#fde68a;color:#78350f;font-size:11px;padding:2px 8px;border-radius:4px;margin-left:8px;font-weight:700}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.login-screen button{padding:10px 20px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:14px}.login-card{width:100%;max-width:380px;padding:36px 32px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;gap:14px;text-align:center}.login-card__title{margin:0;font-size:20px;font-weight:700}.login-card__desc{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.login-card__input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;text-align:center}.login-card__submit{border:none;background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer}.login-card__submit:disabled{opacity:.5;cursor:default}.sidebar-toggle{display:none;border:none;background:none;font-size:20px;cursor:pointer}.sidebar__link--wdb{font-weight:700;color:var(--color-accent)}.wdb__home-link{margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-accent-bg);color:var(--color-accent);font-weight:600;padding:8px 14px;cursor:pointer}.wdb{padding:20px 24px 60px;overflow-y:auto;height:100%}.wdb__admin-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:12px;border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-warn-bg);font-size:12px}.wdb__admin-tools button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:5px 10px;font-size:12px;cursor:pointer}.wdb__admin-tools-result{color:var(--color-text-muted)}.wdb__header{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.wdb__title{margin:0 6px 0 0;font-size:18px}.wdb__tabs{display:flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.wdb__tab{border:none;background:var(--color-bg);padding:6px 12px;font-size:13px;cursor:pointer;color:var(--color-text-muted)}.wdb__tab--active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.wdb__search{flex:1;min-width:160px;max-width:320px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px}.wdb__filter{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;background:var(--color-bg);color:var(--color-text)}.wdb__new-btn{border:none;border-radius:var(--radius);background:var(--color-accent);color:#fff;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;margin-left:auto}.wdb__add-db-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}.wdb-category-create{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:-4px 0 16px auto;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm)}.wdb-category-create input:not([type=color]){min-width:180px;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text)}.wdb-category-create input[type=color]{width:32px;height:30px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.wdb-category-create button{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);cursor:pointer}.wdb__bulkbar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px;border-radius:var(--radius);background:var(--color-accent-bg);font-size:13px}.wdb__bulkbar select,.wdb__bulkbar button{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:4px 8px;font-size:12px;cursor:pointer}.wdb__empty{padding:60px 20px;text-align:center;color:var(--color-text-muted)}.wdb__empty button{margin-top:10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-accent);color:#fff;padding:8px 16px;cursor:pointer;font-weight:600}.wdb__seed-result{margin-top:8px;font-size:12px}.wdb-highlight{background:#fde68a;color:inherit;border-radius:2px}.wdb-tags{display:flex;flex-wrap:wrap;gap:4px}.wdb-tag{border:1px solid transparent;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;white-space:nowrap}.wdb-category-badge{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap}.wdb-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow-x:auto;align-items:start;padding-bottom:12px}.wdb-board__col{background:var(--color-bg-sidebar);border:1px solid var(--color-border);border-radius:10px;padding:10px;min-height:80px}.wdb-board__col-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;margin-bottom:10px;cursor:grab;border-radius:6px;padding:2px 4px;border:1px dashed transparent}.wdb-board__col-title--drop{border-color:var(--color-accent);background:#2563eb14}.wdb-board__col-delete{border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:12px;opacity:0;padding:2px 4px;border-radius:4px}.wdb-board__col-title:hover .wdb-board__col-delete{opacity:1}.wdb-board__col-delete:hover{background:#dc26261f}.wdb-board__col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wdb-board__col-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--color-text-muted)}.wdb-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;margin-bottom:8px;cursor:pointer}.wdb-card:hover{border-color:var(--color-accent)}.wdb-card--dragging{opacity:.4}.wdb-card__title{font-size:13px;font-weight:600;margin-bottom:4px}.wdb-card__desc{font-size:12px;color:var(--color-text-muted);margin-bottom:6px}.wdb-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.wdb-card__date{font-size:11px;color:var(--color-text-muted)}.wdb-board__add{width:100%;border:1px dashed var(--color-border);border-radius:var(--radius);background:none;padding:6px;font-size:12px;color:var(--color-text-muted);cursor:pointer}.wdb-board__add:hover{background:var(--color-bg);color:var(--color-text)}.wdb-table-wrap{overflow-x:auto}.wdb-table{width:100%;border-collapse:collapse;font-size:13px}.wdb-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:6px 8px;border-bottom:1px solid var(--color-border);white-space:nowrap}.wdb-table td{padding:6px 8px;border-bottom:1px solid var(--color-border);vertical-align:middle}.wdb-table__row:hover,.wdb-table__row--selected{background:var(--color-accent-bg)}.wdb-table__title{border:none;background:none;cursor:pointer;font-weight:600;text-align:left;padding:0;color:inherit;font-size:13px}.wdb-table__title:hover{color:var(--color-accent)}.wdb-table__desc{color:var(--color-text-muted);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wdb-table__sort{border:none;background:none;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;padding:0;display:flex;align-items:center;gap:4px}.wdb-table__sort-arrow{font-size:9px}@media (max-width: 860px){.sidebar{position:fixed;z-index:900;height:100vh;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.topbar{display:flex}.sidebar-toggle{display:block}.page-view{padding:24px 20px 100px}.wdb{padding:16px 14px 60px}.wdb-board{grid-auto-flow:row;grid-auto-columns:unset;overflow-x:visible}.wdb__new-btn{margin-left:0}}.wdb-peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;justify-content:flex-end}.wdb-peek-panel{width:66%;min-width:320px;max-width:66%;height:100%;background:var(--color-bg);box-shadow:-8px 0 28px #00000047;display:flex;flex-direction:column;animation:wdb-peek-slide-in .18s ease-out}.wdb-peek-panel--docked{position:fixed;top:0;right:0;bottom:0;width:auto;min-width:280px;max-width:none;z-index:200}@keyframes wdb-peek-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.wdb-peek-panel__header{flex-shrink:0;display:flex;align-items:center;gap:10px;margin:12px 16px 0}.wdb-peek-panel__back{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}.wdb-peek-panel__label{font-size:13px;font-weight:600;color:var(--color-accent);background:var(--color-accent-bg);border-radius:var(--radius);padding:4px 10px}.wdb-peek-panel__body{flex:1;min-height:0;overflow-y:auto}@media (max-width: 860px){.wdb-peek-panel{width:100%;max-width:100%}}