:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--accent: #ef4444;--accent-2: #991b1b;--accent-soft: rgba(239, 68, 68, .13);--accent-line: rgba(239, 68, 68, .48);--bg: #1e1e1e;--bg-deep: #171717;--rail: #202020;--sidebar: #252525;--panel: #2a2a2a;--panel-2: #303030;--hover: #323232;--active: #3a3a3a;--editor: #1f1f1f;--editor-soft: #232323;--border: #3a3a3a;--border-soft: rgba(255, 255, 255, .07);--text: #d7d7d7;--text-strong: #f1f1f1;--muted: #a6a6a6;--muted-2: #777;--danger: #ef4444;--rail-w: 52px;--sidebar-w: 330px;--topbar-h: 46px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px)}:root[data-accent=red]{--accent:#ef4444;--accent-2:#991b1b;--accent-soft:rgba(239,68,68,.13);--accent-line:rgba(239,68,68,.48)}:root[data-accent=violet]{--accent:#8b5cf6;--accent-2:#5b21b6;--accent-soft:rgba(139,92,246,.14);--accent-line:rgba(139,92,246,.48)}:root[data-accent=blue]{--accent:#3b82f6;--accent-2:#1d4ed8;--accent-soft:rgba(59,130,246,.14);--accent-line:rgba(59,130,246,.48)}:root[data-accent=emerald]{--accent:#10b981;--accent-2:#047857;--accent-soft:rgba(16,185,129,.14);--accent-line:rgba(16,185,129,.48)}:root[data-accent=amber]{--accent:#f59e0b;--accent-2:#b45309;--accent-soft:rgba(245,158,11,.14);--accent-line:rgba(245,158,11,.48)}:root[data-accent=pink]{--accent:#ec4899;--accent-2:#be185d;--accent-soft:rgba(236,72,153,.14);--accent-line:rgba(236,72,153,.48)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden}body{margin:0;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:not-allowed}input,textarea{outline:none}::selection{background:var(--accent-line);color:#fff}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mobileOnly{display:none!important}.boot{height:100dvh;display:grid;place-items:center;background:var(--bg-deep);color:var(--muted)}.loginPage{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 10%,var(--accent-soft),transparent 34%),var(--bg-deep)}.loginCard{width:min(440px,100%);border:1px solid var(--border);background:#232323;border-radius:18px;padding:26px;box-shadow:0 30px 100px #0000006b}.loginTopline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.brandMark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:850;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px #00000047}.brandMark.small{width:28px;height:28px;border-radius:8px;font-size:13px}.eyebrow{color:var(--accent);margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.loginCard h1{margin:0;color:var(--text-strong);font-size:clamp(28px,5vw,42px);letter-spacing:-.05em;line-height:.98}.loginCopy{color:var(--muted);line-height:1.55;margin:14px 0 22px}.loginCard form{display:grid;gap:14px}.loginCard label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}.loginCard input{height:46px;border:1px solid var(--border);background:#1d1d1d;border-radius:12px;padding:0 13px}.loginCard input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.loginCard button[type=submit],.emptyActions button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:850;min-height:44px;padding:0 14px}.errorBox{border:1px solid rgba(239,68,68,.35);color:#fecaca;background:#ef44441a;border-radius:12px;padding:11px 12px;font-size:13px}.appShell{height:100dvh;width:100vw;overflow:hidden;display:flex;background:var(--bg)}.mobileOverlay{display:none}.vaultRail{flex:0 0 var(--rail-w);width:var(--rail-w);height:100dvh;background:var(--rail);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:8px 6px calc(8px + var(--safe-area-bottom));gap:8px}.railLogo,.railBtn,.menuBtn,.iconBtn{display:inline-grid;place-items:center;border:0;color:var(--muted);background:transparent}.railLogo{width:36px;height:36px;border-radius:9px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.railGroup{display:grid;gap:5px;width:100%}.railBtn{width:38px;height:38px;border-radius:9px;margin-inline:auto;font-size:17px}.railBtn:hover,.railBtn.active{color:var(--text-strong);background:var(--hover)}.railBtn.active{box-shadow:inset 3px 0 0 var(--accent)}.railSpacer{flex:1}.railUser{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:#fff;border:1px solid var(--accent-line);font-size:12px;font-weight:850}.sidebar{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);max-width:var(--sidebar-w);height:100dvh;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border)}.sidebarTop{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.sidebarTitle{display:flex;align-items:center;gap:8px;min-width:0}.sidebarTitle strong{display:block;color:var(--text-strong);font-size:13px;line-height:1.1}.sidebarTitle span{display:block;color:var(--muted-2);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerActions,.workspaceControls,.workspaceBrand,.editorTopbar,.topbarRight{display:flex;align-items:center;gap:8px}.iconBtn,.menuBtn{width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:var(--muted)}.iconBtn:hover,.menuBtn:hover{color:var(--text-strong);background:var(--hover)}.modeTabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 10px 8px;padding:3px;background:#1f1f1f;border:1px solid var(--border);border-radius:10px}.modeTabs button{min-width:0;border:0;border-radius:7px;padding:7px 8px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:750}.modeTabs button small{color:var(--muted-2);font-size:10px}.modeTabs button.active{color:var(--text-strong);background:var(--active)}.modeTabs button.active small{color:var(--accent)}.sidebarActions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.sidebarActions.single{grid-template-columns:1fr}.sidebarActions button{min-height:34px;border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:760;padding:0 10px;color:var(--text-strong);background:#2a2a2a}.sidebarActions button:hover{border-color:var(--accent-line);background:var(--accent-soft)}.searchBox{flex:0 0 auto;height:36px;display:flex;align-items:center;gap:8px;margin:0 10px 10px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:#1e1e1e;color:var(--muted-2)}.searchBox:focus-within{border-color:var(--accent-line);background:#202020}.searchBox span{font-size:15px}.searchBox input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);height:100%;font-size:13px}.searchBox input::placeholder{color:var(--muted-2)}.folderList{flex:1 1 auto;min-height:0;overflow:auto;padding:0 8px 12px;scrollbar-width:thin;scrollbar-color:#555 transparent}.folderBlock{margin-bottom:2px}.sectionLabel{color:var(--muted-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 8px 6px;font-weight:800}.folderButton,.noteButton{width:100%;border:0;color:var(--muted);background:transparent;text-align:left;display:flex;gap:8px;align-items:center;border-radius:7px}.folderButton{min-height:30px;padding:5px 8px;font-size:13px;font-weight:720;color:#cfcfcf}.folderButton span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folderButton small{margin-left:auto;color:var(--muted-2);font-size:10px}.chevron{font-size:10px;color:var(--muted-2)}.folderButton:hover,.folderButton.active{background:var(--hover);color:var(--text-strong)}.folderButton.active{box-shadow:inset 3px 0 0 var(--accent)}.noteList{display:grid;gap:1px;padding-left:14px;margin:2px 0 8px}.noteList.flat{padding-left:0}.noteButton{min-height:31px;padding:5px 8px;font-size:13px}.noteButton:hover,.noteButton.active{background:var(--hover);color:var(--text-strong)}.noteButton.active{background:var(--active);box-shadow:inset 3px 0 0 var(--accent)}.noteIcon{flex:0 0 auto;opacity:.65;font-size:13px}.noteText{min-width:0;display:block}.noteText strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:560;color:inherit}.noteText small{display:none}.mutedHint{margin:10px 8px;color:var(--muted-2);font-size:13px}.workspace{flex:1 1 auto;min-width:0;width:calc(100vw - var(--rail-w) - var(--sidebar-w));height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--editor)}.workspaceHeader{height:var(--topbar-h);min-height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--border);background:#202020;flex:0 0 auto}.workspaceBrand{min-width:0}.workspaceBrand>div{min-width:0}.workspaceBrand strong{display:block;color:#dcdcdc;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48vw}.workspaceBrand span{display:none}.workspaceControls{flex-shrink:0}.ghostBtn,.dangerBtn{border:1px solid var(--border);color:var(--text);background:#282828;border-radius:8px;min-height:32px;padding:0 11px;font-size:13px}.ghostBtn:hover{border-color:#4a4a4a;background:#303030}.dangerBtn{color:#fecaca;border-color:#ef444440;background:#ef444417}.dangerBtn:hover{border-color:#ef444473;background:#ef444426}.editorPane{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--editor)}.editorTopbar{flex:0 0 auto;justify-content:space-between;gap:18px;padding:28px clamp(24px,5vw,82px) 10px;background:var(--editor);border-bottom:0}.titleWrap{min-width:0;flex:1 1 auto;display:flex;flex-direction:column-reverse;gap:8px}.noteTypeRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:22px}.scopePill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px;color:var(--muted);background:#242424}.scopePill.shared{color:#f1f5f9;border-color:var(--accent-line);background:var(--accent-soft)}.scopePill.personal{color:#bfdbfe;background:#3b82f61f;border-color:#3b82f64d}.noteMeta{color:var(--muted-2);font-size:12px}.titleInput{width:min(860px,100%);border:0;border-bottom:1px solid transparent;border-radius:0;padding:0 0 6px;background:transparent;color:var(--text-strong);font-size:clamp(28px,3.3vw,44px);line-height:1.12;font-weight:760;letter-spacing:-.035em}.titleInput:hover,.titleInput:focus{border-bottom-color:var(--border)}.topbarRight{justify-content:flex-end;flex-wrap:wrap;gap:8px}.statusDot{width:8px;height:8px;border-radius:999px;background:#71717a;box-shadow:0 0 0 4px #71717a1a;flex:0 0 auto}.statusDot.online{background:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.statusDot.salvando,.statusDot.editando,.statusDot.carregando{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.statusDot.offline,.statusDot.erro{background:#ef4444;box-shadow:0 0 0 4px #ef44441a}.statusText{color:var(--muted);font-size:12px}.usersPill{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);background:#242424;color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.remoteNotice{flex:0 0 auto;align-self:center;width:min(860px,calc(100% - 44px));border:1px solid rgba(245,158,11,.28);background:#f59e0b1a;color:#fde68a;border-radius:10px;padding:9px 12px;text-align:left}.paperWrap{flex:1 1 auto;min-height:0;overflow:hidden;padding:8px clamp(24px,5vw,82px) 14px;display:flex}.noteTextarea{width:min(860px,100%);height:100%;min-height:0;resize:none;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:none;border:0;border-radius:0;background:transparent;color:#d7d7d7;caret-color:var(--accent);padding:8px 0 80px;line-height:1.72;font-size:clamp(16px,1.2vw,18px);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#555 transparent}.noteTextarea::placeholder{color:var(--muted-2)}.noteTextarea:focus{box-shadow:inset 3px 0 0 var(--accent);padding-left:17px;transition:padding-left .12s ease}.editorFooter{flex:0 0 auto;min-height:30px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:0 clamp(24px,5vw,82px) calc(8px + var(--safe-area-bottom));color:var(--muted-2);font-size:12px;border-top:1px solid var(--border);background:#202020}.emptyState{flex:1;display:grid;place-items:center;padding:24px;text-align:center;background:var(--editor)}.emptyCard{width:min(480px,92vw);border:1px solid var(--border);border-radius:16px;padding:30px;background:#242424}.emptyIcon{width:48px;height:48px;margin:0 auto 14px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:23px}.emptyState h2{margin:0 0 8px;color:var(--text-strong);font-size:clamp(26px,5vw,38px);letter-spacing:-.04em}.emptyState p{margin:0 auto 18px;color:var(--muted);line-height:1.55;max-width:420px}.emptyActions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.emptyActions .secondary{background:#2b2b2b;box-shadow:none;border:1px solid var(--border)}.themePicker{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 8px;background:#262626}.themePicker.compact{border-radius:12px}.themePicker>span{color:var(--muted-2);font-size:11px}.themeDots{display:flex;gap:6px;align-items:center}.themeDot{width:15px;height:15px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:var(--dot);padding:0;flex:0 0 auto}.themeDot.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff12}@media(max-width:1180px){:root{--sidebar-w: 300px}.usersPill{display:none}.workspaceControls .themePicker>span{display:none}}@media(max-width:860px){:root{--rail-w: 0px;--sidebar-w: min(88vw, 330px)}.mobileOnly{display:inline-grid!important}.appShell{display:block}.vaultRail{display:none}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar-w);max-width:88vw;transform:translate(-105%);transition:transform .2s ease;box-shadow:25px 0 70px #0000008c;padding-top:var(--safe-area-top)}.sidebarIsOpen .sidebar{transform:translate(0)}.mobileOverlay{display:none;position:fixed;inset:0;z-index:20;background:#00000085}.sidebarIsOpen .mobileOverlay{display:block}.workspace{width:100vw;height:100dvh}.workspaceHeader{height:calc(48px + var(--safe-area-top));min-height:calc(48px + var(--safe-area-top));padding:var(--safe-area-top) 10px 0}.workspaceBrand strong{max-width:52vw}.workspaceControls .themePicker{display:none}.editorTopbar{padding:16px 16px 8px;align-items:flex-start;flex-direction:column;gap:10px}.titleInput{font-size:32px;width:100%}.topbarRight{justify-content:flex-start;width:100%}.topbarRight .ghostBtn,.topbarRight .dangerBtn{min-height:30px;padding:0 9px}.statusText{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paperWrap{padding:6px 16px 12px}.noteTextarea{width:100%;font-size:16px;line-height:1.68;padding-bottom:90px}.noteTextarea:focus{padding-left:12px}.editorFooter{padding:0 12px calc(6px + var(--safe-area-bottom));gap:8px 12px}.editorFooter span:nth-child(3){display:none}.remoteNotice{width:calc(100% - 28px)}}@media(max-width:480px){.loginCard{padding:22px;border-radius:16px}.sidebarActions,.modeTabs{grid-template-columns:1fr}.topbarRight .dangerBtn{display:none}.statusText,.noteMeta{font-size:11px}.ghostBtn,.dangerBtn,.iconBtn,.menuBtn{border-radius:8px}.titleInput{font-size:29px}}.avatarImage{--avatar-size: 30px;width:var(--avatar-size);height:var(--avatar-size);border-radius:999px;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 var(--avatar-size);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 16px #00000038;color:#fff;font-size:11px;font-weight:850;letter-spacing:-.02em}.avatarImage.sm{--avatar-size: 24px;font-size:10px}.avatarImage.md{--avatar-size: 30px}.avatarImage.lg{--avatar-size: 52px;font-size:15px}.avatarImage img{width:100%;height:100%;object-fit:cover;display:block}.avatarSetup{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:12px!important;border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:12px;margin-bottom:14px;cursor:pointer}.avatarSetup:hover{border-color:var(--accent-line);background:var(--accent-soft)}.avatarSetup span{min-width:0;display:grid;gap:2px}.avatarSetup strong{color:var(--text-strong);font-size:13px}.avatarSetup small{color:var(--muted-2);font-size:12px;line-height:1.35}.avatarSetup input{display:none}.errorBox.soft{margin:-5px 0 12px}.avatarPicker{position:relative}.avatarPicker input{display:none}.avatarButton{border:1px solid var(--border);border-radius:999px;background:#262626;color:var(--muted);min-height:34px;padding:3px 9px 3px 4px;display:inline-flex;align-items:center;gap:7px;font-size:12px}.avatarButton:hover{color:var(--text-strong);border-color:var(--accent-line);background:var(--accent-soft)}.railUser{background:transparent!important;border:0!important;color:inherit!important}.railUser .avatarImage{--avatar-size: 29px}.presenceStack{display:inline-flex;align-items:center;padding-left:7px;margin-right:2px}.presenceStack .avatarImage{margin-left:-7px;box-shadow:0 0 0 2px var(--editor),0 6px 16px #00000040}.presenceMore{margin-left:-5px;height:24px;min-width:24px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#2a2a2a;color:var(--muted);border:1px solid var(--border);font-size:10px;font-weight:800;box-shadow:0 0 0 2px var(--editor)}.typingIndicator{flex:0 0 auto;width:min(860px,calc(100% - clamp(48px,10vw,164px)));margin:0 clamp(24px,5vw,82px) 6px;display:flex;align-items:center;gap:8px;min-height:36px;color:var(--muted);animation:typingIn .16s ease-out}.typingAvatars{display:inline-flex;align-items:center;padding-left:8px}.typingAvatars .avatarImage{margin-left:-8px;box-shadow:0 0 0 2px var(--editor)}.typingBubble{position:relative;min-width:54px;height:32px;border-radius:13px 13px 13px 5px;background:#2d2d2d;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 10px 28px #00000038}.typingBubble:before{content:"";position:absolute;left:-5px;bottom:4px;width:9px;height:9px;background:#2d2d2d;border-left:1px solid var(--border);border-bottom:1px solid var(--border);transform:rotate(45deg)}.typingBubble span{width:5px;height:5px;border-radius:999px;background:var(--accent);opacity:.55;animation:typingDot 1s infinite ease-in-out}.typingBubble span:nth-child(2){animation-delay:.15s}.typingBubble span:nth-child(3){animation-delay:.3s}.typingLabel{font-size:12px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes typingDot{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-4px);opacity:1}}@keyframes typingIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.presenceStack,.avatarButton span{display:none}.avatarButton{padding-right:4px}}@media(max-width:860px){.avatarPicker{display:none}.typingIndicator{width:calc(100% - 32px);margin:0 16px 6px}.typingLabel{max-width:52vw}}@media(max-width:480px){.typingBubble{min-width:48px;height:30px}.typingLabel{display:none}.avatarSetup{align-items:flex-start}}.paperWrap{position:relative}.inlineTypingLayer{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.inlineTypingAtLine{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;max-width:min(360px,72vw);filter:drop-shadow(0 12px 24px rgba(0,0,0,.32));animation:inlineTypingPop .16s ease-out}.inlineTypingAtLine:after{content:"";position:absolute;left:12px;top:33px;width:2px;height:32px;border-radius:999px;background:linear-gradient(to bottom,var(--accent),transparent);opacity:.9}.typingBubble.mini{min-width:44px;height:28px;border-radius:12px 12px 12px 5px;background:#2f2f2f;border-color:#ffffff1f}.typingBubble.mini:before{background:#2f2f2f;border-color:#ffffff1f}.typingBubble.mini span{width:4px;height:4px}.inlineTypingLine{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#00000061;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}@keyframes inlineTypingPop{0%{opacity:0;transform:translateY(-5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:860px){.inlineTypingAtLine{max-width:calc(100vw - 32px)}.inlineTypingLine{display:none}}.folderTabsWrap{flex:0 0 auto;padding:0 10px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.sectionLabel.compact{padding:0 2px 6px;color:var(--muted-2);font-size:10px}.folderTabs{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;scrollbar-width:thin;scrollbar-color:#4d4d4d transparent;-webkit-overflow-scrolling:touch}.folderTabs::-webkit-scrollbar{height:6px}.folderTabs::-webkit-scrollbar-track{background:transparent}.folderTabs::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:999px}.folderTab{flex:0 0 auto;min-width:92px;max-width:178px;min-height:34px;border:1px solid var(--border-soft);border-radius:10px;padding:0 9px;background:#222;color:var(--muted);display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:720}.folderTab:hover{color:var(--text-strong);background:#2b2b2b;border-color:var(--border)}.folderTab.active{color:var(--text-strong);background:linear-gradient(180deg,#ffffff0e,#ffffff06),var(--accent-soft);border-color:var(--accent-line);box-shadow:inset 0 -2px 0 var(--accent)}.folderTabIcon{color:var(--muted-2);font-size:11px}.folderTab.active .folderTabIcon{color:var(--accent)}.folderTabName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folderTab small{margin-left:auto;color:var(--muted-2);font-size:10px;font-weight:850}.folderTab.active small{color:var(--accent)}.notebookList{padding-top:8px}.notesPanelHeader{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:0 8px 6px;background:linear-gradient(var(--sidebar) 70%,rgba(37,37,37,0));color:var(--muted-2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.notesPanelHeader span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notesPanelHeader small{flex:0 0 auto;min-width:22px;height:20px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff0d;color:var(--muted);font-size:10px}.focusedNotes{padding-left:0!important;gap:4px;margin-bottom:0}.focusedNotes .noteButton{min-height:44px;align-items:flex-start;padding:8px 9px;border-radius:9px}.focusedNotes .noteText strong{font-weight:650}.focusedNotes .noteText small{display:block;margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-2);font-size:11px;line-height:1.25}.focusedNotes .noteButton.active .noteText small,.focusedNotes .noteButton:hover .noteText small{color:var(--muted)}.emptyFolderHint{margin:12px 4px;padding:14px;border:1px dashed var(--border);border-radius:12px;background:#ffffff06;display:grid;gap:4px;color:var(--muted)}.emptyFolderHint strong{color:var(--text-strong);font-size:13px}.emptyFolderHint span{color:var(--muted-2);font-size:12px;line-height:1.35}@media(max-width:860px){.folderTabsWrap{padding-bottom:8px}.folderTab{min-width:110px;min-height:38px}.focusedNotes .noteButton{min-height:48px}}