:root{--bg:#0b0f1a;--bg-card:#111726;--bg-elevated:#1a2334;--border:#1e2636;--fg:#e6eaf2;--accent:#4f7cff;--accent-hover:#6b90ff;--muted:#8b94a7;--danger:#ff5c5c;--success:#37d67a;--warning:#ffb020;--bg-input:#0d1320;color-scheme:dark;--paper-bg:#14181f;--cover-shadow:0 1px 0 1px rgba(0,0,0,0.35),0 6px 14px -4px rgba(0,0,0,0.5);--toolbar-glass:rgba(20,24,32,0.72);--toolbar-glass-border:rgba(255,255,255,0.08)}:root[data-theme=light]{--bg:#f5f7fb;--bg-card:#ffffff;--bg-elevated:#eef2fa;--border:#dde3ec;--fg:#1a2233;--accent:#3563e9;--accent-hover:#2a52c8;--muted:#667085;--danger:#e5484d;--success:#2ba36a;--warning:#d98a00;--bg-input:#ffffff;color-scheme:light;--paper-bg:#fbf8f2;--cover-shadow:0 1px 0 1px rgba(30,25,15,0.06),0 8px 18px -6px rgba(30,25,15,0.22);--toolbar-glass:rgba(255,255,255,0.78);--toolbar-glass-border:rgba(20,20,20,0.06)}*{box-sizing:border-box}body,html{overflow-x:hidden}@media (max-width:768px){table{display:block;overflow-x:auto;white-space:nowrap;max-width:100%}}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent);text-decoration:none}button{font:inherit}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.input{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--fg);outline:none}.input,.input::placeholder{-webkit-text-fill-color:currentColor}.input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg)}.btn-ghost:hover{background:#161d2e}.btn-danger{background:transparent;border-color:transparent;color:var(--danger)}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border)}.badge,.badge.p-LOW{color:var(--muted)}.badge.p-MEDIUM{color:var(--accent);border-color:var(--accent)}.badge.p-HIGH{color:var(--warning);border-color:var(--warning)}.badge.p-CRITICAL{color:var(--danger);border-color:var(--danger)}.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.app-content{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:.75rem;height:56px;padding:0 1rem;border-bottom:1px solid var(--border);background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-header .back-btn,.app-header .header-brand{display:none}.ws-trigger{display:flex;align-items:center;gap:.35rem;max-width:160px;padding:.3rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--fg);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ws-trigger.open,.ws-trigger:hover{border-color:var(--accent)}.ws-trigger svg{flex-shrink:0;color:var(--muted);transition:transform .15s ease}.ws-trigger.open svg{transform:rotate(180deg)}.ws-trigger-icon{flex-shrink:0;font-size:.85rem}.ws-trigger-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-menu{position:absolute;right:0;top:110%;width:264px;z-index:50;padding:.5rem;box-shadow:0 12px 32px rgba(0,0,0,.35);animation:ws-pop .14s ease}.ws-menu-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.25rem .5rem .45rem}.ws-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .5rem;border:none;border-radius:10px;background:transparent;color:var(--fg);cursor:pointer;text-align:left}.ws-item.active,.ws-item:hover{background:var(--bg-elevated)}.ws-item-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.ws-item-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.ws-item-name{font-size:.88rem;font-weight:600}.ws-item-name,.ws-item-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-item-sub{font-size:.72rem}.ws-check{color:var(--accent);font-weight:700;flex-shrink:0}.ws-menu-divider{height:1px;background:var(--border);margin:.4rem .25rem}.ws-create{display:flex;gap:.4rem;padding:.35rem .25rem .15rem}.soon-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.5rem;background:rgba(5,8,16,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.soon-card{width:100%;max-width:320px;text-align:center;padding:2rem 1.5rem 1.5rem;animation:ws-pop .16s ease}.soon-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;font-size:1.9rem;margin-bottom:.8rem}@keyframes ws-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-card{display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:14px;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border:1px solid var(--border);cursor:pointer;margin-bottom:1.1rem;transition:border-color .15s}.profile-card:hover{border-color:var(--accent)}.pc-name{font-weight:700;font-size:1.05rem}.pc-email,.pc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-email{font-size:.8rem}.pc-view{font-size:.75rem;margin-top:2px;color:var(--accent)}.pc-badge{display:inline-block;margin-left:6px;font-size:.62rem;font-weight:600;color:var(--warning);border:1px solid var(--warning);border-radius:999px;padding:.05rem .45rem;vertical-align:middle}.pc-switch{flex-shrink:0;font-size:1.1rem;padding:.45rem .65rem}.acct-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.35);overflow:hidden;z-index:40}.acct-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .8rem;background:none;border:none;cursor:pointer;color:var(--fg)}.acct-item:hover{background:var(--bg-elevated)}.acct-item+.acct-item{border-top:1px solid var(--border)}.acct-add{color:var(--accent)}.acct-avatar{width:32px;height:32px;font-size:.8rem}.acct-name{font-size:.85rem;font-weight:600}.acct-email,.acct-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-email{font-size:.72rem}.menu-group-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 .25rem .4rem}.menu-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:1.1rem}.menu-card .menu-item+.menu-item{border-top:1px solid var(--border)}.pi-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;font-size:.88rem}.pi-row+.pi-row{border-top:1px solid var(--border)}.ph-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0;font-weight:700;font-size:1.2rem}.ph-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ph-avatar-lg{width:84px;height:84px;font-size:1.7rem}.menu-row-head{width:100%;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:none;border:none;cursor:pointer;color:var(--fg)}.menu-row-head .mr-icon,.menu-row-head:hover{background:var(--bg-elevated)}.menu-row-head .mr-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.mr-title{display:block;font-weight:600;font-size:.95rem}.mr-sub{display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-chev{color:var(--muted);font-size:1.1rem}.menu-row-body{border-top:1px solid var(--border);padding:.8rem 1rem 1rem}.bottom-nav{display:none}.sidebar{width:220px;border-right:1px solid var(--border);padding:1.25rem .9rem;display:flex;flex-direction:column;gap:.25rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.app-main{flex:1 1;padding:2rem;max-width:1100px;width:100%}@media (max-width:768px){.app-shell{display:block}.app-header{position:fixed;top:0;left:0;right:0;height:54px}.app-header .back-btn{padding:.35rem .6rem}.app-header .back-btn,.app-header .header-brand{display:inline-flex;align-items:center}.app-content{padding-top:54px;padding-bottom:calc(58px + env(safe-area-inset-bottom))}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-card);border-top:1px solid var(--border);z-index:30}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.62rem;color:var(--muted)}.bottom-nav a.active{color:var(--accent)}.bottom-nav .bn-icon{width:22px;height:22px}.home.ws-active .tool-card.personal-only{display:none}.app-main{padding:1rem;max-width:100%}}.error-text{color:var(--danger);font-size:.9rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:1rem;gap:1rem}.tool-card{text-align:left;cursor:pointer;color:var(--fg);display:flex;flex-direction:column;gap:.35rem;padding:1.1rem}.tool-card .tc-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem}.tool-card .tc-name{font-weight:700;font-size:1.05rem;margin-top:.3rem}.tool-card .tc-desc{font-size:.85rem}.tool-card .tc-meta{font-size:.78rem;margin-top:auto;padding-top:.4rem}.notes-page{display:flex;flex-direction:column;height:calc(100dvh - 120px)}.notes-shell{display:flex;gap:1.25rem;flex:1 1;min-height:0}.notes-list{width:300px;flex-direction:column}.notes-editor,.notes-list{display:flex;gap:.6rem;min-width:0}.notes-editor{flex:1 1;flex-direction:column}.notes-toolbar{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:var(--toolbar-glass);border:1px solid var(--toolbar-glass-border);border-radius:999px;padding:.3rem .5rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--cover-shadow)}.notes-toolbar::-webkit-scrollbar{display:none}.notes-toolbar>*{flex-shrink:0}.notes-toolbar-sep{width:1px;align-self:stretch;background:var(--border);margin:.1rem .25rem}.notes-toolbar .icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.active{color:var(--accent);background:var(--bg-elevated)}.notes-mode-toggle{display:inline-flex;gap:.15rem;background:var(--bg-elevated);border-radius:999px;padding:.2rem;width:-moz-fit-content;width:fit-content}.notes-mode-toggle button{border:none;background:transparent;color:var(--muted);padding:.35rem .85rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer}.notes-mode-toggle button.active{background:var(--accent);color:#fff}.notes-color-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);cursor:pointer;padding:0}.notes-save-status{font-size:.72rem;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem;transition:color .15s}.notes-save-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;transition:background .15s,transform .2s}.notes-save-status.saving{color:var(--warning)}.notes-save-status.saving:before{animation:save-pulse 1s ease-in-out infinite}.notes-save-status.error{color:var(--danger)}.notes-save-status.saved{color:var(--success)}.notes-save-status.saved:before{animation:save-pop .3s ease-out}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes save-pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{height:44px;margin-bottom:.6rem}.skeleton-page{flex:1 1;max-width:640px;margin:0 auto;aspect-ratio:1600/2200}.notes-canvas-wrap{position:relative;flex:1 1;min-height:320px;background:var(--paper-bg);border:1px solid var(--border);border-radius:12px;overflow:auto;box-shadow:var(--cover-shadow)}.notes-typed-wrap{position:relative;z-index:1;padding:1rem 1.1rem;min-height:100%}.notes-typed-layer{outline:none;min-height:260px;line-height:1.65;font-size:.95rem}.notes-typed-layer p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--muted);pointer-events:none}.notes-typed-layer ul[data-type=taskList]{list-style:none;padding-left:0}.notes-typed-layer ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:.4rem}.notes-canvas-layer{position:absolute;inset:0;width:100%;height:100%;z-index:2}[data-tooltip]{position:relative}[data-tooltip]:focus-visible:after,[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border);padding:.2rem .5rem;border-radius:6px;font-size:.72rem;white-space:nowrap;z-index:40;pointer-events:none}.notebooks-page{max-width:1100px;margin:0 auto}.notebooks-breadcrumb{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:.7rem;padding-bottom:2px}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.9rem;gap:.9rem}.notebook-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:.6rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.notebook-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--cover-shadow)}.notebook-card-thumb{aspect-ratio:1600/2200;border-radius:8px;background:var(--bg-elevated);display:grid;place-items:center;overflow:hidden;box-shadow:var(--cover-shadow);position:relative}.notebook-card-thumb:after{content:"";position:absolute;inset:3% -3px 3% auto;width:3px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.12) 15%,rgba(0,0,0,.12) 85%,transparent)}.notebook-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.folder-thumb{font-size:2.2rem}.notebook-card-title{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-snippet{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notebooks-top-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.notebooks-search-box{flex:1 1;min-width:0;display:flex;align-items:center;gap:.4rem}@media (max-width:480px){.notebooks-search-box{flex-basis:100%;order:-1}.notebooks-top-controls{flex-wrap:wrap}}.notebooks-controls{display:flex;justify-content:space-between;gap:.5rem;overflow-x:auto;flex-wrap:nowrap;margin-bottom:.8rem;padding-bottom:2px}.chip-group{display:flex;gap:.3rem;flex-shrink:0}.chip svg{vertical-align:-2px}.crumb-sep{color:var(--muted);flex-shrink:0}.notebooks-section-title{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}.notebooks-recent-row{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:4px}.notebook-recent-card{flex:0 0 130px}.notebook-recent-card .notebook-card-thumb{aspect-ratio:1600/2200}.card-menu-item{width:100%;justify-content:flex-start;font-size:.85rem;gap:.5rem}.notebook-list{display:flex;flex-direction:column;gap:.5rem}.notebook-list-row{display:flex;align-items:center;gap:.7rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.5rem .7rem;cursor:pointer}.notebook-list-row:hover{border-color:var(--accent)}.notebook-row-thumb{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.notebook-row-thumb img{width:100%;height:100%;object-fit:cover}.notebook-viewer{position:relative;gap:.6rem;height:calc(100dvh - 120px);max-width:900px;margin:0 auto}.notebook-header,.notebook-viewer{display:flex;flex-direction:column}.notebook-header{gap:.4rem}.notebook-header-primary{display:flex;align-items:center;gap:.4rem}.notebook-add-page-btn{width:100%;max-width:640px;justify-content:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px;margin-top:-.8rem}.notebook-menu-wrap{position:relative}.notebook-menu-panel{position:absolute;right:0;top:110%;z-index:25;width:240px;max-height:80vh;overflow-y:auto;padding:.4rem}.notebook-menu-papers{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;padding:.2rem}.notebook-menu-custom-paper{padding:.4rem .5rem .2rem}.notebook-menu-divider{height:1px;background:var(--border);margin:.35rem .2rem}.page-indicator-float{position:absolute;left:.7rem;bottom:.7rem;z-index:12;pointer-events:none}.page-indicator-float>*{pointer-events:auto}.page-indicator-label{background:var(--toolbar-glass);border:1px solid var(--toolbar-glass-border);padding:.35rem .8rem;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--cover-shadow)}.page-indicator-input,.page-indicator-label{color:var(--fg);font-size:.78rem;font-weight:600;border-radius:999px}.page-indicator-input{width:64px;padding:.35rem .6rem;border:1px solid var(--accent);background:var(--bg-card);text-align:center}.ink-selection-box{position:absolute;border:1.5px dashed var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none}.ink-selection-handle{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent);cursor:nwse-resize;touch-action:none}.ink-selection-handle-ne,.ink-selection-handle-sw{cursor:nesw-resize}.ink-selection-actions{position:absolute;transform:translate(-50%,calc(-100% - 8px));display:flex;gap:.15rem;background:var(--toolbar-glass);border:1px solid var(--toolbar-glass-border);border-radius:999px;padding:.2rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--cover-shadow)}.ink-selection-actions button{border:none;background:transparent;color:var(--fg);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.ink-selection-actions button:hover{background:var(--bg-elevated)}.notes-audio-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.notes-audio-clip{display:flex;align-items:center;gap:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.15rem .4rem}.notes-audio-clip audio{height:30px;max-width:220px}.table-insert-popover{position:absolute;right:0;top:110%;z-index:20;padding:.5rem;width:168px}.table-insert-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:2px;gap:2px}.table-insert-cell{width:20px;height:20px;border:1px solid var(--border);background:var(--bg-elevated);padding:0;cursor:pointer}.table-insert-cell.active{background:var(--accent);border-color:var(--accent)}.notes-typed-layer table{border-collapse:collapse;width:100%;margin:.5rem 0}.notes-typed-layer td,.notes-typed-layer th{border:1px solid var(--border);padding:.35rem .5rem;min-width:60px;vertical-align:top}.notes-typed-layer th{background:var(--bg-elevated);font-weight:600;text-align:left}.swatch-popover{position:absolute;right:0;top:110%;z-index:20;display:flex;flex-wrap:wrap;gap:.35rem;width:150px;padding:.5rem}.swatch-clear{background:repeating-conic-gradient(var(--border) 0 25%,transparent 0 50%) 50% /8px 8px}.notebooks-bulk-bar{display:flex;align-items:center;gap:.6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:.4rem .6rem;margin-bottom:.6rem}.notebook-card-selected{outline:2px solid var(--accent);outline-offset:-1px}.notebook-select-check{position:absolute;top:6px;left:6px;z-index:5;background:var(--bg-card)}.notebook-pages-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:.5rem 0 3rem}.notebook-page{width:100%;max-width:640px;display:flex;flex-direction:column;gap:.4rem}.notebook-page-label{font-size:.72rem;text-align:center}.notes-zoom-layer{position:relative;width:100%;height:100%;transform-origin:center center}.paper-lined{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--border) 27px,var(--border) 28px)}.paper-grid{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--border) 27px,var(--border) 28px),repeating-linear-gradient(to right,transparent 0,transparent 27px,var(--border) 27px,var(--border) 28px)}.paper-dotted{background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}.paper-custom{background-color:var(--paper-custom-color,var(--paper-bg));background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--paper-custom-spacing, 27px) - 1px),var(--border) calc(var(--paper-custom-spacing, 27px) - 1px),var(--border) var(--paper-custom-spacing,27px))}@media (max-width:768px){.notebook-viewer{height:calc(100dvh - 86px)}.notebook-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.notebook-header{position:-webkit-sticky;position:sticky;top:0;z-index:15;background:var(--bg);padding:.3rem 0}.notebook-menu-panel{max-width:calc(100vw - 1.6rem)}.notes-mode-toggle{width:100%;justify-content:center}.notes-mode-toggle button{flex:1 1;justify-content:center}.notes-mode-toggle,.notes-toolbar{position:-webkit-sticky;position:sticky;bottom:0;z-index:15}.notes-mode-toggle button,.notes-toolbar .icon-btn{min-width:42px;min-height:42px}}@media (min-width:769px) and (max-width:1024px){.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.tool-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.tool-card{padding:.7rem .3rem;gap:.3rem;align-items:center;text-align:center}.tool-card .tc-icon{width:40px;height:40px;font-size:1.2rem;border-radius:12px}.tool-card .tc-name{font-size:.78rem;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-card .tc-desc,.tool-card .tc-meta{display:none}}@media (min-width:420px) and (max-width:768px){.tool-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.notes-page{height:calc(100dvh - 86px)}.notes-shell{gap:0}.notes-list{width:100%}.notes-shell.editing .notes-list,.notes-shell:not(.editing) .notes-editor{display:none}}.ws-panel{margin-bottom:1rem;padding:.85rem 1rem;background:linear-gradient(135deg,#16213c,#111726);border-color:rgba(79,124,255,.25)}.ws-panel-head{display:flex;align-items:center;gap:.65rem}.ws-panel-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;flex-shrink:0}.ws-panel-title{flex:1 1;min-width:0;display:flex;flex-direction:column}.ws-panel-name{font-weight:700;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-panel-sub{font-size:.75rem}.ws-role-badge{font-size:.68rem;font-weight:600;border:1px solid;border-radius:999px;padding:.12rem .55rem;flex-shrink:0}.ws-panel-actions{display:flex;align-items:center;margin-top:.7rem}.ws-member-stack{display:flex;cursor:pointer}.ws-member-stack .ws-member-dot:not(:first-child){margin-left:-8px}.ws-member-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:700;border:2px solid var(--bg);flex-shrink:0;overflow:hidden}.ws-member-dot img{width:100%;height:100%;object-fit:cover;display:block}.member-menu{min-width:210px}.member-menu .acct-item{font-size:.85rem;gap:.5rem}.mm-icon{width:24px;text-align:center;flex-shrink:0}.ws-member-more{background:var(--bg-elevated);color:var(--muted)}.ws-member-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--border)}.ws-member-name{flex:1 1;min-width:0;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.chip.active,.chip:hover{color:var(--fg);background:var(--bg-elevated)}.chip.active{border-color:var(--accent)}.task-item{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-card);border:1px solid var(--border);border-left-width:3px;border-radius:12px;padding:.7rem .8rem;margin-bottom:.5rem}.task-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted);place-items:center;flex-shrink:0;margin-top:1px;color:#fff;font-size:12px;line-height:1;transition:background .15s,border-color .15s}.icon-btn,.task-check{background:transparent;display:grid;cursor:pointer}.icon-btn{border:none;color:var(--muted);padding:.35rem;border-radius:8px;place-items:center;font-size:.95rem}.icon-btn:hover{background:var(--bg-elevated);color:var(--fg)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal-sheet{background:var(--bg-card);border:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-width:520px;max-height:88vh;max-height:88dvh;overflow-y:auto;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom, 0))}@media (min-width:640px){.modal-backdrop{align-items:center}.modal-sheet{border-radius:16px}}.chat-viewport{display:flex;flex-direction:column;height:calc(100vh - 4rem);height:calc(100dvh - 4rem);min-height:0}@media (max-width:768px){.chat-viewport{height:calc(100dvh - 54px - 2rem)}}