@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap";.header{position:sticky;top:0;z-index:9999;width:100%;padding:.75rem 2.5rem;background:#2c2d32;box-shadow:0 2px 8px #18191c;border-bottom:1.5px solid #1a1b1e;display:flex;flex-direction:row;align-items:center;justify-content:space-between;animation:floatIn 1.2s cubic-bezier(.23,1.01,.32,1) 0s 1}.header-logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-logo-link{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:800;letter-spacing:-1px;color:#fff;text-decoration:none;text-shadow:0 0 8px #5865f2,0 0 16px #23272a;transition:text-shadow .2s}.header-logo-link:hover{text-shadow:0 0 16px #5865f2,0 0 32px #23272a}.header-logo-icon{color:#5865f2;animation:spinGlow 3.5s linear infinite}.header-logo-text{display:inline-block;background:linear-gradient(90deg,#5865f2 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;animation:neonPulse 2.5s infinite alternate}.header-center{display:flex;flex-direction:row;align-items:center;gap:3rem;justify-content:space-between}.header-nav{display:flex;flex-direction:row;align-items:center;gap:1.5rem}.header-link{position:relative;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:1.1rem;color:#b9bbbe;background:transparent;text-decoration:none;transition:background .18s,color .18s;overflow:hidden}.header-link:hover,.header-link:focus{background:#36393f;color:#fff}.header-link-text{position:relative;z-index:2}.header-link-underline{position:absolute;left:0;bottom:0;width:0;height:3px;background:#5865f2;border-radius:2px;transition:width .3s;z-index:1}.header-link:hover .header-link-underline,.header-link:focus .header-link-underline{width:100%}.header-link.active{background:#5865f2;color:#fff}.header-link.active .header-link-underline{width:100%;background:#fff}.header-user{display:flex;align-items:center;gap:1.2rem;justify-content:flex-end}.header-user-greeting{font-weight:600;color:#b9bbbe;font-size:1.1rem;margin-right:.5rem;animation:floatIn 1.2s cubic-bezier(.23,1.01,.32,1) 0s 1;display:none}@media (min-width: 640px){.header-user-greeting{display:inline-block}}.header-user-avatar{box-shadow:0 0 0 2px #5865f2,0 0 0 4px #23272a;border-radius:50%;transition:box-shadow .2s}.header-user-avatar:hover{box-shadow:0 0 0 3px #5865f2,0 0 0 6px #23272a}.header-auth-buttons{display:flex;gap:1rem}.header-signin-btn,.header-signup-btn{padding:.5rem 1.5rem;font-weight:700;font-size:1.1rem;border-radius:.5rem;border:none;background:#5865f2;color:#fff;box-shadow:0 2px 8px #18191c;cursor:pointer;transition:background .18s,transform .18s}.header-signin-btn:hover,.header-signup-btn:hover{background:#4752c4;transform:scale(1.05)}@keyframes neonPulse{0%{text-shadow:0 0 8px #5865f2,0 0 16px #23272a}to{text-shadow:0 0 24px #5865f2,0 0 48px #23272a}}@keyframes spinGlow{0%{filter:drop-shadow(0 0 0 #5865f2);transform:rotate(0)}to{filter:drop-shadow(0 0 16px #5865f2);transform:rotate(360deg)}}@keyframes floatIn{0%{opacity:0;transform:translateY(-40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #10b981;--dark: #0f172a;--darker: #020617;--light: #f8fafc;--gray: #64748b;--gray-light: #e2e8f0;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--border-radius: 16px;--border-radius-lg: 24px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.second-section{padding-top:20px;padding-bottom:100px;background:var(--darker);border-top:1px solid var(--dark)}.home-container{width:100%;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 5%;background-color:var(--darker);overflow:hidden;text-align:center}.security-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0}.particles-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.hero-content{position:relative;z-index:3;margin:0 auto;padding:40px 0}.security-badge{display:inline-flex;align-items:center;gap:10px;background:#2563eb26;color:#3b82f6;padding:10px 20px;border-radius:100px;font-size:16px;font-weight:600;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2)}.security-badge.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;color:#fff;text-align:center;display:flex;justify-content:center;gap:20px;margin-bottom:24px;letter-spacing:-.05em}.gradient-text{background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;text-align:center!important;color:transparent}.hero-subtitle{font-size:1.5rem;color:#94a3b8;margin-bottom:40px;line-height:1.6;max-width:700px;width:100%;margin-left:auto;margin-right:auto}.hero-subtitle strong{color:#f8fafc;font-weight:600}.cta-container{margin-bottom:60px}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:18px 32px;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:var(--transition);font-size:1.1rem}.cta-button i{font-size:16px}.cta-button.primary{background:var(--primary);color:#fff;box-shadow:0 4px 20px #3b82f64d}.cta-button.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #3b82f666}.cta-button.secondary{background:#ffffff0d;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-left:16px}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.security-proof{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;max-width:600px;margin:0 auto}.proof-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#94a3b8}.proof-item i{color:var(--primary)}.security-visual{margin-top:80px;position:relative;z-index:2}.encryption-animation{display:flex;flex-direction:column;align-items:center;gap:30px}.data-block{padding:20px 30px;border-radius:var(--border-radius);font-weight:600;display:flex;align-items:center;gap:10px;transition:var(--transition)}.data-block.locked{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.data-block.unlocked{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.encryption-process{display:flex;gap:40px}.encryption-step{display:flex;flex-direction:column;align-items:center;gap:8px;color:#94a3b8}.encryption-step i{font-size:24px;color:var(--primary);background:#3b82f61a;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%}.security-section{padding:120px 30px;margin-bottom:0;background:linear-gradient(180deg,var(--darker) 0%,#020617 100%)}section.security-section{padding:100px 20px;margin:0}.section-header{text-align:center;max-width:800px;margin:0 auto 80px}.section-header h2{font-size:2.8rem;font-weight:700;margin-bottom:20px;line-height:1.2}.section-header p{font-size:1.2rem;color:#94a3b8}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff08;border-radius:var(--border-radius-lg);padding:40px 30px;transition:var(--transition);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,transparent 100%);opacity:0;transition:var(--transition)}.feature-card:hover{transform:translateY(-10px);background:#ffffff0d;box-shadow:var(--shadow-lg);border-color:#3b82f633}.feature-card:hover:before{opacity:1}.feature-icon{width:70px;height:70px;background:#3b82f61a;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;color:var(--primary);font-size:28px;transition:var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.1);background:#3b82f633}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:20px;line-height:1.3}.feature-card p{color:#94a3b8;line-height:1.7;margin-bottom:25px}.tech-badge{display:inline-block;background:#3b82f61a;color:var(--primary);padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;font-family:SF Mono,monospace}.final-cta{text-align:center;padding:120px 5%;background:linear-gradient(180deg,#020617 0%,var(--darker) 100%);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.05) 0%,transparent 50%);z-index:0}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.final-cta h2{font-size:2.8rem;font-weight:700;margin-bottom:20px;line-height:1.2}.final-cta p{font-size:1.2rem;color:#94a3b8;max-width:600px;margin:0 auto 40px}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media (max-width: 1024px){.hero-title{font-size:3.2rem}.encryption-process{gap:20px}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-header h2{font-size:2.2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button.secondary{margin-left:0;margin-top:16px}.encryption-process{flex-direction:column;gap:20px}}@media (max-width: 480px){.hero-title{font-size:2rem}.security-badge{font-size:14px;padding:8px 16px}.cta-button{width:100%;justify-content:center}}footer{padding:30px;background-color:#0f172a;text-align:center}footer span{color:#1d4ed8}:root{--font-family: "Poppins", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;--primary-bg: #313338;--secondary-bg: #23272a;--sidebar-bg: #23272a;--sidebar-glass: rgba(44,47,51,.7);--border-color: #1e1f22;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--accent-color: #5865f2;--accent-hover: #4752c4;--danger-color: #ed4245;--shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--radius: 1.25rem;--sidebar-border: #1e1f22;--sidebar-shadow: 0 2px 8px 0 #18191c;--folder-bg: #2b2d31;--folder-active-bg: #36393f;--folder-border: #23272a;--folder-text: #b5bac1;--folder-active-text: #fff;--accent: #5865f2;--danger: #ed4245;--note-bg: #23272a;--note-active-bg: #36393f;--note-border: #18191c;--note-text: #fff;--note-secondary: #b5bac1}.light{--primary-bg: #f7f8fa;--secondary-bg: #ffffffcc;--sidebar-glass: rgba(255,255,255,.7);--border-color: #e3e6ea;--text-primary: #1a1d23;--text-secondary: #6b7280;--accent-color: #4f8cff;--accent-hover: #2563eb;--danger-color: #e11d48}.dark{--primary-bg: #181b22;--secondary-bg: #23272f;--sidebar-glass: rgba(36,39,46,.7);--border-color: #23272f;--text-primary: #e3e6ea;--text-secondary: #bfcfff;--accent-color: #90aaff;--accent-hover: #2563eb;--danger-color: #e11d48}body,.app-container,.notes-dashboard-container{font-family:var(--font-family);padding:20px;background:var(--primary-bg);color:var(--text-primary)}.notes-dashboard-container>aside{position:relative;left:unset;top:unset;margin-top:0;height:auto;min-height:0;max-height:none;width:420px;z-index:1;overflow-y:auto;border-right:2px solid var(--sidebar-border);background:var(--sidebar-bg);box-shadow:var(--sidebar-shadow);border-radius:0 1.5rem 1.5rem 0}@media (max-width: 1024px){.notes-dashboard-container>aside{width:100vw;max-width:100vw;position:relative;border-radius:0;height:auto;min-height:0;max-height:none}}.editor-main{flex:1 1 0%;margin-left:0;min-width:0;gap:0;min-height:0;max-height:none;overflow-y:auto;display:flex;flex-direction:column;height:100%}.dashboard-sidebar{width:340px;min-width:220px;max-width:380px;background:var(--sidebar-bg);border-right:2px solid var(--sidebar-border);box-shadow:var(--sidebar-shadow);display:flex;flex-direction:column;padding:2rem 1rem 1rem;min-height:0;z-index:1;transition:width .2s;position:relative;height:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.5rem;border-bottom:1.5px solid #18191c;color:#5865f2;font-size:1.1rem;font-weight:800;letter-spacing:.01em;position:relative;top:unset;left:unset;width:100%;background:unset}.dashboard-header h2{margin:0;font-size:1.45rem;font-weight:900;letter-spacing:.01em;color:var(--accent-color);text-shadow:0 2px 8px rgba(80,80,80,.06)}.new-note-btn{background:var(--accent);color:#fff;border:none;border-radius:1.5rem;font-size:1rem;font-weight:700;padding:.5rem 1.2rem;cursor:pointer;transition:background .18s,transform .15s}.new-note-btn:hover{background:var(--accent-hover);transform:scale(1.06)}.search-bar{background:#18191c;border-radius:.75rem;border:1.5px solid #23272a;padding:.6rem 1rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.search-input{border:none;outline:none;background:transparent;font-size:1.05rem;color:#fff;flex:1;padding:.5rem .25rem}.search-type-selector{display:flex;gap:.2rem;margin-left:.5rem}.search-type-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,border .18s;outline:none}.search-type-btn:hover{background:#e0e7ff;color:var(--accent-color);border-color:var(--accent-color)}.search-type-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.search-input::placeholder{color:#b9bbbe;opacity:.7}.search-result-count{margin:.5rem 0;font-size:1.08rem;font-weight:600;color:var(--accent-color);letter-spacing:.01em;padding-left:.2rem;transition:color .2s}.dashboard-note-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem}.folders-list:before{content:"";position:absolute;left:0;height:100%;width:10px;background:linear-gradient(to bottom,#ff0080,#2563eb,#0fc,#ffc400);border-radius:10px 0 0 10px}.note-filter-btn{background:#18191c;color:var(--accent);border:1.5px solid #23272a;border-radius:1.2rem;padding:.45rem 1.2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s,border .18s,box-shadow .18s;outline:none}.note-filter-btn:hover{background:var(--accent-hover);color:#fff}.note-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #5865f244}.notes-list{overflow-y:auto;flex-grow:1;padding:10px 0;display:flex;flex-direction:column;gap:1em;background:transparent;border-radius:1.1rem;min-width:0;max-height:calc(100vh - 16rem)}.dashboard-note-card{display:flex;align-items:center;gap:.6rem;background:#2c2f33;border:1.5px solid #23272a;border-radius:.9rem;padding:.6rem 1rem;color:#b9bbbe;font-size:1.01rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s,border .18s,box-shadow .18s;position:relative}.dnd-dragging{opacity:.7;box-shadow:0 8px 32px #50505038;z-index:10;filter:blur(1px) brightness(1.08);transform:scale(1.03);transition:box-shadow .18s,opacity .18s,filter .18s,transform .18s}.note-card span{font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:700;color:#4f8cff;font-size:1.25rem;min-width:36px;text-align:right;opacity:.85;-webkit-user-select:none;user-select:none;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:.2rem;z-index:2}.note-card{background:#2c2f33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.3rem;box-shadow:0 2px 12px #5050501a;border:1.5px solid var(--border-color);padding:10px 10px 10px 0;cursor:pointer;transition:box-shadow .18s,background .18s,border .18s,transform .13s,filter .18s;display:flex;flex-direction:row;align-items:flex-start;gap:1.2rem;font-size:1.08rem;font-weight:500;color:var(--text-primary);position:relative;border-left-width:6px;border-left-style:solid;border-left-color:transparent;min-height:72px;animation:noteFadeIn .4s cubic-bezier(.23,1.01,.32,1);overflow:hidden}.notes-list-cards{overflow-y:scroll;padding:10px;border-radius:10px}.note-card.locked{background:repeating-linear-gradient(135deg,#e3e8f0 0px 12px,#f7faff 12px 24px);position:relative;filter:grayscale(.15) brightness(.97) contrast(1.08);box-shadow:0 2px 16px #4f8cff22}.note-card.locked:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#4f8cff14,#f5f8ff2e);opacity:.7;pointer-events:none;z-index:1;animation:shimmer 2.2s linear infinite;background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.note-card .note-card-content{flex:1;display:flex;flex-direction:column;min-width:0;gap:.18rem;align-items:flex-start;justify-content:flex-start;z-index:2}.note-card h3{margin:0 0 .18rem;font-size:1.18rem;font-weight:800;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem;letter-spacing:.01em}.note-card .note-preview{font-size:.98rem;color:var(--text-secondary);opacity:.85;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem}.note-card p{margin:0;font-size:.92rem;color:var(--text-secondary);opacity:.7;font-weight:400}.note-card:hover{background:#36393f;color:var(--accent)}.note-card.active{background:#36393f;color:#fff;border:2px solid #5865f2;box-shadow:0 2px 8px #5865f244}.note-card.active h3{color:var(--accent)}.note-card.active p,.note-card.active .note-preview{color:var(--accent);opacity:.95}.editor-main{flex:1!important;display:flex!important;flex-direction:column!important;height:100%!important;background:#36373e!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;border:none!important;overflow:hidden!important;min-width:0!important}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem 1rem;border-bottom:1px solid var(--border-color);background:#f7f8fa;flex-shrink:0}.editor-info{display:flex;gap:1.2rem;font-size:.92rem;color:var(--text-secondary)}.editor-actions{display:flex;gap:.7rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:1rem;border-radius:2rem;cursor:pointer;background:linear-gradient(90deg,#171616,#242121);border:1.5px solid var(--border-color);color:#ddd;font-weight:400;transition:all .2s ease}.action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.action-btn.danger:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.editor-content{flex-grow:1;display:flex;flex-direction:column;padding:2.5rem 2.5rem 2rem;overflow-y:auto;background:#23272a;min-height:0;max-height:100%}.note-title-input{width:100%;border:none;background:transparent;font-size:2.7rem;font-weight:900;margin-bottom:1.2rem;color:var(--text-primary);outline:none;padding:.25rem 0;letter-spacing:-.01em;border:1px solid #ddd;padding:10px;border-radius:10px}.note-title-input:focus{outline:2px solid var(--accent-color);background:#f0f6ff}.note-content-textarea{width:100%;flex-grow:1;border:none;background:transparent;font-size:1.13rem;line-height:1.8;color:var(--text-primary);resize:none;padding:0}.note-content-textarea:focus{outline:none;background:#f7f8fa}.dashboard-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem;background:#18191c;border-radius:.7rem;padding:.5rem 1rem;box-shadow:0 1px 4px #00000008}.dashboard-toolbar button{background:transparent;border:none;border-radius:.5rem;padding:.5rem .9rem;cursor:pointer;color:var(--text-primary);font-size:1.15rem;transition:background .2s,color .2s}.dashboard-toolbar button.active{background:var(--accent-color);color:#fff}.dashboard-toolbar input[type=color]{border:none;background:none;width:2.1rem;height:2.1rem;cursor:pointer;padding:0}.tiptap-editor{min-height:220px;font-size:1.13rem;color:var(--text-primary);background:transparent;border:none;outline:none}.tiptap-editor:focus{outline:2px solid var(--accent-color);background:#f0f6ff}.no-note-view,.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:2rem;background:#23272a;border-radius:var(--radius);box-shadow:var(--shadow)}.no-note-view h1{font-size:1.5rem;font-weight:600;margin-top:1rem}.modal-backdrop{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background-color:#23272a;padding:2.2rem 2rem 2rem;border-radius:1rem;width:100%;max-width:500px;position:relative;border:1.5px solid #36393f;box-shadow:var(--shadow);color:#fff}.modal-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:99px;transition:background-color .2s ease}.modal-close-btn:hover{background-color:var(--accent-color);color:#fff}.modal-content h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.modal-content p{margin:0 0 1.5rem;color:var(--text-secondary)}.password-hint{font-size:.98rem;font-style:italic;color:var(--text-secondary);background-color:#f3f4f6;padding:.5rem;border-radius:.375rem;margin-top:-1rem;margin-bottom:1.5rem}.modal-input{color:var(--text-primary);font-size:1.05rem;margin-bottom:1.5rem;width:100%;padding:10px 0;background:transparent;border-left:none;border-radius:0;border:none;border-bottom:1px solid #ddd}.modal-input:focus{border:none;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:.85rem}.modal-button{padding:.7rem 1.4rem;border:none;border-radius:2rem;font-weight:700;cursor:pointer;font-size:1.05rem;transition:opacity .2s,background .2s}.modal-button.primary{background:var(--accent-color);color:#fff}.modal-button.secondary{background:#f3f4f6;color:var(--text-primary);border:1.5px solid var(--border-color)}.modal-button:hover{opacity:.9}.note-tags-container{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;align-items:center}.note-tag{display:flex;align-items:center;background:linear-gradient(90deg,#4f8cff 60%,#a5b4fc);color:#fff;font-size:.98rem;font-weight:600;border-radius:2rem;padding:.32rem .95rem .32rem .85rem;box-shadow:0 2px 8px #5050501a;margin-right:.1rem;margin-bottom:.1rem;border:1.5px solid #e3e6ea;transition:background .2s,color .2s,transform .18s;animation:tag-pop-in .18s}@keyframes tag-pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.remove-tag-btn{background:none;border:none;color:#fff;font-size:1.08rem;margin-left:.45rem;cursor:pointer;border-radius:50%;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-tag-btn:hover{background:#00000021}.tag-input{border:none;outline:none;background:var(--secondary-bg);color:var(--text-primary);font-size:.98rem;border-radius:1.5rem;padding:.32rem .95rem;margin-right:.1rem;margin-bottom:.1rem;min-width:80px;max-width:140px;transition:background .2s,color .2s;border:1.5px solid var(--border-color)}.add-tag-btn{background:linear-gradient(90deg,#4f8cff 60%,#a5b4fc);color:#fff;border:none;border-radius:50%;width:.3rem;height:1.7rem;font-size:1.08rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #5050501a;transition:background .2s,color .2s,transform .18s}@media (max-width: 600px){.note-tags-container{gap:.2rem;margin-bottom:.7rem}.note-tag{font-size:.92rem;padding:.22rem .7rem .22rem .6rem}.tag-input{min-width:50px;max-width:80px;font-size:.93rem}.add-tag-btn{width:1.2rem;height:1.2rem;font-size:.95rem}}.folder-card,.all-notes-card{display:flex;align-items:center;gap:.7rem;background:var(--folder-bg);border:1.5px solid var(--folder-border);border-radius:1rem;padding:.7rem 1.1rem;color:var(--folder-text);font-size:1.08rem;font-weight:700;cursor:pointer;transition:background .18s,color .18s,border .18s,box-shadow .18s;position:relative}.folder-card:hover,.all-notes-card:hover{background:#23272a;color:var(--accent-color)}.folder-card.active,.all-notes-card.active{background:var(--folder-active-bg);color:var(--folder-active-text);border:2px solid var(--accent-color);box-shadow:0 2px 8px #5865f244}.folder-card{margin-bottom:0}.folder-card span,.all-notes-card span{display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card .folder-action-btn,.all-notes-card .folder-action-btn{background:#18191c;border:none;border-radius:12px;padding:4px;display:flex;align-items:center;margin-left:8px;color:var(--accent-color);transition:background .18s,color .18s,transform .18s}.folder-card .folder-action-btn:hover,.all-notes-card .folder-action-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.08)}.folder-card .folder-action-btn.danger:hover,.all-notes-card .folder-action-btn.danger:hover{background:var(--danger-color);color:#fff}@keyframes lockPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 #4f8cff44)}50%{transform:scale(1.13);filter:drop-shadow(0 0 8px #4f8cff88)}to{transform:scale(1);filter:drop-shadow(0 0 0 #4f8cff44)}}.lock-animated{animation:lockPulse 1.2s infinite;color:#4f8cff;filter:drop-shadow(0 0 2px #4f8cff44)}.notes-sidebar,.folders-list,.folder-card,.all-notes-card,.notes-list{font-family:Inter,Segoe UI,Arial,sans-serif}.dark .notes-sidebar{background:#24272ebf;border:1.5px solid rgba(144,170,255,.18);background-image:linear-gradient(135deg,#90aaff1a,#24272e2e)}.dark .folder-card,.dark .all-notes-card{background:#24272efa;border:1.5px solid #23272f;color:#bfcfff}.dark .folder-card.active,.dark .all-notes-card.active{background:linear-gradient(90deg,#23272f 60%,#90aaff);color:#90aaff;border:2.5px solid #90aaff;border-left-color:transparent;box-shadow:0 8px 32px #90aaff2e,0 0 8px 2px #90aaff44}.dark .note-card{background:#23272f;color:#e3e6ea;border:1.5px solid #23272f}.dark .note-card.locked{background:repeating-linear-gradient(135deg,#23272f 0px 12px,#181b22 12px 24px)}.dark .note-card.active{background:linear-gradient(90deg,#181b22 60%,#90aaff);color:#90aaff;border:2.5px solid #90aaff;box-shadow:0 8px 24px #90aaff21,0 0 8px 2px #90aaff44}.dark .note-card .note-preview,.dark .note-card p{color:#bfcfff}.advanced-empty-view{display:flex;align-items:center;justify-content:center;height:100%;background-color:#323339;border-radius:var(--radius)}.empty-card{border-radius:2rem;padding:3.5rem 2.5rem 4rem;display:flex;flex-direction:column;align-items:center;max-width:800px;width:100%;margin:0 auto;position:relative;animation:cardPopIn .5s cubic-bezier(.23,1.01,.32,1);background:#23272a;color:#fff}@keyframes cardPopIn{0%{transform:scale(.85) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.empty-icon-gradient{background:linear-gradient(135deg,#4f8cff,#a5b4fc);border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 24px #4f8cff33;color:#fff;font-size:2.5rem}.empty-card h1{font-size:2rem;font-weight:900;color:var(--accent-color);margin-bottom:.7rem;letter-spacing:-.01em;text-align:center}.empty-desc{color:var(--text-secondary);font-size:1.13rem;margin-bottom:2.2rem;text-align:center;line-height:1.6}.create-note-cta{background:linear-gradient(90deg,var(--accent-color) 60%,#a5b4fc 100%);color:#fff;border:none;border-radius:2rem;font-size:1.13rem;font-weight:800;padding:.85rem 2.2rem;box-shadow:0 2px 12px #4f8cff22;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;display:flex;align-items:center;gap:.7rem}.create-note-cta:hover{background:linear-gradient(90deg,#2563eb 80%,#a5b4fc);transform:scale(1.05);box-shadow:0 4px 24px #4f8cff33}.ultra-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.1rem auto 1.2rem;align-items:flex-start;width:100%;min-width:0;justify-content:flex-start;position:relative}.ultra-tag{display:flex;align-items:center;min-width:0;border-radius:2rem;padding:.32rem 1.1rem .32rem .7rem;font-size:1.01rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #50505021;border:1.5px solid #e3e6ea;transition:box-shadow .18s,background .18s,transform .18s;margin-bottom:.1rem;margin-right:.1rem;position:relative;background:linear-gradient(90deg,#4f8cff 60%,#a5b4fc);cursor:pointer;max-width:100%;overflow:hidden;animation:tag-pop-in .18s}.ultra-tag:hover{box-shadow:0 4px 16px #5050502e;transform:scale(1.06);filter:brightness(1.08);z-index:2}.ultra-tag .tag-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin-right:.5rem;font-weight:700;font-size:1.01rem;letter-spacing:.01em}.ultra-tag .remove-tag-btn{background:none;border:none;color:#fff;margin-left:.2rem;cursor:pointer;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s,transform .18s;font-size:1.1rem;opacity:.85;padding:0}.ultra-tag .remove-tag-btn:hover{background:#00000021;color:#fff;transform:scale(1.18);opacity:1}.tag-input-wrapper{display:flex;align-items:center;gap:.3rem;background:#f3f6fa;border-radius:2rem;padding:.18rem .7rem;border:1.5px solid #e3e6ea;min-width:180px;max-width:320px;width:100%;position:relative;margin-bottom:.1rem}.ultra-tag-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:1.01rem;border-radius:1.5rem;padding:.32rem .5rem;min-width:80px;max-width:100%;width:100%;transition:background .2s,color .2s,border .18s}.ultra-tag-input:focus{background:#e0e7ff}.ultra-tag-input.error{border:1.5px solid #e11d48;background:#fff0f3;color:#e11d48}.tag-error{color:#e11d48;font-size:.92rem;margin-left:.5rem;font-weight:600}.add-tag-btn{background:linear-gradient(90deg,#4f8cff 60%,#a5b4fc);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;font-size:1.08rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #5050501a;transition:background .2s,color .2s,transform .18s;margin-left:.2rem}.add-tag-btn:hover{background:#2563eb;transform:scale(1.08)}.tag-suggestions-dropdown{position:absolute;left:0;top:110%;width:100%;background:#fff;border:1.5px solid #e3e6ea;border-radius:1rem;box-shadow:0 4px 16px #50505021;z-index:10;margin-top:.2rem;overflow:hidden;max-height:180px;overflow-y:auto;min-width:120px}.tag-suggestion{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:1.01rem;font-weight:600;color:#333;cursor:pointer;background:none;transition:background .18s,color .18s;width:100%}.tag-suggestion.selected,.tag-suggestion:hover{background:#e0e7ff;color:#2563eb}.note-title-input{display:block;margin:0 auto .5rem;width:100%}@media (max-width: 600px){.ultra-tags{gap:.2rem;margin-bottom:.7rem;max-width:100%}.ultra-tag{font-size:.92rem;padding:.22rem .7rem .22rem .5rem}.tag-input-wrapper{min-width:100px;max-width:100%;font-size:.93rem}.ultra-tag-input{min-width:50px;max-width:100px;font-size:.93rem}.add-tag-btn{width:1.2rem;height:1.2rem;font-size:.95rem}}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#23272a;border-radius:1.5rem;box-shadow:0 2px 8px #18191c;margin:1.5rem 1.5rem 1.5rem 0;padding:2rem 2.5rem;color:#fff;transition:margin .2s,padding .2s}.dashboard-modal{background:#23272a;color:#fff;border-radius:1rem;box-shadow:0 8px 32px #18191c;padding:2rem 2.5rem;max-width:420px;margin:0 auto}.dashboard-btn{background:#5865f2;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.2rem;font-weight:700;cursor:pointer;transition:background .18s;font-size:1rem}.dashboard-btn:hover{background:#4752c4}@media (max-width: 900px){.dashboard-sidebar{width:100vw;max-width:100vw;min-width:0;position:relative;left:unset;top:unset;height:auto;z-index:1;box-shadow:0 8px 32px #18191c;padding:1.2rem .5rem;border-radius:0 0 1.5rem 1.5rem;overflow-y:auto}.dashboard-main{margin:.5rem .5rem .5rem 0;padding:1rem .7rem;border-radius:1rem}}@media (max-width: 600px){.dashboard-sidebar{width:100vw;max-width:100vw;min-width:0;padding:.7rem .2rem;font-size:.92rem}.dashboard-header{font-size:.98rem;padding-bottom:.2rem}.dashboard-main{margin:.2rem .2rem .2rem 0;padding:.7rem .3rem;font-size:.97rem}.dashboard-note-card{font-size:.93rem;padding:.4rem .7rem;gap:.3rem}.dashboard-toolbar{padding:.3rem .5rem;gap:.3rem;font-size:.93rem}.dashboard-btn{font-size:.93rem;padding:.4rem .7rem}}.sidebar-search{background:#23272a!important;border:1.5px solid #323339!important}.sidebar-search-icon{color:#4f8cff!important}.sidebar-search-input{color:#e3e6ea!important;background:#23272a!important;border:none!important}.sidebar-search-input::placeholder{color:#6b7280!important;opacity:.7}.sidebar-folders-title,.sidebar-notes-title,.sidebar-folders-icon,.sidebar-notes-icon{color:#4f8cff!important}.sidebar-btn{background:#2c2f33!important;color:#e3e6ea!important;border:1.5px solid #4f8cff!important;border-radius:1.5rem;font-weight:700;transition:background .18s,color .18s,border .18s}.sidebar-btn:hover{background:#4f8cff!important;color:#fff}.sidebar-btn-active{background:#4f8cff!important;color:#fff!important;border-color:#4f8cff!important}.sidebar-btn-fav-active{background:#ffd600!important;color:#23272a!important;border-color:#ffd600!important}.sidebar-other-notes{background:#23272a!important;color:#e3e6ea!important;border:2px solid #4f8cff!important}.sidebar-other-notes-active{background:linear-gradient(90deg,#36393f 60%,#4f8cff)!important;color:#fff!important;border:2px solid #4f8cff!important;transform:scale(1.03)!important}.sidebar-other-notes-icon{color:#4f8cff!important}.sidebar-other-notes-icon-active{color:#fff!important}.sidebar-other-notes-count{background:#4f8cff!important;color:#fff!important}.sidebar-other-notes-count-active{background:#fff!important;color:#4f8cff!important}.sidebar-folder{background:#2c2f33!important;color:#b9bbbe!important;border:2px solid #23272a!important}.sidebar-folder-active{background:linear-gradient(90deg,#36393f 60%,#4f8cff)!important;color:#fff!important;border:2px solid #4f8cff!important;transform:scale(1.03)!important}.sidebar-folder-icon{color:#4f8cff!important}.sidebar-folder-name{color:inherit!important}.sidebar-folder-count{background:#4f8cff!important;color:#fff!important}.sidebar-folder-action{background:#23272a!important;border:none!important;border-radius:50%;padding:.5rem;color:#4f8cff;transition:background .18s,color .18s}.sidebar-folder-action:hover{background:#4f8cff;color:#fff}.sidebar-folder-action-delete{color:#ed4245}.sidebar-folder-action-delete:hover{color:#fff;background:#ed4245}.separate-part{border-top:1px solid #4c4c4c;padding-top:20px;margin-top:0}.custom-dropdown{background:#23272a;border:2px solid #4f8cff;color:#4f8cff;border-radius:10px;font-weight:700;font-size:1.13rem;box-shadow:0 2px 12px #4f8cff22;transition:background .18s,color .18s,border .18s,box-shadow .18s;cursor:pointer;min-width:160px;-webkit-user-select:none;user-select:none;outline:none;display:flex;align-items:center;justify-content:space-between}.custom-dropdown:focus,.custom-dropdown:hover{background:#36393f;color:#fff;border-color:#4f8cff;box-shadow:0 4px 24px #4f8cff33}.custom-dropdown .rotate-180{transform:rotate(180deg)}.custom-dropdown .dropdown-arrow{margin-left:auto;display:flex;align-items:center}.dropdown-icon{display:flex;align-items:center;justify-content:center;min-width:22px;max-width:22px;height:22px}.dropdown-item{background:transparent;color:#4f8cff;font-weight:700;font-size:1.08rem;border:none;border-radius:0;transition:background .18s,color .18s;cursor:pointer;outline:none;display:flex;align-items:center;gap:.7rem;padding-left:1.2rem;padding-right:1.2rem}.dropdown-item:hover,.dropdown-item:focus{background:#4f8cff;color:#fff}.dropdown-item.bg-yellow-400{background:#ffd600!important;color:#23272a!important}.dropdown-item.text-yellow-500{color:#ffd600!important}.animate-popIn{animation:popInDropdown .18s cubic-bezier(.23,1.01,.32,1)}@keyframes popInDropdown{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.custom-alert-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-alert-modal-content{background:#23272a;color:#fff;border-radius:2rem;box-shadow:0 8px 32px #18191c;padding:2.5rem 2.5rem 2rem;max-width:420px;width:100%;position:relative;border:2px solid #4f8cff;text-align:center;animation:popInDropdown .18s cubic-bezier(.23,1.01,.32,1)}.custom-alert-modal-content h2{color:#ff4f4f;font-size:2rem;font-weight:900;margin-bottom:1.2rem}.custom-alert-modal-content p{color:#fff;font-size:1.15rem;margin-bottom:2rem}.custom-alert-modal-content button{background:linear-gradient(90deg,#4f8cff 60%,#a5b4fc);color:#fff;border:none;border-radius:2rem;font-size:1.13rem;font-weight:800;padding:.85rem 2.2rem;box-shadow:0 2px 12px #4f8cff22;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.custom-alert-modal-content button:hover{background:linear-gradient(90deg,#2563eb 80%,#a5b4fc);transform:scale(1.05);box-shadow:0 4px 24px #4f8cff33}.filter-sort-row{gap:.5rem;width:100%}.filter-sort-row>.custom-dropdown{flex:1 1 0%;min-width:0;max-width:100%}@media (max-width: 600px){.filter-sort-row{flex-direction:column;gap:.5rem}.filter-sort-row>.custom-dropdown{flex:1 1 100%;min-width:0;width:100%;margin-left:0!important}}.notes-dashboard-container>aside,aside,.dashboard-sidebar{scrollbar-width:thin;scrollbar-color:#23272a #18181b;overflow-y:auto}.notes-dashboard-container>aside::-webkit-scrollbar,aside::-webkit-scrollbar,.dashboard-sidebar::-webkit-scrollbar{width:10px;background:#18181b;border-radius:8px}.notes-dashboard-container>aside::-webkit-scrollbar-thumb,aside::-webkit-scrollbar-thumb,.dashboard-sidebar::-webkit-scrollbar-thumb{background:#23272a;border-radius:8px;border:2px solid #18181b}.notes-dashboard-container>aside::-webkit-scrollbar-thumb:hover,aside::-webkit-scrollbar-thumb:hover,.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#313338}.notes-dashboard-container>aside::-webkit-scrollbar-corner,aside::-webkit-scrollbar-corner,.dashboard-sidebar::-webkit-scrollbar-corner{background:#18181b}.color-picker-circle{border-radius:50%;overflow:hidden;background:transparent;border:none;outline:none;box-shadow:none}.color-picker-circle::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.color-picker-circle::-webkit-color-swatch{border:none;border-radius:50%}.color-picker-circle::-moz-color-swatch{border:none;border-radius:50%}.notes-dashboard-container{display:flex;flex-direction:row;width:100vw;height:100vh;min-height:0;max-height:none;overflow:hidden}.editor-content{flex:1 1 0;min-height:0;overflow-y:auto;background:#23272a;display:flex;flex-direction:column}.tiptap-editor{min-height:220px;font-size:1.13rem;color:var(--text-primary);background:transparent;border:none;outline:none;flex:1 1 0;overflow-x:auto;word-break:break-word;white-space:pre-wrap;max-width:100%}.tiptap-editor pre,.tiptap-editor code{white-space:pre;word-break:break-all;overflow-x:auto;max-width:100%;display:block}.notes-dashboard-container>aside{flex-shrink:0}.tiptap{height:100%}.editor-main{flex:1 1 0%;min-width:0;min-height:0;height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.editor-content,.relative.flex-1.flex.flex-col.animate-fadeIn.bg-\[\#23272a\].rounded-\[10px\].min-h-0{flex:1 1 0;min-height:0;height:100%;display:flex;flex-direction:column}.tiptap-editor,.w-full.min-h-\[300px\].h-full.bg-white\/80.border-2.border-blue-100.rounded-2xl.p-6.shadow-inner.text-lg.font-mono.border.text-blue-900.overflow-auto.animate-popIn.prose.max-w-none{height:100%;min-height:0;max-height:100%}.copy-btn-editor{position:absolute;top:16px;right:16px;z-index:20;margin-right:8px}.dashboard-header h2,.note-card h3,.empty-card h1,.create-note-cta,.custom-dropdown,.dropdown-item,.add-tag-btn,.ultra-tag,.tag-suggestion.selected,.tag-suggestion:hover,.tag-suggestion,.search-result-count,.new-note-btn,.sidebar-btn{font-weight:500!important}.copy-btn-editor{transition:background .18s,color .18s,box-shadow .18s,border .18s,transform .18s;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.copy-btn-editor.copied{background:#22c55e!important;color:#fff!important;box-shadow:0 2px 12px #22c55e44;transform:scale(1.08);border:1.5px solid #22c55e}body,.app-container,.notes-dashboard-container,.dashboard-header,.note-card,.empty-card,.custom-dropdown,.dropdown-item,.add-tag-btn,.ultra-tag,.tag-suggestion,.search-result-count,.new-note-btn,.sidebar-btn{font-weight:400}.tiptap-editor:focus,.tiptap:focus,.tiptap.ProseMirror:focus{outline:none!important;border:none!important;box-shadow:none!important}.tag-section-advanced{width:100%;margin-bottom:1.5rem;padding:.5rem 0;background:none}.tag-list-advanced{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:.5rem}.tag-pill-advanced{background:linear-gradient(90deg,#3b82f6,#60a5fa,#2563eb);color:#fff;font-size:1.05rem;font-weight:500;border-radius:999px;box-shadow:0 2px 12px #3b82f633,0 1.5px 6px #23272a22;padding:.5rem 1.3rem .5rem 1rem;display:flex;align-items:center;position:relative;cursor:pointer;transition:box-shadow .18s,background .18s,transform .18s;min-width:0;animation:tag-pop-in .18s}.tag-pill-advanced:hover{box-shadow:0 4px 24px #3b82f655;filter:brightness(1.08);transform:scale(1.06);z-index:2}.tag-label-advanced{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:1.05rem}.remove-tag-btn-advanced{background:none;border:none;color:#fff;margin-left:.2rem;cursor:pointer;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s,transform .18s;font-size:1.1rem;opacity:.85;padding:0}.remove-tag-btn-advanced:hover{background:#f43f5e;color:#fff;transform:scale(1.18);opacity:1}.tag-input-advanced{font-size:1.15rem;font-weight:500;border-radius:1.5rem;border:2px solid #60a5fa;background:#181b22;color:#60a5fa;padding:.9rem 1.2rem;outline:none;box-shadow:0 2px 12px #3b82f622;transition:border .2s,box-shadow .2s,background .2s,color .2s;width:100%;margin-bottom:0}.tag-input-advanced:focus{border:2px solid #2563eb;background:#23272a;color:#3b82f6}.floating-label-advanced{pointer-events:none;left:1.5rem;color:#60a5fa;font-weight:400;transition:all .2s;background:none}.tag-input-advanced.has-value+.floating-label-advanced,.tag-input-advanced:focus+.floating-label-advanced{font-size:.92rem;top:.3rem;color:#2563eb;left:1.2rem}.add-tag-fab-advanced{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.2rem;box-shadow:0 2px 12px #3b82f633;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s,transform .18s;right:.5rem;z-index:2}.add-tag-fab-advanced:hover{background:#2563eb;color:#fff;transform:scale(1.08)}.tag-suggestions-advanced{background:#23272a;border-radius:1rem;box-shadow:0 8px 32px #23272a33,0 2px 8px #3b82f622;border:1.5px solid #60a5fa;padding:.3rem 0;z-index:30;width:100%;min-width:180px;max-width:340px;margin:0 auto;left:0;right:0}.tag-suggestions-advanced>div{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:1.05rem;font-weight:500;color:#60a5fa;border-radius:.7rem;cursor:pointer;transition:background .18s,color .18s}.tag-suggestions-advanced>div:hover,.tag-suggestions-advanced>div.selected{background:#e0e7ff;color:#2563eb}.tag-meta-advanced{margin-top:.5rem;text-align:center}.tag-cloud-advanced{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.2rem}.tag-cloud-advanced span{background:linear-gradient(90deg,#dbeafe,#bae6fd);color:#2563eb;font-size:.92rem;font-weight:500;border-radius:999px;padding:.3rem 1.1rem;box-shadow:0 1.5px 6px #23272a22;border:1.2px solid #60a5fa;opacity:.8;transition:opacity .18s,box-shadow .18s;cursor:pointer}.tag-cloud-advanced span:hover{opacity:1;box-shadow:0 4px 16px #3b82f655}@media (max-width: 600px){.tag-list-advanced{gap:.3rem}.tag-pill-advanced{font-size:.93rem;padding:.32rem .8rem .32rem .7rem}.tag-input-advanced{font-size:.97rem;padding:.7rem 1rem}.add-tag-fab-advanced{width:2rem;height:2rem;font-size:1rem}.tag-suggestions-advanced{font-size:.97rem;min-width:120px;max-width:220px}.tag-cloud-advanced span{font-size:.89rem;padding:.22rem .7rem}}.add-tags-btn-advanced svg{width:20px!important}.add-tags-btn-advanced{display:flex;align-items:center;justify-content:center;gap:.5rem;height:60px;min-width:150px;padding:0 30px!important;font-size:18px;font-weight:500;border:none;border-radius:10px;background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 12px #3b82f633;transition:background .18s,color .18s,box-shadow .18s,transform .18s;cursor:pointer;outline:none;white-space:nowrap}.add-tags-btn-advanced:hover{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 24px #2563eb44}.add-tags-btn-advanced svg{width:1.3em;height:1.3em;margin-right:.5rem;margin-bottom:0;font-size:1.2em;vertical-align:middle}@media (max-width: 600px){.add-tags-btn-advanced{height:48px;font-size:1rem;padding:0 1rem;min-width:110px}}.tag-list-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:30px;animation:fadeIn .3s}.tag-count-label{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;color:#3b82f6;letter-spacing:.08em;text-transform:uppercase}.tag-list-main-advanced{display:flex;flex-wrap:wrap;gap:.7rem}.tag-pill-main-advanced{display:flex;align-items:center;gap:.7rem;padding:.6rem 1.5rem .6rem 1.1rem;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#2563eb);color:#fff;font-size:1.08rem;font-weight:500;box-shadow:0 2px 12px #3b82f633;position:relative;cursor:pointer;min-width:0;transition:box-shadow .18s,background .18s,transform .18s;animation:tag-appear .18s}.tag-pill-main-advanced:hover{background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;transform:scale(1.06);box-shadow:0 4px 24px #2563eb44}.tag-icon{width:1.2em;height:1.2em;opacity:.85}.tag-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:1.08rem}.remove-tag-btn-main-advanced{background:none;border:none;color:#fff;margin-left:.2rem;cursor:pointer;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s,transform .18s;font-size:1.1rem;opacity:.5;padding:0}.tag-pill-main-advanced:hover .remove-tag-btn-main-advanced{opacity:1}.remove-tag-btn-main-advanced:hover{background:#f43f5e;color:#fff;transform:scale(1.18);opacity:1}.remove-tag-icon{width:1.1em;height:1.1em}.note-title-section{display:flex;flex-direction:column;width:100%;margin-top:40px;animation:popIn .3s}.note-title-label{display:block;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;color:#3b82f6;letter-spacing:.08em;text-transform:uppercase}.note-title-row{display:flex;align-items:center;gap:1.2rem;width:100%}.note-title-input{flex:1 1 0;font-size:19px;font-weight:500;background:#23272a;color:#fff;margin-bottom:0;border:2px solid #60a5fa;border-radius:10px;padding:15px 20px;outline:none;box-shadow:0 2px 12px #3b82f622;transition:border .2s,box-shadow .2s,background .2s,color .2s;margin-right:.5rem}.note-title-input:focus{border:2px solid #2563eb;background:#181b22;color:#3b82f6}.bg-label{background:#faebd7;padding:3px 15px;max-width:fit-content;margin-bottom:10px;border-radius:8px}.tag-modal-content-advanced{max-width:800px!important;width:100%!important}.note-description-label{display:block;font-size:1.1rem;font-weight:600;color:#3b82f6;margin-bottom:0;letter-spacing:.08em;text-transform:uppercase;background:#faebd7;padding:3px 15px;max-width:fit-content;border-radius:8px}.note-description-editor{position:relative;flex:1 1 0;display:flex;flex-direction:column;background:#23272a;border-radius:1.5rem;box-shadow:0 2px 8px #18191c;color:#fff;transition:box-shadow .2s;animation:fadeIn .3s;margin-top:0;padding-top:0}@keyframes tag-appear{0%{transform:scale(.7) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.95) translateY(-10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.editor-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:10px}.toolbar-btn{background:#18191c;color:#b5bac1;border:none;border-radius:.7rem;padding:.5rem .9rem;font-size:1.15rem;font-weight:500;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;outline:none;display:flex;align-items:center;gap:.2rem}.toolbar-btn.active{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb33}.toolbar-btn:focus{outline:2px solid #2563eb}.toolbar-color-input{border:none;background:none;width:2.1rem;height:2.1rem;cursor:pointer;padding:0;border-radius:.7rem;margin-left:.2rem}.markdown-toggle-btn{font-weight:600;background:#23272a;color:#2563eb;border:1.5px solid #2563eb;border-radius:10px;padding:4px 15px;margin-left:.5rem;transition:background .18s,color .18s,border .18s}.markdown-toggle-btn:hover,.markdown-toggle-btn:focus{background:#2563eb;color:#fff;border-color:#2563eb}.description-row{display:flex;align-items:center;gap:16px;margin-bottom:10px}.word-char-badge{display:flex;align-items:center;justify-content:center;background:#ffd6d6;border:2px solid #60a5fa;border-radius:999px;padding:6px 22px;font-size:1.1rem;font-weight:500;color:#23272a;box-shadow:0 1px 4px #2563eb11;letter-spacing:.01em;transition:background .18s,color .18s,border .18s}.word-char-badge strong{font-weight:700;margin-right:4px;color:#18191c}.word-char-badge .badge-number{color:#2563eb;font-weight:700;margin-left:2px}.note-card-tags-count{margin-top:2px;margin-bottom:2px;font-size:.98rem;color:#2563eb;background:#e0e7ff;border-radius:8px;padding:2px 12px;display:inline-block;font-weight:500;letter-spacing:.01em}.note-card-tags-count.no-tags{color:#b5bac1;background:#f3f4f6;font-style:italic;font-weight:400}.profile-page-container{width:100%;max-width:1024px;padding:2rem}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-header h1{font-size:2.25rem;font-weight:700;color:var(--foreground)}.theme-switcher{position:relative;cursor:pointer}.user-stats-card{background-color:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;margin-bottom:2rem}.user-stats-card h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--card-foreground);border-bottom:1px solid var(--border);padding-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(1000px,2fr));gap:2rem}.stat-item .stat-value{font-size:2.5rem;font-weight:700;color:var(--primary);margin:0}.stat-item .stat-label{font-size:1rem;color:var(--muted-foreground);margin:0}.clerk-profile-wrapper{--cl-card-background-color: var(--card);--cl-card-border-color: var(--border);--cl-primary-color: var(--primary);--cl-body-text-color: var(--foreground);--cl-title-text-color: var(--foreground);--cl-subtitle-text-color: var(--muted-foreground);--cl-label-text-color: var(--foreground);--cl-input-background-color: var(--background);--cl-input-text-color: var(--foreground);--cl-input-border-color: var(--border)}.advanced-stats-card{background-color:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014}.advanced-stats-card h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--card-foreground);border-bottom:1px solid var(--border);padding-bottom:1rem}.advanced-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.advanced-stat-item{display:flex;align-items:center;background:var(--background);border-radius:.75rem;padding:1.2rem 1.5rem;box-shadow:0 2px 8px #5050500f;border:1px solid var(--border);transition:box-shadow .18s,background .18s;cursor:pointer}.advanced-stat-item:hover{background:var(--card);box-shadow:0 4px 16px #50505021}.stat-icon{margin-right:1.1rem;color:var(--primary);display:flex;align-items:center;justify-content:center;min-width:32px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.35rem;font-weight:700;color:var(--primary);margin:0}.stat-label{font-size:1rem;color:var(--muted-foreground);margin:0}.security-section{background-color:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #00000014}.security-section h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:var(--card-foreground);border-bottom:1px solid var(--border);padding-bottom:1rem}.security-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem}.security-option-card{display:flex;align-items:center;gap:.8rem;background:var(--background);border-radius:.75rem;padding:1.1rem 1.3rem;box-shadow:0 2px 8px #5050500f;border:1px solid var(--border);transition:box-shadow .18s,background .18s}.security-option-card:hover{background:var(--card);box-shadow:0 4px 16px #50505021}.security-action-btn{margin-left:auto;background:linear-gradient(90deg,var(--primary) 60%,#a5b4fc 100%);color:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:600;padding:.5rem 1.3rem;cursor:pointer;transition:background .18s,color .18s}.security-action-btn:hover{background:#1d4ed8;color:#fff}.security-action-btn.destructive{background:linear-gradient(90deg,#ef4444 60%,#f87171)}.security-action-btn.destructive:hover{background:#dc2626;color:#fff}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--muted-foreground);padding:.5rem;border-radius:.5rem;transition:background .2s}.modal-close-btn:hover{background:var(--background)}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--foreground)}.modal-content p{margin:0 0 1.5rem;color:var(--muted-foreground);line-height:1.6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.modal-button.primary{background:var(--primary);color:#fff}.modal-button.primary:hover{background:#1d4ed8}.modal-button.secondary{background:var(--background);color:var(--foreground);border-color:var(--border)}.modal-button.secondary:hover{background:var(--card)}.modal-button.destructive{background:#ef4444;color:#fff}.modal-button.destructive:hover{background:#dc2626}.sessions-modal{max-width:600px}.sessions-list{max-height:300px;overflow-y:auto;margin:1rem 0}.session-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--background);border:1px solid var(--border);border-radius:.5rem;margin-bottom:.75rem;transition:background .2s}.session-item:hover{background:var(--card)}.session-info{flex:1}.session-device{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}.session-details{display:flex;flex-direction:column;gap:.25rem}.session-location,.session-time{font-size:.875rem;color:var(--muted-foreground)}.session-ip{font-size:.875rem;color:var(--muted-foreground);font-family:monospace}.session-actions{display:flex;align-items:center;gap:.75rem}.session-status{display:flex;align-items:center}.current-session{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.active-session{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.revoke-session-btn{background:#ef4444;color:#fff;border:none;border-radius:.375rem;padding:.375rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.revoke-session-btn:hover{background:#dc2626}.security-action-btn:disabled{opacity:.6;cursor:not-allowed}.security-action-btn:disabled:hover{background:linear-gradient(90deg,var(--primary) 60%,#a5b4fc 100%);transform:none}.audit-log{display:flex;flex-direction:column;gap:1rem}.audit-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--background);border:1px solid var(--border);border-radius:.75rem;transition:background .2s}.audit-item:hover{background:var(--card)}.audit-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary);color:#fff;border-radius:.5rem;flex-shrink:0}.audit-content{flex:1;min-width:0}.audit-title{font-weight:600;color:var(--foreground);margin-bottom:.25rem}.audit-details{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.25rem}.audit-time{font-size:.75rem;color:var(--muted-foreground);font-family:monospace}.audit-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;flex-shrink:0}.audit-status.success{background:#10b981;color:#fff}.audit-status.warning{background:#f59e0b;color:#fff}.audit-status.error{background:#ef4444;color:#fff}.redirect-container{display:flex;align-items:center;justify-content:center;width:100%}.redirect-box{background:#fff;padding:3rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;text-align:center;max-width:450px;width:100%;font-family:sans-serif}.redirect-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.redirect-message{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}.redirect-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.redirect-button{flex:1;padding:.75rem 1rem;border-radius:.375rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;text-align:center}.redirect-button.primary{background-color:#2563eb;color:#fff}.redirect-button.primary:hover{background-color:#1d4ed8}.redirect-button.secondary{background-color:#e5e7eb;color:#1f2937}.redirect-button.secondary:hover{background-color:#d1d5db}.back-link{color:#4b5563;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.back-link:hover{color:#1f2937}:root{--font-sans: "Inter", sans-serif}@supports (font-variation-settings: normal){:root{--font-sans: "Inter var", sans-serif}}.light{--background: hsl(0 0% 100%);--foreground: hsl(0 0% 3.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(0 0% 3.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(0 0% 3.9%);--primary: hsl(262.1 83.3% 57.8%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(0 0% 96.1%);--secondary-foreground: hsl(0 0% 9%);--muted: hsl(0 0% 96.1%);--muted-foreground: hsl(0 0% 45.1%);--accent: hsl(0 0% 96.1%);--accent-foreground: hsl(0 0% 9%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(0 0% 89.8%);--input: hsl(0 0% 89.8%);--ring: hsl(262.1 83.3% 57.8%)}.dark{--background: hsl(0 0% 3.9%);--foreground: hsl(0 0% 98%);--card: hsl(0 0% 3.9%);--card-foreground: hsl(0 0% 98%);--popover: hsl(0 0% 3.9%);--popover-foreground: hsl(0 0% 98%);--primary: hsl(262.1 83.3% 57.8%);--primary-foreground: hsl(0 0% 98%);--secondary: hsl(0 0% 14.9%);--secondary-foreground: hsl(0 0% 98%);--muted: hsl(0 0% 14.9%);--muted-foreground: hsl(0 0% 63.9%);--accent: hsl(0 0% 14.9%);--accent-foreground: hsl(0 0% 98%);--destructive: hsl(0 62.8% 30.6%);--destructive-foreground: hsl(0 0% 98%);--border: hsl(0 0% 14.9%);--input: hsl(0 0% 14.9%);--ring: hsl(262.1 83.3% 57.8%)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans),sans-serif;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;display:flex;justify-content:center;background-color:#121316}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}