:root{--color-background:#eef2f8;--color-text-primary:#172033;--color-text-secondary:#667085;--color-text-muted:#98a2b3;--color-accent:#4f83e1;--color-accent-light:#dce9ff;--color-success:#35a76f;--color-danger:#d95c5c;--surface:#fff;--surface-hover:#f4f6fa;--border-color:#1118271a;--border:var(--border-color);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--accent-color:var(--color-accent);--accent:var(--color-accent);--hover-bg:#1118270d;--glass-bg:var(--glass-background);--glass-background:#ffffff85;--glass-background-strong:#ffffffad;--glass-border:#ffffffb8;--glass-shadow:0 20px 50px #1f293714;--glass-blur:24px;--radius-panel:28px;--radius-card:18px;--radius-button:16px;--radius-pill:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast:.12s ease;--transition-normal:.2s ease}[data-theme=dark]{--color-background:#11151d;--color-text-primary:#f2f4f8;--color-text-secondary:#a8b0bf;--color-text-muted:#6f7888;--color-accent:#79a7ff;--color-accent-light:#24395f;--color-success:#58c98d;--color-danger:#ff7474;--glass-background:#1e243094;--glass-background-strong:#232a37b8;--glass-border:#ffffff17;--glass-shadow:0 20px 50px #00000040;--surface:#1e2430;--surface-hover:#252d3a;--border-color:#ffffff17;--border:var(--border-color);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--accent-color:var(--color-accent);--accent:var(--color-accent);--hover-bg:#ffffff0f;--glass-bg:var(--glass-background)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea{font:inherit}button{cursor:pointer}button,input,textarea{outline:none}a{color:inherit;text-decoration:none}.flowy-app{background:var(--color-background);min-height:100vh;position:relative;overflow:hidden}.flowy-background{pointer-events:none;position:fixed;inset:0;overflow:hidden}.flowy-orb{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.flowy-orb-one{background:#b9d4ff;width:420px;height:420px;top:-160px;left:-100px}.flowy-orb-two{background:#d9c5ff;width:360px;height:360px;top:20%;right:-120px}.flowy-orb-three{background:#ffd1e4;width:320px;height:320px;bottom:-120px;left:35%}.flowy-workspace{z-index:1;grid-template-columns:220px 320px minmax(0,1fr);gap:16px;width:100%;height:100vh;padding:20px;display:grid;position:relative}.sidebar-panel,.notes-panel{min-width:0}.editor-panel{min-width:0;min-height:0}.editor-container{width:100%;height:100%}@media (width<=768px){.flowy-workspace{width:100%;height:100vh;padding:12px;display:block}.sidebar-panel,.notes-panel,.editor-panel{width:100%;height:100%}.flowy-workspace:not(.mobile-editor) .editor-panel,.flowy-workspace:not(.mobile-editor) .sidebar-panel{display:none}.flowy-workspace:not(.mobile-editor) .notes-panel{display:block}.flowy-workspace.mobile-editor .sidebar-panel,.flowy-workspace.mobile-editor .notes-panel{display:none}.flowy-workspace.mobile-editor .editor-panel{display:block}}[data-theme=dark] .flowy-app{background:var(--color-background)}[data-theme=dark] .flowy-orb{opacity:.22}[data-theme=dark] .flowy-orb-one{background:#31558c}[data-theme=dark] .flowy-orb-two{background:#563d83}[data-theme=dark] .flowy-orb-three{background:#7a4964}@media (width<=768px){.sidebar-panel.mobile-sidebar-open{z-index:1000;width:min(280px,100vw - 24px);height:auto;animation:.18s ease-out mobile-sidebar-in;display:block;position:fixed;top:12px;bottom:12px;left:12px}}@keyframes mobile-sidebar-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.mobile-menu-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#0f172a2e;border:none;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.flowy-workspace:not(.mobile-editor) .sidebar-panel.mobile-sidebar-open{z-index:1000;width:min(280px,100vw - 24px);height:auto;animation:.18s ease-out mobile-sidebar-in;display:block;position:fixed;top:12px;bottom:12px;left:12px}.mobile-menu-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#0f172a2e;border:none;width:100%;height:100%;padding:0;position:fixed;inset:0}}.glass-card{background:var(--glass-background);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-panel);overflow:hidden}.sidebar{flex-direction:column;height:100%;padding:24px 18px;display:flex}.sidebar-header{margin-bottom:28px}.flowy-logo{letter-spacing:-.5px;align-items:center;gap:10px;padding:0 6px;font-size:24px;font-weight:700;display:flex}.flowy-logo-mark{width:30px;height:30px;color:var(--color-accent);justify-content:center;align-items:center;font-size:32px;font-weight:700;line-height:1;display:flex}.new-note-button{border-radius:var(--radius-button);background:var(--color-accent);color:#fff;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 20px #4f83e138}.new-note-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4f83e147}.new-note-button:active{transform:translateY(0)}.sidebar-nav{flex-direction:column;gap:4px;margin-top:28px;display:flex}.sidebar-nav-item{width:100%;color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.sidebar-nav-item:hover{color:var(--color-text-primary);background:#ffffff59}.sidebar-nav-item.active{color:var(--color-text-primary);background:#ffffff85;font-weight:600}.sidebar-bottom{margin-top:auto}.sync-status{color:var(--color-text-secondary);background:#ffffff4d;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.sync-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #35a76f1f}.sidebar-tagline{color:var(--color-text-muted);margin:20px 6px 0;font-size:13px;line-height:1.6}.note-list{flex-direction:column;height:100%;padding:28px 18px;display:flex}.note-list-header{margin-bottom:22px;padding:0 6px}.note-list-header h1{letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.note-search{border-radius:var(--radius-pill);height:42px;color:var(--color-text-muted);transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff57;border:1px solid #fff9;align-items:center;gap:9px;padding:0 10px 0 14px;display:flex}.note-search:focus-within{background:#ffffff8c;border-color:#4f83e159}.note-search input{min-width:0;color:var(--color-text-primary);background:0 0;border:none;flex:1;font-size:13px}.note-search input::placeholder{color:var(--color-text-muted)}.note-filter-button{width:28px;height:28px;color:var(--color-text-secondary);transition:background var(--transition-fast);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex}.note-filter-button:hover{background:#ffffff73}.note-list-content{flex:1;margin-top:26px;overflow-y:auto}.note-section-label{color:var(--color-text-muted);letter-spacing:.8px;margin:0 6px 10px;font-size:11px;font-weight:700}.note-item{width:100%;color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:14px;margin-bottom:5px;padding:13px 12px;display:block}.note-item:hover{background:#ffffff52}.note-item.selected{background:#ffffff85;border-color:#ffffffa6;box-shadow:0 5px 18px #1f29370a}.note-item-top{align-items:center;gap:8px;display:flex}.note-item h2{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.note-item-top span{color:var(--color-text-muted);flex-shrink:0;font-size:11px}.note-item p{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.note-editor{flex-direction:column;height:100%;padding:38px 46px 24px;display:flex}.editor-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.editor-heading{flex:1;min-width:0}.editor-title{width:100%;color:var(--color-text-primary);letter-spacing:-1px;background:0 0;border:none;padding:0;font-size:34px;font-weight:700;line-height:1.2}.editor-title::placeholder{color:var(--color-text-muted)}.editor-meta{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:9px;font-size:12px;display:flex}.editor-actions{align-items:center;gap:6px;display:flex}.icon-button{width:38px;height:38px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0;display:flex}.icon-button:hover{color:var(--color-text-primary);background:#ffffff6b;border-color:#ffffff80}.delete-icon-button:hover{color:var(--color-danger)}.editor-content{resize:none;width:100%;color:var(--color-text-primary);font-size:17px;line-height:1.8;font-family:var(--font-family);background:0 0;border:none;flex:1;margin-top:42px;padding:0}.editor-content::placeholder{color:var(--color-text-muted)}.editor-content:focus{outline:none}.editor-footer{color:var(--color-text-muted);border-top:1px solid #ffffff73;justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;display:flex}.word-count{opacity:.8}.save-status{align-items:center;gap:7px;font-size:12px;font-weight:500;transition:opacity .16s;display:flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.saved{background:var(--color-success);animation:none}.status-dot.saving{background:var(--color-accent);animation:1.6s ease-in-out infinite status-dot-pulse}.status-dot.error{background:var(--color-danger);animation:none}@keyframes status-dot-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.empty-editor{justify-content:center;align-items:center;display:flex}.empty-editor-content{text-align:center}.empty-editor-content h2{margin:0;font-size:20px}.empty-editor-content p{color:var(--color-text-muted);margin-top:8px;font-size:14px}.mobile-new-note-button{display:none}@media (width<=768px){.mobile-new-note-button{z-index:20;width:52px;min-width:52px;height:52px;min-height:52px;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));background:var(--color-accent);color:#fff;transition:transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:17px;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;box-shadow:0 10px 25px #4f83e147}.mobile-new-note-button svg{width:21px;height:21px}.mobile-new-note-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4f83e157}.mobile-new-note-button:active{transform:scale(.95)}}.mobile-menu-button{width:38px;height:38px;color:var(--color-text-primary);background:#ffffff4d;border:1px solid #ffffff80;border-radius:12px;justify-content:center;align-items:center;padding:0;display:none}@media (width<=768px){.note-editor{padding:20px 18px 16px}.editor-title{letter-spacing:-.7px;font-size:28px}.editor-content{margin-top:32px;font-size:16px;line-height:1.75}.editor-actions{gap:2px}.icon-button{width:36px;height:36px}.editor-footer{padding-top:14px}}.mobile-back-button{display:none}@media (width<=768px){.mobile-back-button{width:fit-content;color:var(--color-text-secondary);box-shadow:none;-webkit-backdrop-filter:none;transition:color var(--transition-fast), background var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:6px;margin:14px 0 0 14px;padding:6px 4px;font-size:13px;font-weight:500;display:inline-flex;background:0 0!important}.mobile-back-button:hover{color:var(--color-text-primary);background:#ffffff14!important}.mobile-back-button:active{transform:scale(.97)}}.theme-toggle{width:100%;color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;font-size:12px;display:flex}.theme-toggle:hover{color:var(--color-text-primary);background:#ffffff1f;border-color:#ffffff1a}[data-theme=dark] .sidebar-nav-item:hover{background:#ffffff0f}[data-theme=dark] .sidebar-nav-item.active{background:#ffffff17}[data-theme=dark] .sync-status{background:#ffffff0d}[data-theme=dark] .theme-toggle:hover{background:#ffffff0f}[data-theme=dark] .note-search{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .note-search:focus-within,[data-theme=dark] .note-filter-button:hover{background:#ffffff14}[data-theme=dark] .note-item:hover{background:#ffffff0d}[data-theme=dark] .note-item.selected{background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .icon-button:hover{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .editor-footer{border-color:#ffffff14}[data-theme=dark] .mobile-menu-button{background:#ffffff0f;border-color:#ffffff1a}.flowy-state-page{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.state-content{text-align:center}.state-loader{justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;display:flex;position:relative}.state-loader-ring{border:2px solid #4f83e129;border-top-color:var(--color-accent);border-radius:50%;animation:.9s linear infinite state-loader-spin;position:absolute;inset:0}.state-loader-mark{color:var(--color-accent);font-size:30px;font-weight:700;line-height:1}@keyframes state-loader-spin{to{transform:rotate(360deg)}}[data-theme=dark] .state-loader-ring{border-color:#ffffff14;border-top-color:var(--color-accent)}.state-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.state-description{color:var(--color-text-muted);margin:6px 0 0;font-size:13px}.empty-icon{width:42px;height:42px;color:var(--color-accent);background:#ffffff59;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.notes-empty{text-align:center;padding:70px 20px}.notes-empty p{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.notes-empty span{max-width:200px;color:var(--color-text-muted);margin:6px auto 0;font-size:12px;line-height:1.5;display:block}.empty-create-button{border:1px solid var(--border-color);background:var(--surface);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:18px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.empty-create-button:hover{background:var(--surface-hover);border-color:var(--accent-color);transform:translateY(-1px)}.empty-create-button svg{color:var(--color-accent)}[data-theme=dark] .empty-create-button{background:#ffffff0b;border-color:#ffffff1a}[data-theme=dark] .empty-create-button:hover{background:#ffffff13;border-color:#ffffff29}[data-theme=dark] .empty-icon{background:#ffffff0f}@media (width<=768px){.sidebar-panel.mobile-sidebar-open{z-index:1000;width:min(280px,100vw - 24px);height:auto;animation:.18s ease-out mobile-sidebar-in;display:block;position:fixed;top:12px;bottom:12px;left:12px}}.mobile-menu-overlay{display:none}@media (width<=768px){.mobile-menu-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#0f172a2e;border:none;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}}.mobile-note-header{display:none}@media (width<=768px){.mobile-note-header{width:100%;margin-bottom:24px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.mobile-note-header .flowy-logo{flex-direction:row!important;align-items:center!important;width:auto!important;margin:0!important;display:flex!important}.mobile-menu-button{width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .16s,color .16s,transform .16s;margin:0!important;display:flex!important}.mobile-menu-button:hover{color:var(--color-text-primary);background:#ffffff1a}.mobile-menu-button:active{transform:scale(.95)}}.trash-actions{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.trash-permanent-delete-button{color:#ff6b6b;min-width:225px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ff646440;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.trash-permanent-delete-button:hover{background:#ff646414;border-color:#ff646473}.canvas-editor{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.canvas-toolbar{border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.canvas-tools,.canvas-controls{align-items:center;gap:8px;display:flex}.canvas-tool,.canvas-clear-button{border:1px solid var(--border-color);height:34px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.canvas-tool:hover,.canvas-clear-button:hover{background:var(--hover-bg)}.canvas-tool:active,.canvas-clear-button:active{transform:scale(.97)}.canvas-tool.active{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-controls label{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.canvas-controls input[type=color]{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;width:30px;height:30px;padding:2px}.canvas-controls input[type=range]{cursor:pointer;width:90px}.canvas-area{border:1px solid var(--border-color);background:var(--surface);border-radius:16px;flex:1;min-height:0;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.canvas-area canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.create-note-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);background:#0f172a47;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.create-note-modal{border:1px solid var(--border-color);background:var(--surface);border-radius:20px;width:min(440px,100%);padding:22px;animation:.16s ease-out create-note-modal-in;box-shadow:0 24px 70px #0f172a2e}.create-note-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.create-note-modal-header h2{color:var(--text-primary);margin:0 0 5px;font-size:18px;font-weight:600}.create-note-modal-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.create-note-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,color .16s;display:flex}.create-note-close:hover{background:var(--surface-hover);color:var(--text-primary)}.create-note-options{flex-direction:column;gap:10px;display:flex}.create-note-option{border:1px solid var(--border-color);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:background .16s,border-color .16s,transform .16s;display:flex}.create-note-option:hover{background:var(--surface-hover);border-color:var(--accent-color);transform:translateY(-1px)}.create-note-option-icon{background:var(--surface-hover);width:42px;height:42px;color:var(--accent-color);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.create-note-option div:last-child{flex-direction:column;gap:3px;display:flex}.create-note-option strong{font-size:14px;font-weight:600}.create-note-option span{color:var(--text-secondary);font-size:12px;line-height:1.4}@keyframes create-note-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.create-note-overlay{align-items:flex-end;padding:12px}.create-note-modal{border-radius:18px;width:100%;padding:18px}}.profile-button{box-sizing:border-box;width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;font-weight:400;transition:background .16s,color .16s;display:flex}.profile-button:hover{background:var(--surface-hover);color:var(--text-primary)}.profile-button svg{flex-shrink:0;width:17px;height:17px}.profile-panel{z-index:9999;box-sizing:border-box;border:1px solid var(--border-color);background:var(--surface);-webkit-backdrop-filter:blur(24px);border-radius:16px;width:260px;padding:16px;animation:.16s ease-out profile-panel-in;position:fixed;box-shadow:0 18px 50px #0f172a38}.profile-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.profile-panel-header h3{color:var(--color-text-primary);margin:0 0 3px;font-size:15px;font-weight:600}.profile-panel-header p{color:var(--color-text-secondary);margin:0;font-size:11px}.profile-panel-close{width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.profile-panel-close:hover{color:var(--color-text-primary);background:#ffffff14}.profile-panel-user{align-items:center;gap:11px;display:flex}.profile-panel-avatar{width:40px;height:40px;color:var(--color-text-secondary);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-panel-user div:last-child{flex-direction:column;gap:3px;display:flex}.profile-panel-user strong{color:var(--color-text-primary);font-size:13px;font-weight:600}.profile-panel-user span{color:var(--color-text-secondary);font-size:11px}.profile-panel-divider{background:var(--border-color);height:1px;margin:16px 0}.profile-panel-action{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:9px;font-size:12px;display:flex}.profile-panel-action:hover{color:var(--color-text-primary);background:#ffffff14}@keyframes profile-panel-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-panel-closing{animation:.16s ease-out forwards profile-panel-out}@keyframes profile-panel-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}.account-details-backdrop{z-index:9998;-webkit-backdrop-filter:blur(8px);background:#080c146b;animation:.18s ease-out account-backdrop-in;position:fixed;inset:0}.account-details-panel{z-index:9999;box-sizing:border-box;background:var(--surface);-webkit-backdrop-filter:blur(26px)saturate(130%);isolation:isolate;border:1px solid #ffffff24;border-radius:18px;width:340px;padding:20px;animation:.18s ease-out account-details-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff12}.account-details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.account-details-header h3{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.account-details-avatar{width:64px;height:64px;color:var(--color-text-secondary);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000024}.account-details-info{text-align:center}.account-details-info h4{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.account-details-info p{color:var(--color-text-secondary);margin:5px 0 0;font-size:12px}.account-details-panel .profile-panel-divider{background:#ffffff1a;margin:20px 0}.account-details-meta{color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:12px;display:flex}@keyframes account-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes account-details-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=768px){.account-details-panel{width:min(340px,100vw - 32px)}}.note-more-menu{-webkit-backdrop-filter:blur(18px)saturate(130%);z-index:100;z-index:9999;background:#232d40b8;border:1px solid #ffffff24;border-radius:12px;width:180px;min-width:170px;padding:8px;animation:.14s ease-out note-more-menu-in;position:absolute;top:40px;right:0;box-shadow:0 16px 40px #00000047,inset 0 1px #ffffff0f}.note-more-menu button{width:100%;color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:background .14s,transform .14s;display:flex}.note-more-menu button:hover{background:#ffffff14;transform:translate(2px)}.note-more-menu button:active{transform:translate(1px)scale(.98)}.note-more-menu button svg{opacity:.8;flex-shrink:0}.note-more-menu button{width:100%;color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 11px;display:block}@keyframes note-more-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.more-menu-wrapper{position:relative}.note-more-menu{z-index:9999;background:#202938;border:1px solid #fff3;border-radius:12px;width:180px;padding:8px;animation:.14s ease-out note-more-menu-in;position:absolute;top:40px;right:0;box-shadow:0 12px 30px #00000059}.note-more-menu button{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px;display:block}.note-more-menu button:hover{background:#ffffff1a}.note-more-menu-closing{animation:.14s ease-in forwards note-more-menu-out}@keyframes note-more-menu-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.98)}}.note-more-divider{background:#ffffff1a;height:1px;margin:5px 4px}@media (width<=768px){.note-more-menu{width:170px;right:-4px}}[data-theme=dark] .create-note-overlay{-webkit-backdrop-filter:blur(10px);background:#02061785}[data-theme=dark] .create-note-modal{-webkit-backdrop-filter:blur(24px)saturate(125%);background:#1c2637eb;border:1px solid #ffffff1f;box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff0f}[data-theme=dark] .create-note-modal-header h2{color:var(--color-text-primary)}[data-theme=dark] .create-note-modal-header p,[data-theme=dark] .create-note-close{color:var(--color-text-secondary)}[data-theme=dark] .create-note-close:hover{color:var(--color-text-primary);background:#ffffff12}[data-theme=dark] .create-note-option{background:#ffffff06;border-color:#ffffff17}[data-theme=dark] .create-note-option:hover{background:#fff1;border-color:#ffffff29;transform:translateY(-1px)}[data-theme=dark] .create-note-option-icon{color:var(--color-accent);background:#fff1;box-shadow:inset 0 1px #ffffff0d}[data-theme=dark] .create-note-option strong{color:var(--color-text-primary)}[data-theme=dark] .create-note-option span{color:var(--color-text-secondary)}.flowy-toast{z-index:10000;-webkit-backdrop-filter:blur(20px)saturate(130%);min-width:250px;max-width:min(360px,100vw - 32px);color:var(--color-text-primary);background:#232d40d1;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;animation:.18s ease-out flowy-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #00000047,inset 0 1px #ffffff0f}.flowy-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.flowy-toast-success .flowy-toast-icon{color:var(--color-success);background:#35a76f29}.flowy-toast-error .flowy-toast-icon{color:var(--color-danger);background:#ff646424}.flowy-toast-message{flex:1;font-size:13px;font-weight:500;line-height:1.4}.flowy-toast-close{width:26px;height:26px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .14s,color .14s;display:flex}.flowy-toast-close:hover{color:var(--color-text-primary);background:#ffffff14}@keyframes flowy-toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .flowy-toast{background:#182130eb;border-color:#ffffff1f;box-shadow:0 20px 50px #0000006b,inset 0 1px #ffffff0d}@media (width<=768px){.flowy-toast{width:calc(100vw - 32px);min-width:0;bottom:16px;right:16px}.editor-container{flex-direction:column;min-height:100%;display:flex}.mobile-back-button{-webkit-tap-highlight-color:transparent;border-radius:10px;min-height:44px;margin:8px 10px 0;padding:8px 10px;font-size:13px;font-weight:600}.mobile-back-button svg{width:18px;height:18px}.mobile-back-button:active{transform:scale(.97)}.note-editor{padding:16px 18px 20px}.editor-title{font-size:clamp(25px,7vw,30px);line-height:1.15}.editor-content{margin-top:26px;font-size:16px;line-height:1.75}.editor-actions{gap:4px}.editor-actions .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.editor-actions .icon-button svg{width:19px;height:19px}.mobile-menu-button{width:44px;min-width:44px;height:44px;min-height:44px}.notes-panel button{-webkit-tap-highlight-color:transparent}.search-input{min-height:44px}.note-item{min-height:64px;padding:12px 14px}.note-list-action,.note-list-button{min-width:44px;min-height:44px}.mobile-new-note-button{width:52px;min-width:52px;height:52px;min-height:52px;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));border-radius:17px}.create-note-close,.profile-panel-close{min-width:44px;min-height:44px}.sidebar-panel button{min-height:44px}.notes-panel{min-width:0}.note-list{padding-left:14px;padding-right:14px}.note-list-header{padding-left:4px;padding-right:4px}.note-list-header h2{font-size:18px}.note-item{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:14px;min-height:68px;margin-bottom:8px;padding:13px 14px;position:relative}.note-item:last-child{margin-bottom:0}.note-item:active{transform:scale(.985)}.note-item-title{line-height:1.35}.note-item-preview{line-height:1.45}.note-item button{min-width:40px;min-height:40px}.note-search{margin-bottom:12px}.notes-empty{padding:56px 20px}.empty-create-button{min-height:44px;padding:10px 14px}.sidebar-panel.mobile-sidebar-open{top:max(12px, env(safe-area-inset-top));left:12px;bottom:max(12px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:min(290px,100vw - 24px);overflow-y:auto}.mobile-menu-overlay{overscroll-behavior:contain;touch-action:manipulation}.sidebar-panel.mobile-sidebar-open .profile-button,.sidebar-panel.mobile-sidebar-open .theme-toggle{min-height:44px}.sidebar-panel.mobile-sidebar-open .profile-button,.sidebar-panel.mobile-sidebar-open .theme-toggle,.sidebar-panel.mobile-sidebar-open .sidebar-nav-item{-webkit-tap-highlight-color:transparent}}.auth-page{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;display:flex;position:relative;overflow:hidden}.auth-background{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.auth-orb{filter:blur(1px);opacity:.55;border-radius:50%;position:absolute}.auth-orb-one{background:#4f83e129;width:360px;height:360px;top:-120px;left:-100px}.auth-orb-two{background:#8264e121;width:300px;height:300px;top:18%;right:-90px}.auth-orb-three{background:#46b4b41a;width:260px;height:260px;bottom:-100px;left:25%}.auth-container{z-index:1;width:100%;max-width:430px;position:relative}.auth-card{box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass-background);width:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:24px;padding:34px 36px 30px;animation:.28s ease-out auth-card-in}.auth-card-register{padding-top:30px;padding-bottom:26px}.auth-brand{color:var(--color-text-primary);letter-spacing:-.5px;justify-content:center;align-items:center;gap:9px;margin-bottom:28px;font-size:21px;font-weight:700;display:flex}.auth-logo-mark{width:30px;height:30px;color:var(--color-accent);justify-content:center;align-items:center;font-size:30px;font-weight:700;line-height:1;display:flex}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{color:var(--color-text-primary);letter-spacing:-.7px;margin:0;font-size:27px;font-weight:700;line-height:1.2}.auth-heading p{color:var(--color-text-secondary);margin:8px 0 0;font-size:13px;line-height:1.5}.auth-error{color:var(--color-danger);background:#ff646412;border:1px solid #ff64642e;border-radius:11px;align-items:center;gap:9px;margin-bottom:17px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.auth-error-icon{background:#ff646421;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:flex}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{z-index:1;color:var(--color-text-muted);pointer-events:none;position:absolute;left:13px}.auth-input-wrapper input{box-sizing:border-box;border:1px solid var(--glass-border);width:100%;min-height:46px;color:var(--color-text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff40;border-radius:12px;outline:none;padding:0 42px 0 40px;font-size:13px}.auth-input-wrapper input::placeholder{color:var(--color-text-muted)}.auth-input-wrapper input:hover{background:#ffffff52}.auth-input-wrapper input:focus{background:#fff6;border-color:#4f83e180;box-shadow:0 0 0 3px #4f83e114}.auth-input-wrapper input:disabled{opacity:.65;cursor:not-allowed}.auth-password-toggle{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:7px}.auth-password-toggle:hover{color:var(--color-text-primary);background:#ffffff40}.auth-password-toggle:disabled{cursor:not-allowed;opacity:.5}.auth-password-match{color:var(--color-success);align-items:center;gap:6px;margin-top:-7px;font-size:11px;font-weight:500;display:flex}.auth-submit-button{background:var(--color-accent);color:#fff;width:100%;min-height:46px;font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:3px;padding:0 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 8px 20px #4f83e138}.auth-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #4f83e14d}.auth-submit-button:active:not(:disabled){transform:translateY(0)}.auth-submit-button:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite auth-spinner-spin}@keyframes auth-spinner-spin{to{transform:rotate(360deg)}}.auth-divider{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:10px;margin:24px 0 16px;font-size:10px;font-weight:500;display:flex}.auth-divider span:first-child,.auth-divider span:last-child{background:var(--glass-border);flex:1;height:1px}.auth-switch{color:var(--color-text-secondary);text-align:center;margin:0;font-size:12px;line-height:1.5}.auth-switch a{color:var(--color-accent);transition:opacity var(--transition-fast);font-weight:600;text-decoration:none}.auth-switch a:hover{opacity:.78}.auth-footer{color:var(--color-text-muted);text-align:center;margin:17px 0 0;font-size:11px}@keyframes auth-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .auth-card{-webkit-backdrop-filter:blur(26px)saturate(125%);background:#1c2637b8;border-color:#ffffff1a;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0d}[data-theme=dark] .auth-input-wrapper input{background:#ffffff0b;border-color:#ffffff17}[data-theme=dark] .auth-input-wrapper input:hover{background:#fff1}[data-theme=dark] .auth-input-wrapper input:focus{background:#ffffff13;border-color:#4f83e180}[data-theme=dark] .auth-password-toggle:hover{background:#ffffff12}[data-theme=dark] .auth-orb{opacity:.35}@media (width<=768px){.auth-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));align-items:center}.auth-container{max-width:430px}.auth-card{border-radius:20px;padding:28px 22px 24px}.auth-card-register{padding-top:26px}.auth-brand{margin-bottom:23px;font-size:20px}.auth-heading{margin-bottom:22px}.auth-heading h1{font-size:24px}.auth-heading p{font-size:12px}.auth-form{gap:15px}.auth-input-wrapper input{min-height:48px;font-size:16px}.auth-password-toggle{width:38px;height:38px}.auth-submit-button{min-height:48px}.auth-footer{margin-top:14px}.auth-orb-one{width:240px;height:240px;top:-80px;left:-100px}.auth-orb-two{width:220px;height:220px;right:-100px}.auth-orb-three{width:190px;height:190px;bottom:-80px}}@media (width<=380px){.auth-page{padding-left:12px;padding-right:12px}.auth-card{padding-left:18px;padding-right:18px}.auth-heading h1{font-size:22px}}@media (width<=768px){.sidebar-panel.mobile-sidebar-open{-webkit-backdrop-filter:blur(24px);background:#181e2af5}[data-theme=light] .sidebar-panel.mobile-sidebar-open{background:#f8fafcf5}}.rich-editor{flex-direction:column;flex:1;min-height:0;margin-top:34px;display:flex;overflow:hidden}.rich-editor-toolbar{border:1px solid var(--border-color);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:8px;display:flex}.rich-editor-tool{min-width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.rich-editor-tool:hover{background:var(--hover-bg);color:var(--text-primary)}.rich-editor-separator{background:var(--border-color);width:1px;height:22px;margin:0 2px}.rich-editor-content{min-height:160px;color:var(--color-text-primary);font-size:17px;line-height:1.8;font-family:var(--font-family);white-space:normal;word-break:break-word;outline:none;flex:1;padding:2px 2px 20px;overflow-y:auto}.rich-editor-content:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.rich-editor-content p{margin:0 0 10px}.rich-editor-content ul,.rich-editor-content ol{margin:8px 0 12px;padding-left:24px}.rich-editor-content li{margin:3px 0}.rich-checklist-item{align-items:flex-start;gap:9px;margin:5px 0;line-height:1.65;display:flex}.rich-checklist-item input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent-color);cursor:pointer;flex:none;margin-top:5px}.rich-checklist-item span{flex:1;min-width:0}.rich-editor-content blockquote{border-left:3px solid var(--accent-color);color:var(--color-text-secondary);margin:10px 0;padding-left:14px}.rich-editor-content pre{background:var(--hover-bg);border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto}.note-search-wrapper{position:relative}.note-filter-menu{z-index:50;border:1px solid var(--border-color);background:var(--surface);border-radius:14px;width:170px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0f172a29}.note-filter-menu-title{color:var(--color-text-muted);letter-spacing:.7px;text-transform:uppercase;padding:7px 9px 5px;font-size:10px;font-weight:700}.note-filter-option{width:100%;min-height:36px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;padding:0 9px;font-size:12px;display:flex}.note-filter-option:hover{background:var(--hover-bg);color:var(--text-primary)}.note-filter-option.active{background:var(--accent-color);color:#fff}.note-filter-button.active{background:var(--hover-bg);color:var(--accent-color)}@media (width<=768px){.canvas-toolbar{flex-direction:column;align-items:stretch;gap:9px;padding:10px}.canvas-tools,.canvas-controls{flex-wrap:wrap;width:100%}.canvas-tools{justify-content:flex-start}.canvas-controls{justify-content:flex-start;gap:8px}.canvas-clear-button{margin-left:auto}.canvas-controls label{min-height:34px}.canvas-controls input[type=range]{width:min(110px,30vw)}.rich-editor{margin-top:24px}.rich-editor-toolbar{gap:5px;padding:7px}.rich-editor-tool{min-width:34px;height:34px;padding:0 8px}.rich-editor-content{font-size:16px;line-height:1.75}.sidebar{-webkit-backdrop-filter:blur(24px);background:#f8fafcf7}[data-theme=dark] .sidebar{background:#181e2af7}}.profile-panel,.account-details-panel,.create-note-modal,.canvas-toolbar{background:var(--surface)}