@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}input,button,textarea,select{font-family:inherit}body{margin:0;min-width:320px;min-height:100vh}:root{--bg: #ffffff;--panel: #ededed;--hover: #e2e2e2;--border: #dcdcdc;--text: #1a1a1a;--muted: #6b6b6b;--appbar: #ffffff;--surface: var(--panel);--surface2: var(--hover);--text-muted: var(--muted);--accent: #065fd4;--accent-hover: #0356b8;--radius: 8px}.theme-warm{--bg: #f5f3ef;--panel: #eeebe4;--hover: #e0dbd2;--border: #d4cfc7;--text: #3d3c3a;--muted: #7a7670;--appbar: #ffffff;--accent: #7b6cd8;--accent-hover: #6a5bc7}.theme-dark{--bg: #1e1e1e;--panel: #252525;--hover: #2e2e2e;--border: #3a3a3a;--text: #e0e0e0;--muted: #888888;--appbar: #1a1a1a;--accent: #7b6cd8;--accent-hover: #8b7ce8}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:auto}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{display:flex;height:100vh;overflow:hidden;flex-direction:column}.app-bar{display:none}.global-search{flex:2;max-width:600px;position:relative}.global-search__inner{position:relative;display:flex;align-items:center;background:var(--panel);border-radius:8px;padding:0 12px;transition:all .2s;border:1px solid transparent}.global-search__inner:focus-within{background:var(--bg);border-color:var(--accent);box-shadow:0 1px 1px #0000001a}.search-scope-chip{display:flex;align-items:center;gap:4px;background:#e8eaed;border:1px solid #dadce0;border-radius:4px;padding:2px 6px;margin-right:8px;font-size:11px;font-weight:700;color:#5f6368;white-space:nowrap;-webkit-user-select:none;user-select:none;height:22px}.search-scope-chip:before{content:"in:";opacity:.6;font-weight:500;margin-right:1px}.search-scope-chip__close{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);border-radius:50%}.search-scope-chip__close:hover{background:#0000001a;color:var(--text)}.search-highlight{background-color:#fff20059;color:inherit;border-radius:2px}.global-search__icon{color:var(--muted);margin-right:10px}.global-search__input{flex:1;border:none;background:transparent;padding:8px 0;font-size:14px;color:var(--text);outline:none;width:100%}.global-search__clear{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.global-search__clear:hover{background:var(--hover);color:var(--text)}.global-search__kbd{font-family:inherit;font-size:11px;color:var(--muted);background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:2px 5px;white-space:nowrap;pointer-events:none;flex-shrink:0}.global-search__dropdown{width:100%;top:calc(100% + 4px);box-shadow:0 4px 20px #00000026;border:1px solid var(--border)}.app-bar__right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:200px}.app-bar__icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.app-bar__icon-btn:hover{background:var(--hover);color:var(--text)}.user-menu{position:relative}.user-menu__trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s}.user-menu__trigger:hover{transform:scale(1.05)}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;padding:4px 0;overflow:hidden}.user-menu__info{padding:12px 16px}.user-menu__email{font-size:12px;color:var(--muted);word-break:break-all}.user-menu__name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.app-bar__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-menu__item{width:100%;padding:10px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);transition:background-color .15s}.user-menu__item:hover{background:var(--hover)}.user-menu__theme{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.user-menu__theme-label{font-size:12px;color:var(--muted);white-space:nowrap}.user-menu__theme-btns{display:flex;gap:4px}.user-menu__theme-btn{padding:3px 9px;font-size:12px;border:1px solid var(--border);border-radius:4px;background:none;color:var(--muted);cursor:pointer;transition:all .15s}.user-menu__theme-btn:hover{background:var(--hover);color:var(--text)}.user-menu__theme-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.app-bar__avatar{width:28px;height:28px;border-radius:50%;background:#4f7ef8;color:#fff;font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-panels{display:flex;height:100vh;min-height:0;overflow:hidden}.app.mobile,.app.desktop{flex-direction:column}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);height:56px;flex-shrink:0}.mobile-header-left{display:flex;align-items:center;gap:12px}.mobile-back-btn{background:none;border:none;font-size:20px;color:var(--text);cursor:pointer;padding:4px 8px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.mobile-back-btn:hover{background:var(--hover)}.mobile-title{font-size:18px;font-weight:600;margin:0;color:var(--text)}.mobile-header-right{display:flex;gap:4px}.mobile-nav-btn{background:none;border:1px solid var(--border);font-size:16px;color:var(--muted);cursor:pointer;padding:6px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .15s}.mobile-nav-btn:hover{background:var(--hover);color:var(--text)}.mobile-nav-btn.active{background:var(--hover);color:var(--text);border-color:var(--text)}.mobile-content{flex:1;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 768px){.navigation-panel{width:100%;height:100%;border-right:none;border-bottom:1px solid var(--border);overflow-x:hidden}.notes-list-panel{width:100%;height:100%;border-right:none;overflow-x:hidden}.main-content{width:100%;height:100%;overflow-x:hidden}.app.mobile .navigation-panel,.app.mobile .notes-list-panel,.app.mobile .main-content{width:100%;flex-shrink:0}.app.mobile{overflow-x:hidden;width:100vw}.mobile-content{overflow-x:hidden;width:100%}.nav-item,.note-list-item{min-height:44px;padding:12px}.nav-item{font-size:16px}.note-list-item{padding:16px 12px;margin-bottom:4px}.note-item-title{font-size:16px}.note-item-preview{font-size:14px;line-height:1.4}.search-input{font-size:16px;padding:12px;border-radius:0}.new-note-button,.create-first-note{min-height:44px;font-size:16px;padding:12px 16px}.editor-toolbar{padding:12px}.toolbar-btn{height:40px;width:40px;min-height:40px;min-width:40px;font-size:16px;padding:0}.note-title-input{font-size:20px;padding:16px 0;word-wrap:break-word;overflow-wrap:break-word}.note-editor-header{padding:16px;overflow-x:hidden}.note-editor-content{padding:0 16px;overflow-x:hidden}.wysiwyg-editor,.markdown-editor{padding:16px;font-size:16px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;overflow-x:auto;width:100%;box-sizing:border-box}.note-item-title{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset}.note-item-preview{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:unset;-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-input{width:100%;box-sizing:border-box;overflow-x:hidden}.editor-content,.rich-text-editor{overflow-x:hidden;width:100%}.editor-toolbar{overflow-x:auto;white-space:nowrap}.toolbar-buttons{display:flex;flex-wrap:nowrap;overflow-x:auto}.wysiwyg-editor *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.wysiwyg-editor p,.wysiwyg-editor div,.wysiwyg-editor h1,.wysiwyg-editor h2,.wysiwyg-editor h3{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem}.navigation-panel{background:var(--panel);border-right:none;display:flex;flex-direction:column;width:260px;min-width:260px;max-width:260px;flex-shrink:0;overflow:visible}.navigation-panel .main-navigation{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px;display:flex;flex-direction:column;gap:2px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.navigation-panel .main-navigation:hover{scrollbar-color:var(--border) transparent}.navigation-panel .main-navigation::-webkit-scrollbar{width:6px}.navigation-panel .main-navigation::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.navigation-panel .main-navigation:hover::-webkit-scrollbar-thumb{background:var(--border)}.sidebar-header{flex-shrink:0;background:var(--panel);border-bottom:1px solid var(--border)}.sidebar-user-row{display:flex;align-items:center;gap:8px;padding:10px 12px}.sidebar-avatar{flex-shrink:0}.sidebar-user-name{flex:1;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-right:4px}.sidebar-user-menu{position:relative;flex-shrink:0;z-index:10}.sidebar-kebab-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text);opacity:.8;cursor:pointer;border-radius:6px;transition:all .15s}.sidebar-kebab-btn:hover{background:var(--hover);opacity:1}.sidebar-user-dropdown{position:absolute;top:calc(100% + 4px);right:0;left:auto;min-width:220px;z-index:200}.sidebar-search-nav:hover .sidebar-search-placeholder{color:var(--text)}.sidebar-search-placeholder{flex:1;font-size:13px;color:var(--muted);transition:color .15s}.sidebar-search-kbd{font-family:inherit;font-size:11px;color:var(--muted);background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:2px 5px;white-space:nowrap;pointer-events:none;opacity:.7;flex-shrink:0}.search-modal-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal{background:var(--bg);border-radius:6px;width:560px;max-width:90vw;box-shadow:0 4px 20px #00000026,0 1px 4px #00000014;border:1px solid var(--border);overflow:hidden}.search-modal__input-row{display:flex;align-items:center;gap:10px;padding:2px 14px;border-bottom:1px solid var(--border)}.search-modal__icon{color:var(--muted);flex-shrink:0}.search-modal__input{flex:1;border:none;background:transparent;padding:11px 0;font-size:14px;color:var(--text);outline:none;width:100%}.search-modal__clear,.search-modal__close-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s,color .15s}.search-modal__clear:hover,.search-modal__close-btn:hover{background:var(--hover);color:var(--text)}.search-modal__section-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);padding:10px 8px 4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.search-modal__section-label:first-child{padding-top:4px}.search-modal__fav-icon{color:#f59e0b}.search-modal__result-tag-name{font-size:13px;color:var(--text)}.search-modal__results{max-height:340px;overflow-y:auto;padding:4px 6px 6px}.search-modal__empty{padding:20px;text-align:center;color:var(--muted);font-size:13px}.search-modal__result-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:6px 8px;border:none;background:none;border-radius:4px;cursor:pointer;text-align:left;transition:background .12s}.search-modal__result-item:hover,.search-modal__result-item.active{background:var(--hover)}.search-modal__result-icon{color:var(--muted);flex-shrink:0;padding-top:2px}.search-modal__result-body{flex:1;min-width:0}.search-modal__result-title{font-size:13px;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal__result-preview{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal__result-notebook{font-size:11px;color:var(--muted);background:var(--border);border-radius:4px;padding:2px 6px;white-space:nowrap;flex-shrink:0;align-self:center}.ext-banner{flex-shrink:0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--accent) 10%,var(--panel));display:flex;align-items:center;padding:0 6px 0 4px;height:32px;gap:4px}.ext-banner__row{flex:1;display:flex;align-items:center;gap:6px;padding:0 6px;height:100%;text-decoration:none;color:var(--accent);font-size:12px;font-weight:500;border-radius:4px;transition:background .15s,color .15s;overflow:hidden;white-space:nowrap}.ext-banner__row:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}.ext-banner__icon{flex-shrink:0;display:flex;align-items:center}.ext-banner__title{overflow:hidden;text-overflow:ellipsis}.ext-banner__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--accent);padding:3px;display:flex;align-items:center;border-radius:3px;opacity:0;transition:opacity .15s,background .15s}.ext-banner:hover .ext-banner__close{opacity:.6}.ext-banner__close:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel));opacity:1!important}.search-section{margin:0;border-bottom:1px solid var(--border);padding:12px 14px 14px}.search-input{padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:0;width:100%;color:var(--text);font-size:13px}.search-input:focus{outline:none;border-color:#d1d5db}.main-navigation{margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;text-align:left;border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;transition:all .15s;justify-content:space-between;overflow:hidden;flex-shrink:0;min-height:32px;box-sizing:border-box}.nav-item:hover,.nav-item.active{background:var(--hover);color:var(--text)}.nav-item:focus{outline:none}.nav-icon{width:16px;display:flex;align-items:center;justify-content:center;opacity:.8}.nav-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:11px;background:var(--border);color:var(--muted);padding:2px 0;border-radius:10px;width:22px;text-align:center;font-weight:500;flex-shrink:0}.nav-item-left,.section-toggle-left{display:flex;align-items:center;gap:8px;overflow:hidden;flex:1}.nav-section{margin-top:4px;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:1px}.section-header-left{flex:1;min-width:0}.section-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border:none;background:none;text-align:left;border-radius:6px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:400;transition:all .15s}.section-toggle:hover{background:var(--hover);color:var(--text)}.section-toggle:focus{outline:none}.expand-icon{width:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s;color:var(--muted);opacity:.6}.expand-icon.expanded{transform:rotate(90deg)}.add-button{font-size:11px;background:transparent;color:#16a34a;padding:3px 8px;border-radius:5px;white-space:nowrap;font-weight:600;border:1px solid #16a34a;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-button:hover{background:#dcfce7}.section-content{flex:1;overflow-y:auto}.notebook-item-container{position:relative}.notebook-item,.section-content>.nav-item{font-size:12px;padding-left:32px;padding-right:0}.notebook-item-right{display:flex;align-items:center;gap:4px}.notebook-action-slot{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notebook-menu-trigger{background:none;border:none;color:var(--muted);cursor:pointer;padding:2px 4px;border-radius:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.8}.notebook-menu-trigger:hover{background:var(--hover);color:var(--text)}.notebook-menu-dropdown{position:absolute;top:24px;right:40px;z-index:2000;background:var(--panel);opacity:1}.notebook-rename-input{position:absolute;top:0;right:40px;z-index:1000}.rename-input{padding:4px 6px;font-size:12px;border:1px solid #3b82f6;border-radius:4px;background:var(--bg);color:var(--text);width:120px;outline:none}.delete-confirm-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:160px;position:absolute;top:24px;right:40px;z-index:2000;opacity:1}.delete-confirm-message{font-size:12px;color:var(--text);margin-bottom:8px;font-weight:500}.delete-confirm-actions{display:flex;gap:6px;justify-content:flex-end}.delete-confirm-btn,.delete-cancel-btn{padding:4px 8px;font-size:11px;border:1px solid;border-radius:4px;cursor:pointer;transition:all .15s}.delete-confirm-btn{background:#dc3545;color:#fff;border-color:#dc3545}.delete-confirm-btn:hover:not(:disabled){opacity:.9}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.delete-cancel-btn{background:var(--bg);color:var(--muted);border-color:var(--border)}.delete-cancel-btn:hover{background:var(--hover);color:var(--text)}.notebook-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.section-header-actions{display:flex;align-items:center;gap:4px}.notebook-filter-toggle{background:none;border:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:4px;flex-shrink:0}.notebook-filter-toggle:hover,.notebook-filter-toggle.active{color:#3b82f6}.sort-menu-container{position:relative}.sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:148px;padding:4px}.sort-option{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:12px;background:none;border:none;border-radius:5px;cursor:pointer;color:var(--text);text-align:left}.sort-option:hover{background:var(--hover)}.sort-option.active{color:#3b82f6;font-weight:500}.sort-option-check{width:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#3b82f6}.notebook-filter-input{width:calc(100% - 32px);margin-left:32px;padding:5px 8px;margin-bottom:4px;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none;box-sizing:border-box;display:block}.notebook-filter-input::placeholder{color:var(--muted)}.notebook-filter-input:focus{border-color:#93c5fd}.notebook-pin-icon{display:inline-flex;align-items:center;color:var(--muted);opacity:.6;margin-left:2px;flex-shrink:0}.empty-state{padding:12px 8px;text-align:center;color:var(--muted);font-size:12px}.nav-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.sign-out-button{width:100%;padding:6px 8px;background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px}.sign-out-button:hover{background:var(--hover)}.filter-bar{position:relative;flex-shrink:0;padding:6px 4px;border-bottom:1px solid var(--border)}.filter-bar__input-row{display:flex;align-items:center;gap:7px;background:var(--bg);border-radius:5px;padding:5px 8px}.filter-bar__icon{color:var(--muted);flex-shrink:0}.filter-bar__input{flex:1;border:none;background:none;outline:none;font-size:12px;color:var(--text);min-width:0}.filter-bar__input::placeholder{color:var(--muted)}.filter-bar__clear{background:none;border:none;cursor:pointer;color:var(--muted);padding:0;display:flex;align-items:center;flex-shrink:0}.filter-bar__clear:hover{color:var(--text)}.filter-bar__tag-drop{position:absolute;top:calc(100% - 1px);left:4px;right:4px;background:var(--bg);border:1px solid var(--border);border-radius:0 0 5px 5px;box-shadow:0 4px 12px #0000001a;z-index:100;overflow:hidden;max-height:200px;overflow-y:auto}.filter-bar__tag-option{width:100%;display:flex;align-items:center;gap:8px;padding:7px 12px;background:none;border:none;cursor:pointer;font-size:12px;color:var(--text);text-align:left}.filter-bar__tag-option:hover,.filter-bar__tag-option.active{background:var(--hover)}.notes-list-panel{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;width:380px;flex-shrink:0}.list-header{display:flex;flex-direction:column;gap:0;padding:0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.list-header-top{display:flex;align-items:center;justify-content:space-between;padding:14px;margin-bottom:0}.list-title{display:flex;flex-direction:column;gap:2px}.list-title-main{display:flex;align-items:center;gap:8px}.list-title h2{margin:0;font-size:16px;font-weight:700;color:var(--text)}.notes-count{font-size:12px;color:var(--muted)}.list-subtitle{font-size:11px;color:var(--muted);opacity:.8}.list-header-actions{display:flex;align-items:center;gap:6px}.compact-toggle{display:flex;align-items:center;justify-content:center;padding:5px 7px;background:none;border:1px solid transparent;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s}.compact-toggle:hover{background:var(--hover);color:var(--text)}.compact-toggle.active{color:var(--text);border-color:var(--border);background:var(--hover)}.new-note-button{padding:6px 12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px}.new-note-button:hover{background:var(--hover)}.notes-list{flex:1;overflow-y:auto;padding:6px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.notes-list:hover{scrollbar-color:var(--border) transparent}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.notes-list:hover::-webkit-scrollbar-thumb{background:var(--border)}.empty-list{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;padding:20px;text-align:center}.empty-icon{margin-bottom:8px;opacity:.4;display:flex;justify-content:center}.empty-list p{color:var(--muted);margin-bottom:12px;font-size:13px}.create-first-note{padding:8px 16px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px}.create-first-note:hover{background:var(--hover)}.note-list-item{border:1px solid transparent;border-bottom:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 12px;cursor:pointer;margin-bottom:2px}.note-list-item:last-child{border-bottom:1px solid transparent}.note-list-item:hover{background:var(--hover)}.note-list-item.selected{background:#065fd40d;border-color:#065fd433;position:relative}.note-list-item.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.note-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.note-item-title{margin:0;font-size:14px;font-weight:600;color:var(--text);flex:1;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-star{display:inline-flex;align-items:center;color:#f59e0b}.note-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:6px}.note-item-actions .note-actions-menu .menu-trigger{opacity:0;padding:2px 4px;transition:opacity .15s}.note-list-item:hover .note-item-actions .note-actions-menu .menu-trigger,.note-list-item.selected .note-item-actions .note-actions-menu .menu-trigger{opacity:1}.note-item-date{font-size:12px;color:var(--muted);white-space:nowrap}.note-item-preview{margin:0 0 6px;color:var(--muted);font-size:12.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px;line-height:1.3}.note-item-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.notes-list--compact .note-list-item{padding:6px 12px;border-radius:0;margin-bottom:0;border:none;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.notes-list--compact .note-list-item:first-child{border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.notes-list--compact .note-list-item.selected{background:#065fd40d;border-bottom-color:#065fd426}.notes-list--compact .note-list-item.selected:before{display:none}.notes-list--compact .note-item-header{margin-bottom:0}.notes-list--compact .note-item-meta{margin-top:2px}.tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:500;border:1px solid;white-space:nowrap;line-height:1.4}.tag-chip--small{padding:1px 6px;font-size:10px}.tag-chip__remove{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.6;margin-left:1px}.tag-chip__remove:hover{opacity:1}.note-meta-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.note-meta-row .tag-picker{flex:1;border-bottom:none}.note-meta-row__right{display:flex;align-items:center;gap:8px;padding:0 12px;flex-shrink:0}.tag-picker{display:flex;align-items:flex-start;gap:8px;padding:6px 16px 8px;flex-wrap:wrap}.tag-picker__icon{color:var(--muted);margin-top:4px;flex-shrink:0}.tag-picker__chips{display:flex;flex-wrap:wrap;gap:5px;flex:1;align-items:center}.tag-picker__input-wrap{position:relative}.tag-picker__input{border:none;outline:none;background:transparent;font-size:12px;color:var(--text);min-width:80px;padding:2px 0}.tag-picker__input::placeholder{color:var(--muted)}.tag-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:160px;padding:4px}.tag-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;background:none;border:none;border-radius:5px;cursor:pointer;color:var(--text);text-align:left}.tag-dropdown__item:hover,.tag-dropdown__item--active{background:var(--hover)}.tag-dropdown__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-dropdown__create{color:var(--muted)}.tag-dropdown__create strong{color:var(--text)}.tag-nav-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notebook-badge{padding:2px 6px;background:var(--panel);border-radius:4px;font-size:11px;color:var(--muted)}.main-content{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden;flex:1;min-width:0}.note-editor{flex:1;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;min-width:0}.note-editor-empty{display:flex;justify-content:center;align-items:center;height:100%;color:var(--muted);font-size:16px;opacity:.5}.note-editor-header__left{flex:1;display:flex;flex-direction:column;gap:4px}.note-breadcrumb{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.breadcrumb-folder{color:var(--muted)}.breadcrumb-separator{color:var(--border)}.breadcrumb-current{opacity:.9}.move-modal{max-width:400px;padding:0;display:flex;flex-direction:column;max-height:80vh}.move-modal .modal-header{padding:16px 20px;border-bottom:1px solid var(--border);margin-bottom:0}.move-modal__search{padding:12px 20px;position:relative;border-bottom:1px solid var(--border)}.move-modal__search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:var(--muted)}.move-modal__input{width:100%;padding:8px 12px 8px 36px;background:var(--hover);border:1px solid transparent;border-radius:6px;font-size:13px;outline:none}.move-modal__input:focus{background:var(--bg);border-color:var(--accent)}.move-modal__list{flex:1;overflow-y:auto;padding:8px}.move-modal__item{width:100%;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);transition:all .15s}.move-modal__item:hover{background:var(--hover)}.move-modal__item.active{background:#065fd40d;color:var(--accent);font-weight:600}.move-modal__item-left{display:flex;align-items:center;gap:10px}.kb-modal{max-width:520px;width:100%;padding:0;display:flex;flex-direction:column;max-height:80vh}.kb-modal__body{overflow-y:auto;padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px}.kb-group__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.kb-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:13px;border-bottom:1px solid var(--border)}.kb-row:last-child{border-bottom:none}.kb-desc{color:var(--text)}.kb-keys{display:flex;align-items:center;gap:3px;flex-shrink:0}.kb-key{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px 6px;background:var(--panel);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font-family:inherit;font-size:11px;font-weight:500;color:var(--text);white-space:nowrap}.kb-plus{font-size:11px;color:var(--muted);margin:0 1px}.note-properties-row{display:flex;align-items:center;padding:4px 16px;border-bottom:1px solid var(--border);background:var(--bg);min-height:36px}.note-notebook-label{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .15s;color:var(--muted);font-size:12px;font-weight:500;flex-shrink:0}.note-notebook-label:hover{background:var(--hover);color:var(--text)}.notebook-icon{opacity:.7}.properties-divider{width:1px;height:16px;background:var(--border);margin:0 12px}.note-properties-row .tag-picker{padding:0;flex:1}.note-editor-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:var(--bg)}.note-title-input{flex:1;font-size:20px;font-weight:700;border:none;background:transparent;padding:4px 0;margin-right:12px;color:var(--text)}.note-title-input:focus{outline:none}.note-title-input[readonly]{cursor:default}.note-title-input.renaming{background:var(--bg);padding:4px 8px;border-radius:4px;border:1px solid var(--border);cursor:text}.note-editor-actions{display:flex;align-items:center;gap:8px}.notebook-selector{padding:4px 8px;font-size:12px;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text);cursor:pointer;margin-right:12px}.notebook-selector:focus{outline:none;border-color:var(--muted)}.save-status{font-size:12px;color:var(--muted)}.note-editor-content{flex:1;display:flex;overflow:hidden;min-width:0}.note-content-input{flex:1;width:100%;height:100%;border:none;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;resize:none;box-sizing:border-box;padding:18px 22px 80px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap}.favorite-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px;transition:all .15s}.favorite-btn:hover{background:var(--hover);color:#f59e0b}.favorite-btn.active{color:#f59e0b}.note-actions-menu{position:relative;display:inline-block}.menu-trigger{padding:6px;background:none;border:none;cursor:pointer;border-radius:4px;color:var(--muted);width:28px;height:28px;display:flex;align-items:center;justify-content:center}.menu-trigger:hover{background:var(--hover);color:var(--text)}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;padding:4px 0}.menu-item{width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);transition:background-color .15s}.menu-item:hover{background:var(--hover)}.menu-item.danger{color:#dc3545}.menu-item.danger:hover{background:#fef2f2}.menu-icon{width:16px;display:flex;align-items:center;justify-content:center}.submenu-trigger{position:relative;padding:0!important}.submenu-button{width:100%;padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text)}.submenu-button:hover{background:var(--hover)}.submenu-arrow{font-size:10px;opacity:.6}.submenu-dropdown{position:absolute;top:0;left:100%;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:1001;padding:4px 0;margin-left:4px}.submenu-item{width:100%;padding:6px 12px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);transition:background-color .15s}.submenu-item:hover{background:var(--hover)}.notebook-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.menu-divider{height:1px;background:var(--border);margin:4px 0}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--surface)}.auth-card{width:100%;max-width:360px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;gap:14px}.auth-card__title{text-align:center;font-size:1.4rem;font-weight:700;margin:0 0 4px;color:var(--text)}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#ef4444;padding:8px 12px;border-radius:6px;font-size:.82rem}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field label{font-size:.8rem;color:var(--text-muted)}.url-input{width:100%;padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;outline:none;transition:border-color .12s}.url-input:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.4;cursor:default}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--lg{padding:9px 14px;font-size:.95rem;width:100%;justify-content:center}.auth-card__switch{text-align:center;font-size:.82rem;color:var(--text-muted);margin:0}.auth-card__link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 14px;background:#fff;border:1px solid #dadce0;border-radius:6px;color:#3c4043;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s}.btn-google:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.75rem;margin:0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-inapp-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.auth-inapp-warning p{margin:0;font-size:.85rem;color:var(--text);line-height:1.5}.auth-inapp-steps{margin:0;padding-left:20px;font-size:.85rem;color:var(--text);line-height:1.8}.privacy-page{min-height:100vh;background:var(--hover);display:flex;justify-content:center;padding:48px 16px}.privacy-card{background:var(--panel);border-radius:12px;box-shadow:0 4px 24px #00000014;width:100%;max-width:680px;padding:40px 48px}.privacy-card h1{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px}.privacy-updated{font-size:12px;color:var(--muted);margin-bottom:32px}.privacy-card section{margin-bottom:28px}.privacy-card h2{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.privacy-card p{font-size:13px;line-height:1.7;color:#374151;margin-bottom:8px}.privacy-card ul{padding-left:20px;margin:8px 0}.privacy-card li{font-size:13px;line-height:1.7;color:#374151;margin-bottom:4px}.privacy-card a{color:var(--accent);text-decoration:none}.privacy-card a:hover{text-decoration:underline}.clip-page{min-height:100vh;background:var(--hover);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}.clip-card{background:var(--panel);border-radius:12px;box-shadow:0 4px 24px #00000014;width:100%;max-width:560px;padding:28px 32px}.clip-header{margin-bottom:20px}.clip-header h1{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.clip-source{font-size:13px;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.clip-source:hover{text-decoration:underline}.clip-form{display:flex;flex-direction:column;gap:14px}.clip-field{display:flex;flex-direction:column;gap:5px}.clip-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.clip-input,.clip-textarea,.clip-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s}.clip-input:focus,.clip-textarea:focus,.clip-select:focus{border-color:var(--accent)}.clip-textarea{resize:vertical;line-height:1.6}.clip-actions{display:flex;gap:10px;padding-top:4px}.clip-btn-primary{padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.clip-btn-primary:hover{opacity:.9}.clip-btn-primary:disabled{opacity:.5;cursor:not-allowed}.clip-btn-secondary{padding:9px 16px;background:var(--hover);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.clip-btn-secondary:hover{background:#e5e7eb}.clip-success{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.clip-success__icon{width:48px;height:48px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:4px}.clip-success h2{font-size:18px;font-weight:700}.clip-success p{color:var(--muted);font-size:13px}.clip-success__actions{display:flex;gap:10px;margin-top:12px}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:var(--panel);border-radius:8px;padding:20px;max-width:400px;width:90%;border:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{margin:0;color:var(--text);font-size:16px;font-weight:700}.close-button{background:none;border:none;font-size:18px;color:var(--muted);cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:var(--hover)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{padding:8px 16px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;background:var(--bg);color:var(--text)}.modal-actions button:hover{background:var(--hover)}.modal-actions button[type=submit]{background:var(--text);color:#fff;border-color:var(--text)}.modal-actions button[type=submit]:hover:not(:disabled){opacity:.9}.modal-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.note-title-display{flex:1;font-size:20px;font-weight:700;margin:0;padding:4px 0;color:var(--text);cursor:pointer;border-radius:4px;transition:background-color .15s}.note-title-display:hover{background:var(--hover);padding:4px 8px}.edit-mode-controls{display:flex;align-items:center;gap:8px}.editor-word-count{font-size:11px;color:var(--text-muted);white-space:nowrap;margin-right:8px}.edit-btn,.save-btn,.cancel-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s}.edit-btn{background:var(--panel);color:var(--text)}.edit-btn:hover{background:var(--hover)}.save-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.save-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.save-btn:disabled{cursor:not-allowed}.cancel-btn{background:var(--bg);color:var(--muted)}.cancel-btn:hover{background:var(--hover);color:var(--text)}.note-content-display{flex:1;padding:18px 22px 80px;overflow-y:auto;overflow-x:hidden}.markdown-editor-container{flex:1;height:100%}.markdown-editor-split{display:flex;height:100%}.markdown-input-panel{flex:1;border-right:1px solid var(--border)}.markdown-text-input{width:100%;height:100%;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:none;box-sizing:border-box;padding:18px 22px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;background:var(--hover)}.markdown-preview-panel{flex:1;overflow-y:auto;padding:18px 22px;background:var(--bg)}.rich-text-editor{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.toolbar-buttons{display:flex;align-items:center;gap:1px}.toolbar-btn{padding:0;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:4px;font-size:12px;font-weight:600;transition:background .1s,color .1s;width:26px;height:26px;min-width:26px;min-height:26px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--hover);color:var(--text)}.toolbar-btn.active{color:var(--accent);background:transparent}.toolbar-divider{width:1px;height:16px;background:var(--border);margin:0 6px}.toolbar-highlight-wrap{position:relative;display:flex;align-items:center}.toolbar-highlight-arrow{width:14px;height:26px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:10px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:3px}.toolbar-highlight-arrow:hover{background:var(--hover);color:var(--text)}.highlight-color-picker{position:absolute;top:calc(100% + 4px);left:0;display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px;box-shadow:0 4px 12px #0000001f;z-index:100}.highlight-color-swatch{width:20px;height:20px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s,border-color .1s}.highlight-color-swatch:hover{transform:scale(1.15)}.highlight-color-swatch.active{border-color:var(--text)}.highlight-bubble-menu{position:fixed;display:flex;align-items:center;gap:4px;z-index:50;pointer-events:all;white-space:nowrap}.highlight-bubble-menu.expanded{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 7px;box-shadow:0 4px 12px #00000026}.highlight-bubble-trigger{width:14px;height:14px;border-radius:50%;border:none;background:#fef08a;color:#92711a;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .1s}.highlight-bubble-trigger:hover{transform:scale(1.2)}.highlight-bubble-swatch{width:18px;height:18px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .1s}.highlight-bubble-swatch:hover{transform:scale(1.2)}.highlight-bubble-swatch.active{border-color:var(--text)}.highlight-bubble-divider{width:1px;height:16px;background:var(--border);margin:0 2px}.highlight-bubble-remove{height:22px;border:none;background:none;cursor:pointer;color:var(--muted);font-size:11px;border-radius:3px;display:flex;align-items:center;padding:0 6px;white-space:nowrap;transition:background .1s,color .1s}.highlight-bubble-remove:hover{background:var(--hover);color:var(--danger, #e53e3e)}.highlight-bubble-close{width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--muted);font-size:13px;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .1s,color .1s}.highlight-bubble-close:hover{background:var(--hover);color:var(--text)}.toolbar-highlight-remove{font-size:14px;font-weight:400;color:var(--muted)!important}.toolbar-highlight-remove:hover{color:var(--text)!important;background:var(--hover)}.toolbar-right{display:flex;align-items:center;gap:8px}.editor-save-controls{display:flex;align-items:center;gap:6px}.editor-save-controls .save-btn,.editor-save-controls .cancel-btn{padding:4px 8px;font-size:12px;border-radius:4px;cursor:pointer;transition:all .15s;border:1px solid var(--border)}.editor-save-controls .save-btn{background:#3b82f6;color:#fff;border-color:#3b82f6}.editor-save-controls .save-btn:hover:not(:disabled){opacity:.9}.editor-save-controls .save-btn:disabled{cursor:not-allowed;background:#9ca3af;border-color:#9ca3af;color:#6b7280}.editor-save-controls .cancel-btn{background:var(--bg);color:var(--muted)}.editor-save-controls .cancel-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.editor-save-controls .cancel-btn:disabled{cursor:not-allowed;background:var(--hover);color:var(--muted);border-color:var(--border)}.editor-content{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-width:0;position:relative}.editor-content::-webkit-scrollbar{width:6px;height:6px}.editor-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.editor-content::-webkit-scrollbar-track{background:transparent}.editor-content::-webkit-scrollbar-corner{background:transparent}.wysiwyg-editor{min-width:100%;height:auto;min-height:100%;overflow:visible}.wysiwyg-editor .ProseMirror{min-height:100%;padding:18px 22px;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word}.wysiwyg-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.wysiwyg-editor .ProseMirror h1{font-size:1.5em;font-weight:700;margin:20px 0 10px}.wysiwyg-editor .ProseMirror h2{font-size:1.3em;font-weight:700;margin:18px 0 8px}.wysiwyg-editor .ProseMirror h3{font-size:1.1em;font-weight:700;margin:16px 0 6px}.wysiwyg-editor .ProseMirror p{margin:0 0 10px}.wysiwyg-editor .ProseMirror em{font-style:italic}.wysiwyg-editor .ProseMirror strong{font-weight:700}.wysiwyg-editor .ProseMirror ul,.wysiwyg-editor .ProseMirror ol{padding-left:24px;margin:8px 0}.wysiwyg-editor .ProseMirror ul{list-style-type:disc}.wysiwyg-editor .ProseMirror ol{list-style-type:decimal}.wysiwyg-editor .ProseMirror li{margin:4px 0;line-height:1.5}.wysiwyg-editor .ProseMirror code{background:#065fd40d;color:var(--accent);padding:2px 5px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;font-weight:500}.wysiwyg-editor .ProseMirror pre{background:var(--hover);border:1px solid var(--border);padding:12px 16px;border-radius:8px;overflow-x:auto;margin:12px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.wysiwyg-editor .ProseMirror pre code{background:none;padding:0;font-size:13px;color:var(--text);font-weight:400}.wysiwyg-editor .ProseMirror blockquote{border-left:4px solid var(--accent);background:#065fd408;padding:12px 20px;margin:16px 0;color:var(--text);font-style:italic;border-radius:0 4px 4px 0}.wysiwyg-editor .ProseMirror a{cursor:pointer}.wysiwyg-editor .ProseMirror img{max-width:100%;border-radius:6px;margin:8px 0}.markdown-editor{width:100%;height:100%;border:none;outline:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;resize:none;box-sizing:border-box;padding:18px 22px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;background:var(--hover)}.editor-toolbar--simple{background:var(--hover)}.toolbar-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.editor-h1,.note-preview h1{font-size:1.5em;font-weight:700;margin:20px 0 10px;color:var(--text)}.editor-h2,.note-preview h2{font-size:1.3em;font-weight:700;margin:18px 0 8px;color:var(--text)}.editor-h3,.note-preview h3{font-size:1.1em;font-weight:700;margin:16px 0 6px;color:var(--text)}.editor-p,.note-preview p{margin:0 0 12px;line-height:1.6}.editor-code,.note-preview code{background:var(--panel);padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.editor-li,.note-preview li{margin:4px 0;line-height:1.5}.note-preview{padding:18px 22px;line-height:1.6;color:var(--text)}.highlights-list{flex:1;overflow-y:auto;padding:8px 0}.highlight-group{padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;transition:background .1s}.highlight-group:hover{background:var(--hover)}.highlight-group__title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.highlight-group__snippets{display:flex;flex-direction:column;gap:4px}.highlight-snippet{font-size:13px;line-height:1.5;padding:2px 5px;border-radius:3px;display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%}.highlight-snippet--highlight{color:var(--text)}.highlight-snippet__remove{flex-shrink:0;display:none;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:none;padding:0;cursor:pointer;color:var(--muted);border-radius:2px;opacity:.6}.highlight-snippet:hover .highlight-snippet__remove{display:flex}.highlight-snippet__remove:hover{opacity:1;background:#0000001a}