:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f1f3;--bg-card:#fff;--bg-input:#f8f9fa;--bg-hover:#f0f1f3;--bg-overlay:#0006;--text-primary:#1a1a2e;--text-secondary:#555770;--text-muted:#8f90a6;--text-inverse:#fff;--border:#e4e5e9;--border-focus:#6c5ce7;--accent:#6c5ce7;--accent-hover:#5a4bd1;--accent-light:#6c5ce71a;--accent-gradient:linear-gradient(135deg,#6c5ce7,#a29bfe);--success:#00b894;--warning:#fdcb6e;--danger:#e17055;--danger-hover:#d63031;--info:#0984e3;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--transition:0.2s ease;--header-bg:#ffffffd9;--pin-color:#fdcb6e;--tag-bg:#eef0ff;--tag-text:#6c5ce7}[data-theme=dark]{--bg-primary:#13131a;--bg-secondary:#1a1a27;--bg-tertiary:#222236;--bg-card:#1e1e2e;--bg-input:#222236;--bg-hover:#2a2a40;--bg-overlay:#000000b3;--text-primary:#e4e5f1;--text-secondary:#a2a3b7;--text-muted:#6c6d80;--text-inverse:#13131a;--border:#2d2d44;--border-focus:#a29bfe;--accent:#a29bfe;--accent-hover:#6c5ce7;--accent-light:#a29bfe1f;--accent-gradient:linear-gradient(135deg,#a29bfe,#6c5ce7);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 20px 60px #0009;--header-bg:#13131ae6;--tag-bg:#a29bfe26;--tag-text:#a29bfe}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:#fff;background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);line-height:1.6;min-height:100vh;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition)}a{color:#6c5ce7;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);outline:none;transition:all .2s ease;transition:all var(--transition)}.app-container{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px}.container,.container-narrow{margin:0 auto;padding:0 24px;width:100%}.container-narrow{max-width:800px}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;background:var(--header-bg);border-bottom:1px solid #e4e5e9;border-bottom:1px solid var(--border);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.header-actions{gap:12px}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:#f0f1f3;background:var(--bg-tertiary);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:50%;color:#1a1a2e;color:var(--text-primary);font-size:1.2rem;height:40px;justify-content:center;width:40px}.theme-toggle:hover{background:#f0f1f3;background:var(--bg-hover);transform:rotate(30deg)}.btn{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--accent-gradient);box-shadow:0 2px 8px #6c5ce74d;color:#fff}.btn-primary:hover{box-shadow:0 4px 16px #6c5ce766;transform:translateY(-1px)}.btn-secondary{background:#f0f1f3;background:var(--bg-tertiary);border:1px solid #e4e5e9;border:1px solid var(--border);color:#1a1a2e;color:var(--text-primary)}.btn-secondary:hover{background:#f0f1f3;background:var(--bg-hover);border-color:#6c5ce7;border-color:var(--accent)}.btn-danger{background:#e17055;background:var(--danger);color:#fff}.btn-danger:hover{background:#d63031;background:var(--danger-hover)}.btn-ghost{background:#0000;color:#555770;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:#f0f1f3;background:var(--bg-tertiary);color:#1a1a2e;color:var(--text-primary)}.btn-sm{font-size:.8rem;padding:6px 14px}.btn-icon{align-items:center;background:#f0f1f3;background:var(--bg-tertiary);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#555770;color:var(--text-secondary);display:flex;font-size:1rem;height:36px;justify-content:center;padding:0;width:36px}.btn-icon:hover{background:#6c5ce71a;background:var(--accent-light);border-color:#6c5ce7;border-color:var(--accent);color:#6c5ce7;color:var(--accent)}.input-group{margin-bottom:20px}.input-group label{color:#555770;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.input{background:#f8f9fa;background:var(--bg-input);border:1.5px solid #e4e5e9;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a2e;color:var(--text-primary);font-size:.95rem;padding:12px 16px;width:100%}.input:focus{border-color:#6c5ce7;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a;box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:#8f90a6;color:var(--text-muted)}.search-bar{position:relative;width:100%}.search-bar .search-icon{color:#8f90a6;color:var(--text-muted);font-size:1rem;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-bar .input{padding-left:42px}.card{background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);padding:20px;position:relative;transition:all .2s ease;transition:all var(--transition)}.card:hover{border-color:#6c5ce7;border-color:var(--accent);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md)}.card-pinned{border-color:#fdcb6e;border-color:var(--pin-color);box-shadow:0 0 0 1px #fdcb6e;box-shadow:0 0 0 1px var(--pin-color)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:#1a1a2e;color:var(--text-primary);font-size:1.1rem;font-weight:700;word-break:break-word}.card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555770;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.card-meta{align-items:center;color:#8f90a6;color:var(--text-muted);display:flex;font-size:.8rem;gap:12px;margin-top:12px}.card-actions{display:flex;gap:6px;opacity:0;transition:opacity .2s ease;transition:opacity var(--transition)}.card:hover .card-actions{opacity:1}.pin-badge{color:#fdcb6e;color:var(--pin-color);font-size:1rem;margin-right:6px}.notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.section-header{align-items:center;display:flex;justify-content:space-between;margin:32px 0 16px}.section-title{color:#1a1a2e;color:var(--text-primary);font-size:1.3rem;font-weight:700}.section-count{background:#eef0ff;background:var(--tag-bg);border-radius:20px;color:#6c5ce7;color:var(--tag-text);font-size:.8rem;font-weight:600;padding:4px 12px}.editor-wrapper{background:#fff;background:var(--bg-card);border:1.5px solid #e4e5e9;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease;transition:all var(--transition)}.editor-wrapper:focus-within{border-color:#6c5ce7;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a;box-shadow:0 0 0 3px var(--accent-light)}.editor-toolbar{background:#f8f9fa;background:var(--bg-secondary);border-bottom:1px solid #e4e5e9;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:8px 12px}.editor-toolbar,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#0000;border-radius:6px;color:#555770;color:var(--text-secondary);font-size:.85rem;font-weight:700;height:34px;justify-content:center;width:34px}.toolbar-btn:hover{background:#f0f1f3;background:var(--bg-hover);color:#1a1a2e;color:var(--text-primary)}.toolbar-btn.active{background:#6c5ce71a;background:var(--accent-light);color:#6c5ce7;color:var(--accent)}.toolbar-divider{background:#e4e5e9;background:var(--border);height:24px;margin:0 4px;width:1px}.toolbar-select{background:#f8f9fa;background:var(--bg-input);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:6px;color:#1a1a2e;color:var(--text-primary);font-size:.8rem;padding:4px 8px}.toolbar-color{border:2px solid #e4e5e9;border:2px solid var(--border);border-radius:50%;cursor:pointer;height:26px;padding:0;width:26px}.editor-content{color:#1a1a2e;color:var(--text-primary);font-size:1rem;line-height:1.7;max-height:500px;min-height:200px;overflow-y:auto;padding:16px 20px;text-align:left}.editor-content:focus{outline:none}.editor-content[contenteditable=true]:empty:before{color:#8f90a6;color:var(--text-muted);content:attr(data-placeholder);pointer-events:none}.editor-footer{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-top:1px solid #e4e5e9;border-top:1px solid var(--border);color:#8f90a6;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;padding:10px 16px}.hero{padding:60px 0 40px;text-align:center}.hero .editor-wrapper,.hero .editor-wrapper .editor-content,.hero .editor-wrapper input{text-align:left}.hero-badge{align-items:center;background:#6c5ce71a;background:var(--accent-light);border-radius:20px;color:#6c5ce7;color:var(--accent);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 16px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.hero h1 .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text}.hero p{color:#555770;color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0 auto 32px;max-width:600px}.hero-editor{margin:0 auto 24px;max-width:700px}.hero-editor-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.hero-editor-label span{color:#8f90a6;color:var(--text-muted);font-size:.85rem;font-weight:500}.expire-badge{background:#fdcb6e26;border-radius:12px;color:#f39c12;font-size:.75rem;gap:4px;padding:4px 10px}.features{padding:60px 0}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:32px;text-align:center;transition:all .2s ease;transition:all var(--transition)}.feature-card:hover{box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{align-items:center;background:#6c5ce71a;background:var(--accent-light);border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:56px;justify-content:center;margin:0 auto 16px;width:56px}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-card p{color:#555770;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:40px 24px}.auth-card{background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);max-width:440px;padding:40px;width:100%}.auth-card h2{font-size:1.5rem;font-weight:800;margin-bottom:8px;text-align:center}.auth-card .subtitle{color:#555770;color:var(--text-secondary);font-size:.95rem;margin-bottom:32px;text-align:center}.auth-card .btn-primary{font-size:1rem;justify-content:center;padding:14px;width:100%}.auth-footer{color:#555770;color:var(--text-secondary);font-size:.9rem;margin-top:24px;text-align:center}.error-message{background:#e170551a;border:1px solid #e1705533;border-radius:8px;border-radius:var(--radius-sm);color:#e17055;color:var(--danger);font-size:.85rem;margin-bottom:16px;padding:10px 16px}.dashboard{padding:32px 0 60px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.dashboard-header h1{font-size:1.8rem;font-weight:800}.dashboard-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tab{font-size:.85rem;padding:8px 20px}.group-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.group-header h2{font-size:1.5rem;font-weight:800}.group-header p{color:#555770;color:var(--text-secondary);margin-top:4px}.breadcrumb{align-items:center;color:#8f90a6;color:var(--text-muted);display:flex;font-size:.85rem;gap:8px;margin-bottom:16px}.breadcrumb a{color:#6c5ce7;color:var(--accent)}.share-page{padding:40px 0}.share-card{background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);margin:0 auto;max-width:700px;padding:40px}.share-card h1{font-size:1.5rem;font-weight:800;margin-bottom:16px}.share-content{color:#1a1a2e;color:var(--text-primary);line-height:1.8}.password-gate{padding:60px 20px;text-align:center}.password-gate h2{margin-bottom:8px}.password-gate p{color:#555770;color:var(--text-secondary);margin-bottom:24px}.password-gate .input{margin:0 auto 16px;max-width:300px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#0006;background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{animation:slideUp .2s ease;background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;box-shadow:var(--shadow-xl);max-width:500px;padding:32px;width:100%}.modal h3{font-size:1.2rem;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quicknotes-embed{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);max-width:700px}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:300}.toast{align-items:center;animation:slideUp .2s ease;border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px}.toast-success{background:#00b894;background:var(--success)}.toast-error{background:#e17055;background:var(--danger)}.toast-info{background:#0984e3;background:var(--info)}.footer{border-top:1px solid #e4e5e9;border-top:1px solid var(--border);font-size:.85rem;margin-top:auto;padding:32px 0}.empty-state,.footer{color:#8f90a6;color:var(--text-muted);text-align:center}.empty-state{padding:60px 20px}.empty-state .icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#555770;color:var(--text-secondary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-state p{font-size:.9rem;margin:0 auto;max-width:400px}.save-indicator{align-items:center;color:#00b894;color:var(--success);display:inline-flex;font-size:.8rem;font-weight:500;gap:6px}.save-indicator.saving{color:#8f90a6;color:var(--text-muted)}.hamburger{align-items:center;background:#f0f1f3;background:var(--bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:0;width:40px}.hamburger span{background:#1a1a2e;background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:transform .25s ease,opacity .25s ease;width:18px}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-right{align-items:center;display:none;gap:8px}.mobile-menu{animation:slideDown .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;background:var(--header-bg);border-top:1px solid #e4e5e9;border-top:1px solid var(--border);display:none;flex-direction:column;padding:8px 0 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{background:#0000;border:none;color:#1a1a2e;color:var(--text-primary);cursor:pointer;display:block;font-size:.95rem;font-weight:500;padding:13px 24px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.mobile-menu-item:hover{background:#f0f1f3;background:var(--bg-hover)}.mobile-menu-item.primary-item{color:#6c5ce7;color:var(--accent);font-weight:700}.mobile-menu-item.admin-item{color:#6c5ce7}.mobile-menu-item.danger-item{color:#e17055;color:var(--danger)}@media (max-width:768px){.header-inner{height:56px}.hero{padding:40px 0 24px}.hero h1{font-size:1.8rem}.notes-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.auth-card{padding:28px}.modal{padding:24px}.container{padding:0 16px}.card-actions{opacity:1}.features-grid{grid-template-columns:1fr}.desktop-nav{display:none}.hamburger,.mobile-menu,.mobile-nav-right{display:flex}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e4e5e9;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8f90a6;background:var(--text-muted)}.spinner{animation:spin .6s linear infinite;border:3px solid #e4e5e9;border-top-color:#6c5ce7;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;margin:40px auto;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:fadeIn .1s ease;background:#fff;background:var(--bg-card);border:1px solid #e4e5e9;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 30px #0000001f;box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.dropdown-item{align-items:center;background:#0000;color:#1a1a2e;color:var(--text-primary);display:flex;font-size:.7rem;gap:10px;padding:10px;text-align:left;width:100%}.dropdown-item:hover{background:#f0f1f3;background:var(--bg-hover)}.dropdown-item.danger{color:#e17055;color:var(--danger)}.dropdown-divider{background:#e4e5e9;background:var(--border);height:1px}.signup-section{background:linear-gradient(135deg,var(--primary) 0,#a29bfe 100%)}.btn-lg{border-radius:12px;font-size:1rem;padding:14px 28px}.signup-card .btn-primary{background:#fff;border-color:#fff;color:var(--primary)}.signup-card .btn-primary:hover{background:#ffffffe6}.signup-card .btn-ghost{border-color:#ffffff80;color:#fff}.signup-card .btn-ghost:hover{background:#ffffff1f;border-color:#fff}.faq-section{background:var(--bg);padding:80px 0}.section-heading{color:var(--text);font-size:1.8rem;font-weight:800;margin-bottom:48px;text-align:center}.faq-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:900px}.faq-item{background:var(--surface);border-radius:16px;padding:24px;transition:box-shadow .2s,border-color .2s}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 20px #6c5ce71a}.faq-item h4{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.4;margin-bottom:10px}.faq-item p{color:#555770;color:var(--text-secondary);font-size:.875rem;line-height:1.65;margin:0}.dashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.tabs{background:#f0f1f3;background:var(--bg-tertiary);border-radius:8px;border-radius:var(--radius-sm);gap:4px;padding:4px}.tab,.tabs{display:flex}.tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#555770;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;transition:all var(--transition)}.tab:hover{background:#f0f1f3;background:var(--bg-hover)}.tab.active,.tab:hover{color:#1a1a2e;color:var(--text-primary)}.tab.active{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm)}.tab-count{align-items:center;background:#6c5ce71a;background:var(--accent-light);border-radius:10px;color:#6c5ce7;color:var(--accent);display:inline-flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.tab.active .tab-count{background:#6c5ce7;background:var(--accent);color:#fff}.faq-list{gap:12px;max-width:860px}.faq-item{border:1px solid #e4e5e9;border:1px solid var(--border);padding:0;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition),box-shadow var(--transition)}.faq-item.faq-open,.faq-item:hover{border-color:#6c5ce7;border-color:var(--accent)}.faq-item.faq-open{box-shadow:0 4px 20px #6c5ce71a}.faq-question{gap:12px;padding:18px 22px}.faq-question h4{font-size:.95rem}.faq-chevron{font-size:.7rem;transition:transform .2s ease;transition:transform var(--transition)}.faq-answer{padding:14px 22px 18px}.signup-section{background:linear-gradient(135deg,#6c5ce7,#a29bfe);padding:80px 0;position:relative;z-index:1}.signup-card{margin:0 auto;max-width:620px;text-align:center}.signup-card h2{color:#fff;font-size:2rem;font-weight:800;margin:16px 0 12px}.signup-card p{color:#ffffffe0;font-size:1.05rem;line-height:1.6;margin-bottom:32px}.signup-actions{gap:12px;margin-bottom:28px}.signup-actions,.signup-perks{display:flex;flex-wrap:wrap;justify-content:center}.signup-perks{color:#ffffffe6;font-size:.88rem;font-weight:500;gap:20px}@media (max-width:640px){.dashboard-controls{align-items:stretch;flex-direction:column}.tabs{width:100%}.tab{flex:1 1;justify-content:center}}.note-card{background:#fff;background:var(--bg-card);border:1.5px solid #e4e5e9;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:visible;padding:0;position:relative;transition:transform .18s ease,box-shadow .18s ease}.note-card:hover{box-shadow:0 8px 28px #00000021;transform:translateY(-3px)}.note-card.card-pinned{box-shadow:0 0 0 2px #6c5ce7;box-shadow:0 0 0 2px var(--card-dot,var(--accent))}.note-card-strip{background:#6c5ce7;background:var(--card-dot,var(--accent));border-radius:12px 12px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0;height:4px;width:100%}.note-card .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin:0;padding:14px 16px 6px}.note-card .card-title{color:#1a1a2e;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.3;word-break:break-word}.note-card .card-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555770;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:.85rem;line-height:1.55;overflow:hidden;padding:0 16px}.note-card .card-meta{align-items:center;border-top:1px solid #e4e5e9;border-top:1px solid var(--card-border,var(--border));color:#8f90a6;color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin:10px 0 0;padding:10px 16px 14px}.note-card .card-actions{opacity:0;transition:opacity .2s ease;transition:opacity var(--transition)}.note-card:hover .card-actions{opacity:1}[data-theme=dark] .note-card{border-color:#e4e5e9;border-color:var(--border)}.card-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.72rem;justify-content:center;padding:1px 5px}.card-badge--lock{background:#e170551f}.card-badge--share{background:#4f6ef71f}.group-card{background:#fff;background:var(--bg-card);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;outline:none;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease}.group-card:hover{box-shadow:0 8px 28px #00000024;transform:translateY(-3px)}.group-card.card-pinned{box-shadow:0 0 0 2.5px #6c5ce7,0 1px 3px #0000000f;box-shadow:0 0 0 2.5px var(--accent),var(--shadow-sm)}.group-card-banner{align-items:center;display:flex;flex-shrink:0;height:80px;justify-content:center;position:relative}.group-card-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));font-size:2rem}.group-card-menu-btn{align-items:center;background:#ffffff38!important;border-radius:6px!important;color:#fff!important;display:flex;height:28px;justify-content:center;width:28px}.group-card-menu-btn:hover{background:#ffffff61!important}.group-card-banner .card-actions{position:absolute;right:10px;top:10px}.group-card-body{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 16px 16px}.group-card-title{color:#1a1a2e;color:var(--text-primary);font-size:1rem;font-weight:700;word-break:break-word}.group-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555770;color:var(--text-secondary);display:-webkit-box;font-size:.82rem;line-height:1.5;overflow:hidden}.group-card-meta{align-items:center;border-top:1px solid #e4e5e9;border-top:1px solid var(--border);display:flex;font-size:.78rem;justify-content:space-between;margin-top:10px;padding-top:10px}.group-card-count{color:#555770;color:var(--text-secondary)}.group-card-count strong{color:#6c5ce7;color:var(--accent);font-weight:700}.editor-glow-wrap{animation:glowSpin 12s linear infinite;background:linear-gradient(90deg,#6c5ce7,#a29bfe,#fd79a8,#fdcb6e,#6c5ce7);background-size:300% 300%;border-radius:18px;box-shadow:0 0 24px #6c5ce759,0 0 60px #a29bfe2e;padding:3px;position:relative}@keyframes glowSpin{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.editor-glow-wrap>.editor-wrapper,.editor-glow-wrap>div:last-child{border-radius:16px;overflow:hidden}.editor-glow-ring{display:none}.signup-section-v2{background:linear-gradient(145deg,#0f0c29,#302b63 45%,#24243e);isolation:isolate;overflow:hidden;padding:100px 0;position:relative}.signup-section-v2:before{background:radial-gradient(ellipse 60% 55% at 20% 60%,#6c5ce759 0,#0000 70%),radial-gradient(ellipse 45% 50% at 80% 30%,#fd79a840 0,#0000 65%),radial-gradient(ellipse 40% 45% at 55% 80%,#00cec92e 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.signup-section-v2:after{animation:shineSwipe 6s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#ffffff0a 50%,#0000 60%);content:"";height:340%;left:-60%;pointer-events:none;position:absolute;top:-120%;width:60%;z-index:1}@keyframes shineSwipe{0%{transform:translateX(-10%)}50%{transform:translateX(240%)}to{transform:translateX(240%)}}.signup-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.signup-card-v2{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff12,0 24px 80px #00000080;margin:0 auto;max-width:640px;padding:56px 40px 48px;position:relative;text-align:center;z-index:2}.signup-badge-v2{align-items:center;background:#ffffff1f;border:1px solid #ffffff38;border-radius:100px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.02em;margin-bottom:20px;padding:6px 14px}.signup-h2-v2{color:#fff;font-size:2.2rem;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:0 0 14px;text-shadow:0 2px 20px #6c5ce766}.signup-p-v2{color:#ffffffb8;font-size:1rem;line-height:1.65;margin-bottom:36px}.signup-actions-v2{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.signup-btn-primary-v2{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:12px;box-shadow:0 4px 24px #6c5ce780;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all .2s}.signup-btn-primary-v2:after{background:linear-gradient(135deg,#ffffff2e,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.signup-btn-primary-v2:hover{box-shadow:0 8px 32px #6c5ce7a6;color:#fff;text-decoration:none;transform:translateY(-2px)}.signup-btn-primary-v2:hover:after{opacity:1}.signup-btn-ghost-v2{align-items:center;background:#ffffff0f;border:2px solid #ffffff47;border-radius:12px;color:#ffffffe0;display:inline-flex;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s}.signup-btn-ghost-v2:hover{background:#ffffff24;border-color:#ffffff80;color:#fff;text-decoration:none;transform:translateY(-2px)}.signup-perks-v2{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.signup-perk-v2{background:#ffffff14;border:1px solid #ffffff24;border-radius:100px;color:#fffc;font-size:.8rem;font-weight:600;padding:5px 12px}@media (max-width:640px){.signup-h2-v2{font-size:1.6rem}.signup-card-v2{padding:36px 20px 32px}.signup-btn-ghost-v2,.signup-btn-primary-v2{justify-content:center;width:100%}}.note-card-strip{background:#6c5ce7!important;background:var(--card-dot,var(--accent))!important}[data-theme=light] .note-card{background:#fff;border-color:#ebebeb}[data-theme=light] .note-card:hover{border-color:#6c5ce7;border-color:var(--card-dot,var(--accent));box-shadow:0 6px 24px #00000014}.expire-badge{align-items:center;background:#f8f8f838;border-radius:100px;color:#fff;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:5px 12px}.faq-list{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:820px}.faq-item{background:#fff;background:var(--bg-card);border:1.5px solid #e4e5e9;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.faq-item:before{background:linear-gradient(180deg,#6c5ce7,#fd79a8);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s;width:3px}.faq-item.faq-open:before,.faq-item:hover:before{opacity:1}.faq-item:hover{border-color:#c7b8fd;box-shadow:0 4px 16px #6c5ce714}.faq-item.faq-open{border-color:#a29bfe;box-shadow:0 4px 20px #6c5ce71f}.faq-question{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:17px 22px 17px 24px}.faq-question h4{color:#1a1a2e;color:var(--text-primary);flex:1 1;font-size:.92rem;font-weight:700;line-height:1.4;margin:0}.faq-chevron{align-items:center;background:#f0f1f3;background:var(--bg-tertiary);border-radius:50%;color:#555770;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.6rem;height:24px;justify-content:center;transition:background .2s,color .2s;width:24px}.faq-item.faq-open .faq-chevron{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.faq-answer{background:linear-gradient(180deg,#6c5ce705,#0000);border-top:1px solid #e4e5e9;border-top:1px solid var(--border);color:#555770;color:var(--text-secondary);font-size:.875rem;line-height:1.7;margin:0;padding:14px 24px 18px}.color-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.color-swatch{border:2.5px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:28px;padding:0;transition:transform .15s,box-shadow .15s;width:28px}.color-swatch:hover{box-shadow:0 2px 8px #00000038;transform:scale(1.18)}.color-swatch.active{border-color:#1a1a2e;border-color:var(--text-primary);box-shadow:0 0 0 3px #6c5ce74d;transform:scale(1.1)}.color-swatch--custom{appearance:none;-webkit-appearance:none;background:conic-gradient(red,#ff0,lime,cyan,blue,#f0f,red)!important;border:2.5px solid #e4e5e9;border:2.5px solid var(--border);border-radius:50%;cursor:pointer;height:28px;padding:0;width:28px}.color-swatch--custom::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.color-swatch--custom::-webkit-color-swatch{border:none;border-radius:50%;opacity:0}
/*# sourceMappingURL=main.cd67e681.css.map*/