@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;600;700&display=swap";:root{--electric-blue: #00d4ff;--electric-cyan: #00ffff;--electric-purple: #8b5cf6;--electric-pink: #ff00ff;--electric-yellow: #cccc00;--electric-green: #00ff00;--electric-orange: #ff4500;--electric-red: #ff0040;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-accent: #252530;--gradient-electric: linear-gradient(135deg, var(--electric-blue), var(--electric-purple));--gradient-spark: linear-gradient(45deg, var(--electric-cyan), var(--electric-pink));--gradient-lightning: linear-gradient(90deg, var(--electric-yellow), var(--electric-orange));--text-primary: #ffffff;--text-secondary: #b3b3cc;--text-accent: var(--electric-cyan);--text-muted: #666680;--glow-blue: 0 0 12px rgba(0, 212, 255, .4);--glow-cyan: 0 0 12px rgba(0, 255, 255, .4);--glow-purple: 0 0 12px rgba(139, 92, 246, .4);--glow-pink: 0 0 12px rgba(255, 0, 255, .4);--ease-electric: cubic-bezier(.25, .46, .45, .94);--ease-spark: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s}*{margin:0;padding:0;box-sizing:border-box}@keyframes electricPulse{0%,to{box-shadow:var(--glow-blue);transform:scale(1)}50%{box-shadow:var(--glow-cyan);transform:scale(1.02)}}@keyframes sparkParticle{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.2)}}@keyframes sparkBurst{0%{opacity:1;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(.3) rotate(360deg)}}@keyframes sparkTrail{0%{width:0;opacity:1}50%{width:100px;opacity:.8}to{width:200px;opacity:0}}@keyframes electricCrackle{0%,to{transform:scaleX(1) scaleY(1);opacity:0}10%{transform:scaleX(1.1) scaleY(.9);opacity:.7}20%{transform:scaleX(.9) scaleY(1.1);opacity:1}30%{transform:scaleX(1.05) scaleY(.95);opacity:.8}40%{transform:scaleX(.95) scaleY(1.05);opacity:.6}}@keyframes sparkGlow{0%,to{text-shadow:0 0 10px var(--electric-cyan)}50%{text-shadow:0 0 20px var(--electric-cyan),0 0 30px var(--electric-blue)}}@keyframes lightningFlash{0%,90%,to{opacity:1}95%{opacity:.7}}@keyframes slideInElectric{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes neonBorder{0%,to{border-color:var(--electric-blue);box-shadow:0 0 10px #00d4ff4d}25%{border-color:var(--electric-cyan);box-shadow:0 0 15px #0ff6}50%{border-color:var(--electric-purple);box-shadow:0 0 20px #8b5cf680}75%{border-color:var(--electric-pink);box-shadow:0 0 15px #f0f6}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,255,.05) 0%,transparent 50%)}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem;animation:slideInElectric .8s var(--ease-electric)}.main-form-section{background:var(--bg-secondary);border:1px solid var(--bg-accent);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 20px #0000004d}.notes-section{margin-top:3rem}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--bg-accent)}h1{font-family:Orbitron,Rajdhani,"Exo 2",monospace,system-ui;font-size:3.5rem;font-weight:900;text-align:center;margin-bottom:.5rem;letter-spacing:.1em;position:relative;color:var(--electric-cyan);-webkit-text-stroke:1px rgba(0,0,0,.8);text-shadow:0 0 5px rgba(0,255,255,.4),0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1),1px 1px 2px rgba(0,0,0,.9);animation:gentleGlow 3s ease-in-out infinite}h1:first-letter{color:var(--electric-yellow);text-shadow:0 0 8px rgba(255,255,0,.6),0 0 15px rgba(255,255,0,.4),0 0 25px rgba(255,255,0,.2),1px 1px 2px rgba(0,0,0,.9)}@keyframes gentleGlow{0%,to{text-shadow:0 0 3px rgba(0,255,255,.25),0 0 6px rgba(0,255,255,.18),0 0 10px rgba(0,255,255,.12),1px 1px 2px rgba(0,0,0,.9)}50%{text-shadow:0 0 5px rgba(0,255,255,.35),0 0 10px rgba(0,255,255,.25),0 0 15px rgba(0,255,255,.15),1px 1px 2px rgba(0,0,0,.9)}}h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 0 10px rgba(0,212,255,.3)}p{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.user-status{background:var(--gradient-spark);color:var(--bg-primary);border-radius:12px;margin-bottom:2rem;font-size:.9rem;font-weight:600;animation:electricPulse 3s infinite,slideInElectric .5s ease-out;border:1px solid var(--electric-cyan);position:relative;padding:1rem 1.5rem 1rem 2rem;display:flex;align-items:center;justify-content:space-between}.dismiss-status{background:none;border:none;color:var(--bg-primary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-electric);margin-left:1rem}.dismiss-status:hover{background:#0003;transform:scale(1.1)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.loading-state{text-align:center;padding:4rem 3rem 3rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:16px;border:1px solid var(--electric-blue);box-shadow:var(--glow-blue);min-height:120px;display:flex;align-items:center;justify-content:center}.card{background:var(--bg-secondary);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--bg-accent);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-electric);animation:lightningFlash 2s infinite}.input-group{margin-bottom:2rem}.main-form-section .input-group:last-of-type{margin-bottom:1.5rem}.main-form-section form{display:flex;flex-direction:column;gap:.5rem}.main-form-section .btn{margin-top:1.5rem;align-self:center;min-width:200px}label{display:block;margin-bottom:.5rem;color:var(--text-accent);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}input,textarea{width:100%;padding:1rem;border:2px solid var(--bg-accent);border-radius:12px;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;transition:all var(--duration-normal) var(--ease-electric)}input:focus,textarea:focus{outline:none;border-color:var(--electric-cyan);box-shadow:var(--glow-cyan);background:var(--bg-secondary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-transform:uppercase;letter-spacing:.03em;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;background:var(--gradient-electric);color:var(--bg-primary);box-shadow:var(--glow-blue)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-blue),0 4px 15px #0ff3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));color:var(--text-primary);border:1px solid var(--electric-cyan);position:relative;overflow:hidden;text-shadow:0 0 8px rgba(0,255,255,.6),1px 1px 2px rgba(0,0,0,.8);box-shadow:0 0 15px #000c;font-weight:700}.btn-secondary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease-out}.btn-secondary:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.btn-secondary:hover{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));box-shadow:0 0 25px #000,0 0 50px #00ffff4d;transform:scale(1.05);animation:shareButtonPulse 2s infinite;border-color:var(--electric-blue)}.btn-secondary:not(:hover){animation:shareButtonIdle 3s infinite}.quick-labels{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--bg-accent)}.quick-label-btn{padding:.5rem 1rem;border:1px solid var(--bg-accent);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric);height:auto;min-height:32px;max-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2;text-align:center;box-sizing:border-box}.quick-label-btn:hover{transform:translateY(-1px)}.quick-label-btn.selected{background:var(--gradient-spark);color:var(--bg-primary);border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.quick-label-btn[data-category=tech]{--category-color: var(--electric-purple)}.quick-label-btn[data-category=creative]{--category-color: var(--electric-pink)}.quick-label-btn[data-category=design]{--category-color: var(--electric-red)}.quick-label-btn[data-category=media]{--category-color: var(--electric-orange)}.quick-label-btn[data-category=content]{--category-color: var(--electric-green)}.quick-label-btn[data-category=business]{--category-color: var(--electric-yellow)}.quick-label-btn[data-category=learning]{--category-color: var(--electric-cyan)}.quick-label-btn[data-category=social]{--category-color: var(--electric-blue)}.quick-label-btn[data-category=custom]{--category-color: var(--electric-pink)}.quick-label-btn[data-category=tech]:not(.selected):hover{border-color:var(--electric-purple);color:var(--electric-purple);box-shadow:0 0 10px #8b5cf666}.quick-label-btn[data-category=creative]:not(.selected):hover{border-color:var(--electric-pink);color:var(--electric-pink);box-shadow:0 0 10px #f0f6}.quick-label-btn[data-category=design]:not(.selected):hover{border-color:var(--electric-red);color:var(--electric-red);box-shadow:0 0 10px #ff004066}.quick-label-btn[data-category=media]:not(.selected):hover{border-color:var(--electric-orange);color:var(--electric-orange);box-shadow:0 0 10px #ff450066}.quick-label-btn[data-category=content]:not(.selected):hover{border-color:var(--electric-green);color:var(--electric-green);box-shadow:0 0 10px #0f06}.quick-label-btn[data-category=business]:not(.selected):hover{border-color:var(--electric-yellow);color:var(--electric-yellow);box-shadow:0 0 10px #cc06}.quick-label-btn[data-category=learning]:not(.selected):hover{border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:0 0 10px #0ff6}.quick-label-btn[data-category=social]:not(.selected):hover{border-color:var(--electric-blue);color:var(--electric-blue);box-shadow:0 0 10px #00d4ff66}.quick-label-btn[data-category=custom]:not(.selected):hover{border-color:var(--electric-pink);color:var(--electric-pink);box-shadow:0 0 10px #f0f6}.show-more-btn{padding:.5rem 1rem;border:1px solid var(--electric-purple);border-radius:20px;background:var(--bg-tertiary);color:var(--electric-purple);font-size:.8rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.show-more-btn:hover{background:var(--electric-purple);color:var(--bg-primary);box-shadow:var(--glow-purple);transform:translateY(-1px)}.add-custom-btn{padding:.5rem 1rem;border:1px solid var(--electric-yellow);border-radius:8px;background:var(--bg-tertiary);color:var(--electric-yellow);display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;font-size:.8rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.add-custom-btn:hover{background:var(--electric-yellow);color:var(--bg-primary);box-shadow:0 0 20px #cc09;transform:translateY(-1px)}.custom-input-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.custom-label-input{padding:.4rem .8rem!important;border:2px solid var(--electric-yellow)!important;border-radius:16px!important;background:var(--bg-tertiary)!important;color:var(--text-primary)!important;font-size:.8rem!important;min-width:150px;margin:0!important}.custom-label-input:focus{border-color:var(--electric-yellow)!important;box-shadow:0 0 20px #cc06!important;background:var(--bg-secondary)!important}.custom-input-group .add-custom-btn,.custom-input-group .cancel-custom-btn{padding:.4rem .8rem;font-size:.75rem;border-radius:16px;white-space:nowrap}.cancel-custom-btn{padding:.4rem .8rem;border:1px solid var(--electric-red);border-radius:16px;background:var(--bg-tertiary);color:var(--electric-red);font-size:.75rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cancel-custom-btn:hover{background:var(--electric-red);color:var(--bg-primary);box-shadow:0 0 20px #ff004099;transform:translateY(-1px)}.selected-labels{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 2rem;padding:1rem 1.5rem;background:#00ffff08;border:1px solid var(--electric-cyan);border-radius:12px;min-height:3rem;align-items:center}.selected-label-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--gradient-electric);color:var(--bg-primary);border-radius:20px;font-size:.8rem;font-weight:600;animation:slideInElectric .3s var(--ease-spark);min-height:36px;max-height:40px;white-space:nowrap;line-height:1.2;border:2px solid var(--electric-cyan);box-shadow:0 0 10px #00ffff4d}.selected-label-tag[data-label-color="0"]{border-color:var(--electric-cyan);box-shadow:0 0 10px #00ffff4d}.selected-label-tag[data-label-color="1"]{border-color:var(--electric-purple);box-shadow:0 0 10px #8b5cf64d}.selected-label-tag[data-label-color="2"]{border-color:var(--electric-pink);box-shadow:0 0 10px #ff00ff4d}.selected-label-tag[data-label-color="3"]{border-color:var(--electric-yellow);box-shadow:0 0 10px #cccc004d}.selected-label-tag[data-label-color="4"]{border-color:var(--electric-green);box-shadow:0 0 10px #00ff004d}.selected-label-tag[data-label-color="5"]{border-color:var(--electric-orange);box-shadow:0 0 10px #ff45004d}.selected-label-tag[data-label-color="6"]{border-color:var(--electric-red);box-shadow:0 0 10px #ff00404d}.selected-label-tag[data-label-color="7"]{border-color:var(--electric-blue);box-shadow:0 0 10px #00d4ff4d}.account-btn.logged-in{background:linear-gradient(135deg,var(--electric-blue),var(--electric-purple));border:2px solid var(--electric-cyan);box-shadow:0 0 8px #00d4ff4d}.account-btn.logged-in:hover{box-shadow:0 0 12px #00d4ff80;transform:translateY(-1px)}.save-note-btn{background:linear-gradient(135deg,var(--electric-cyan),var(--electric-purple),var(--electric-pink));box-shadow:0 0 20px #00ffff80,0 0 40px #8b5cf64d;animation:save-btn-pulse 3s ease-in-out infinite}.save-note-btn:hover{box-shadow:0 0 25px #00ffffb3,0 0 50px #8b5cf680;transform:translateY(-2px) scale(1.02)}@keyframes save-btn-pulse{0%,to{box-shadow:0 0 20px #00ffff80,0 0 40px #8b5cf64d}50%{box-shadow:0 0 30px #00ffffb3,0 0 60px #8b5cf666}}.account-info{padding:1.5rem 0}.user-details{margin-bottom:1.5rem;text-align:center}.user-details h3{color:var(--electric-cyan);margin-bottom:.5rem;font-size:1.1rem}.user-email{color:var(--text-primary);font-weight:600;margin-bottom:1rem;word-break:break-all}.sync-status{color:var(--electric-green);font-size:.9rem;font-weight:500}.logged-in-actions{display:flex;justify-content:center}.logout-btn{background:linear-gradient(135deg,var(--electric-red),var(--electric-orange));color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);font-size:1rem}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff004080}.remove-label{background:none;border:none;color:var(--bg-primary);cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-label:hover{background:#fff3}.search-component{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--bg-accent);animation:neonBorder 4s infinite}.search-input-group{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--electric-cyan);font-size:1.2rem;z-index:1}.search-input{padding-left:3rem!important;background:var(--bg-tertiary);border:2px solid var(--bg-accent)}.search-input:focus{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.4rem .8rem;border:1px solid var(--bg-accent);border-radius:16px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric)}.filter-chip:hover{border-color:var(--electric-cyan);color:var(--electric-cyan)}.filter-chip.active{background:var(--gradient-spark);color:var(--bg-primary);border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.platform-badge[data-platform=Instagram]{background:linear-gradient(45deg,#e4405f,#fd5949);color:#fff}.platform-badge[data-platform=TikTok]{background:linear-gradient(45deg,#000,#ff0050);color:#fff}.platform-badge[data-platform=YouTube]{background:linear-gradient(45deg,red,#c00);color:#fff}.platform-badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,400px));gap:2rem;justify-content:start;margin-top:2rem;padding:1rem 0}.note-item{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--bg-accent);transition:all var(--duration-normal) var(--ease-electric);animation:slideInElectric .5s var(--ease-electric)}.note-item:hover{transform:translateY(-4px);box-shadow:var(--glow-blue);border-color:var(--electric-blue)}.note-thumbnail-link{text-decoration:none;color:inherit;display:block;transition:transform var(--duration-normal) var(--ease-electric)}.note-thumbnail-link:hover{transform:scale(1.02)}.note-content{padding:1.5rem}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.note-username{color:var(--electric-cyan);font-weight:600;font-size:.9rem}.note-thumbnail img{width:100%;height:200px;object-fit:cover;border-radius:12px;margin-bottom:1rem;transition:transform var(--duration-normal) var(--ease-electric)}.note-thumbnail img:hover{transform:scale(1.02)}.note-caption{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.note-text{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.note-labels{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.label-tag{padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--duration-normal) var(--ease-electric)}.label-tag[data-label-color="0"]{color:var(--electric-cyan);border:1px solid var(--electric-cyan)}.label-tag[data-label-color="1"]{color:var(--electric-purple);border:1px solid var(--electric-purple)}.label-tag[data-label-color="2"]{color:var(--electric-pink);border:1px solid var(--electric-pink)}.label-tag[data-label-color="3"]{color:var(--electric-yellow);border:1px solid var(--electric-yellow)}.label-tag[data-label-color="4"]{color:var(--electric-green);border:1px solid var(--electric-green)}.label-tag[data-label-color="5"]{color:var(--electric-orange);border:1px solid var(--electric-orange)}.label-tag[data-label-color="6"]{color:var(--electric-red);border:1px solid var(--electric-red)}.label-tag[data-label-color="7"]{color:var(--electric-blue);border:1px solid var(--electric-blue)}.label-tag:not([data-label-color]){color:var(--electric-cyan);border:1px solid var(--electric-cyan)}.note-date{color:var(--text-muted);font-size:.8rem;padding:0 1.5rem 1rem}.note-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border-top:1px solid var(--bg-accent);justify-content:flex-start;overflow-x:auto}.note-actions .btn{font-size:.75rem;padding:.4rem .8rem;flex-shrink:0;min-width:fit-content;white-space:nowrap}.skeleton-loading{padding:1.5rem;animation:electricPulse 2s infinite}.skeleton-thumbnail,.skeleton-username,.skeleton-text,.skeleton-label{background:linear-gradient(90deg,var(--bg-accent) 25%,var(--bg-tertiary) 50%,var(--bg-accent) 75%);background-size:200% 100%;animation:skeletonShimmer 2s infinite;border-radius:8px;margin-bottom:1rem}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-thumbnail{height:200px}.skeleton-username{height:20px;width:120px}.skeleton-text-long{height:16px;width:100%}.skeleton-text-medium{height:16px;width:80%}.skeleton-label{height:24px;width:80px;display:inline-block;margin-right:.5rem}.error{background:linear-gradient(135deg,var(--electric-red),#ff4444);color:#fff;padding:1rem;border-radius:12px;margin-bottom:1rem;font-weight:600;text-align:center;animation:electricPulse 1s}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2.5rem}.notes-grid{grid-template-columns:1fr}.note-actions{flex-direction:column}.search-component{padding:1rem}}.spark-container{position:relative;overflow:hidden}.spark-particle{position:absolute;width:4px;height:4px;background:var(--electric-cyan);border-radius:50%;pointer-events:none;animation:sparkParticle .8s ease-out forwards;box-shadow:0 0 8px var(--electric-cyan)}.spark-particle:nth-child(odd){background:var(--electric-yellow);box-shadow:0 0 8px var(--electric-yellow);animation-duration:1s}.spark-particle:nth-child(3n){background:var(--electric-pink);box-shadow:0 0 8px var(--electric-pink);animation-duration:.6s}.spark-burst{position:absolute;width:20px;height:20px;pointer-events:none}.spark-burst:before{content:"✨";position:absolute;font-size:16px;animation:sparkBurst .6s ease-out forwards}.spark-trail{position:absolute;height:2px;background:linear-gradient(90deg,var(--electric-cyan),transparent);pointer-events:none;animation:sparkTrail .5s ease-out forwards;top:50%;transform:translateY(-50%)}.electric-crackle{position:relative}.electric-crackle:after{content:"⚡";position:absolute;top:-5px;right:-5px;font-size:12px;animation:electricCrackle .8s ease-out;pointer-events:none}.btn.spark-on-click{position:relative}.btn:active{animation:electricCrackle .3s ease-out}.note-item:hover:after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;background:var(--electric-cyan);border-radius:50%;animation:sparkParticle 1s ease-out infinite;box-shadow:0 0 10px var(--electric-cyan)}.quick-label-btn:hover:after{content:"✨";position:absolute;top:-8px;right:-8px;font-size:10px;animation:sparkBurst .6s ease-out}.quick-label-btn[data-category=custom]{position:relative;padding-right:2rem}.quick-label-btn[data-category=custom] .remove-label{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--electric-pink);cursor:pointer;font-size:1rem;font-weight:700;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-electric)}.quick-label-btn[data-category=custom] .remove-label:hover{background:var(--electric-pink);color:var(--bg-primary);transform:translateY(-50%) scale(1.1)}h1{position:relative}h1:before{content:"";position:absolute;top:-15px;right:15%;width:6px;height:6px;background:var(--electric-yellow);border-radius:50%;animation:sparkParticle 2s ease-out infinite;animation-delay:.5s;box-shadow:0 0 12px var(--electric-yellow);z-index:10}.container h1+p:before{content:"";position:absolute;top:-30px;left:35%;width:4px;height:4px;background:var(--electric-pink);border-radius:50%;animation:sparkParticle 2.5s ease-out infinite;animation-delay:1s;box-shadow:0 0 8px var(--electric-pink)}.container p{position:relative}.loading-state:before{content:"⚡✨⚡";position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:sparkGlow 1s infinite;opacity:.7}input:focus:after,textarea:focus:after{content:"";position:absolute;top:10px;right:10px;width:6px;height:6px;background:var(--electric-cyan);border-radius:50%;animation:sparkParticle 1.5s ease-out infinite;box-shadow:0 0 8px var(--electric-cyan)}.input-group{position:relative}.search-input:focus+.search-sparks{display:block}.search-sparks{display:none;position:absolute;top:15px;right:15px;font-size:12px;animation:sparkBurst 1s ease-out infinite}@keyframes buttonSpark{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.btn:active:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--electric-cyan);border-radius:50%;animation:buttonSpark .5s ease-out}.user-status:before{content:"⚡";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);animation:sparkGlow 2s infinite;font-size:1.2rem}.donate-prompt{background:var(--gradient-lightning);color:var(--bg-primary);padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;animation:slideInElectric .5s ease-out;border:1px solid var(--electric-yellow);box-shadow:0 0 20px #ffcc004d}.donate-content{display:flex;align-items:center;gap:1rem}.donate-icon{font-size:1.5rem;animation:sparkGlow 2s infinite}.donate-text{flex:1}.donate-text strong{display:block;font-size:1rem;margin-bottom:.25rem}.donate-text p{font-size:.85rem;margin:0;opacity:.9;text-align:left}.donate-actions{display:flex;align-items:center;gap:.75rem}.donate-btn{background:var(--bg-primary);color:var(--electric-yellow);padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid var(--electric-yellow);transition:all var(--duration-normal) var(--ease-electric);display:flex;align-items:center;gap:.25rem}.donate-btn:hover{background:var(--electric-yellow);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 0 15px #fc06}.dismiss-donate{background:none;border:none;color:var(--bg-primary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-electric)}.dismiss-donate:hover{background:#0003;transform:scale(1.1)}.premium-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(0,255,255,.1);background:linear-gradient(135deg,#00d4ff08,#8b5cf608)}.footer-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.footer-text{display:flex;align-items:center;gap:1rem;font-family:Rajdhani,Orbitron,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.developer-credit{color:var(--text-secondary);font-weight:600;opacity:.5;text-shadow:0 0 2px rgba(0,255,255,.2);transition:all var(--duration-normal) var(--ease-electric);cursor:default}.developer-credit:hover{opacity:1;color:var(--electric-cyan);text-shadow:0 0 10px rgba(0,255,255,.6);transform:translateY(-2px) scale(1.05)}.spark-divider{color:var(--electric-cyan);opacity:.8;font-size:1.3rem;animation:sparkGlow 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,255,.5))}.kofi-link{color:var(--text-secondary);text-decoration:none;font-weight:600;opacity:.5;transition:all var(--duration-normal) var(--ease-electric);text-shadow:0 0 2px rgba(0,255,255,.2)}.kofi-link:hover{opacity:1;color:var(--electric-cyan);text-shadow:0 0 10px rgba(0,255,255,.6);transform:translateY(-2px) scale(1.05)}@keyframes glowPulse{0%,to{text-shadow:0 0 8px rgba(0,255,255,.6);color:var(--electric-cyan)}25%{text-shadow:0 0 12px rgba(139,92,246,.8);color:var(--electric-purple)}50%{text-shadow:0 0 15px rgba(255,0,255,.9);color:var(--electric-pink)}75%{text-shadow:0 0 12px rgba(0,212,255,.8);color:var(--electric-blue)}}.kofi-link.glow-pulse{opacity:1;animation:glowPulse 2s ease-in-out infinite;transform:scale(1.1)}@media (max-width: 768px){.footer-text{flex-direction:row;gap:.5rem;text-align:center;font-size:.9rem;white-space:nowrap;justify-content:center;align-items:center;flex-wrap:nowrap}.premium-footer{margin-top:3rem;padding:1.5rem 0}.spark-divider{font-size:1rem}.developer-credit,.kofi-link{font-size:.9rem;white-space:nowrap}}.welcome-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-normal) ease-out;padding:1rem}.welcome-modal{background:var(--bg-secondary);border-radius:20px;border:2px solid var(--electric-cyan);box-shadow:0 0 40px #00ffff4d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn var(--duration-normal) var(--ease-spark)}.welcome-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(0,255,255,.1)}.welcome-header h2{color:var(--electric-cyan);font-family:Orbitron,Rajdhani,sans-serif;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.welcome-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;font-weight:700;cursor:pointer;padding:.5rem;border-radius:50%;transition:all var(--duration-fast) var(--ease-electric)}.welcome-close:hover{background:#ff00001a;color:#f44;transform:scale(1.1)}.welcome-content{padding:1.5rem 2rem 2rem}.welcome-intro{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;font-weight:500;line-height:1.6}.welcome-intro p{margin-bottom:1rem}.welcome-intro .welcome-note{font-size:.9rem;color:var(--text-secondary);font-weight:400;opacity:.8;font-style:italic;margin-top:1.5rem}.welcome-features,.welcome-howto,.welcome-personal{margin-bottom:2rem}.welcome-features h3,.welcome-howto h3{color:var(--electric-cyan);font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:0 0 5px rgba(0,255,255,.3)}.welcome-features ul,.welcome-howto ol{list-style:none;counter-reset:step-counter;padding:0;margin:0}.welcome-features li,.welcome-howto li{padding:.75rem 0;color:var(--text-secondary);line-height:1.5;border-bottom:1px solid rgba(0,255,255,.05)}.welcome-howto li{counter-increment:step-counter;position:relative;padding-left:2rem}.welcome-howto li:before{content:counter(step-counter);position:absolute;left:0;top:.75rem;background:var(--gradient-electric);color:var(--bg-primary);width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.welcome-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(0,255,255,.1)}.personal-message{color:var(--text-primary);font-size:1rem;line-height:1.6;font-style:italic;text-align:center;margin:0;padding:1rem;background:#00ffff0d;border-radius:12px;border-left:3px solid var(--electric-cyan)}.welcome-footer p{color:var(--text-secondary);margin-bottom:1.5rem;font-style:italic}.welcome-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.welcome-kofi-btn,.welcome-start-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);display:flex;align-items:center;gap:.5rem}.welcome-kofi-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--electric-purple)}.welcome-kofi-btn:hover{background:var(--electric-purple);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 0 15px #8b5cf666}.welcome-start-btn{background:var(--gradient-electric);color:var(--bg-primary);border:1px solid var(--electric-cyan)}.welcome-start-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.welcome-modal{max-width:95vw;margin:.5rem}.welcome-header{padding:1.5rem 1.5rem 1rem}.welcome-header h2{font-size:1.5rem}.welcome-content{padding:1rem 1.5rem 1.5rem}.welcome-actions{flex-direction:column;align-items:center}.welcome-kofi-btn,.welcome-start-btn{width:100%;justify-content:center}}.label-tip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn var(--duration-normal) ease-out;padding:1rem}.label-tip{background:var(--bg-secondary);border-radius:16px;border:2px solid var(--electric-purple);box-shadow:0 0 30px #8b5cf64d;max-width:450px;width:100%;animation:scaleIn var(--duration-normal) var(--ease-spark)}.tip-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem .5rem}.tip-header h3{color:var(--electric-purple);font-size:1.3rem;font-weight:600;margin:0;text-shadow:0 0 8px rgba(139,92,246,.4)}.tip-close{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;font-weight:700;cursor:pointer;padding:.5rem;border-radius:50%;transition:all var(--duration-fast) var(--ease-electric)}.tip-close:hover{background:#ff00001a;color:#f44;transform:scale(1.1)}.tip-content{padding:1rem 1.5rem 1.5rem}.tip-content p{color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem;text-align:center}.tip-actions{display:flex;gap:1rem;justify-content:center}.tip-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);display:flex;align-items:center;gap:.5rem}.tip-btn.primary{background:var(--gradient-electric);color:var(--bg-primary);border:1px solid var(--electric-purple)}.tip-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #8b5cf680}.tip-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--bg-accent)}.tip-btn.secondary:hover{background:var(--bg-accent);color:var(--text-primary);transform:translateY(-2px)}@media (max-width: 768px){.label-tip{max-width:95vw;margin:.5rem}.tip-actions{flex-direction:column;align-items:center}.tip-btn{width:100%;justify-content:center}}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.notes-actions{display:flex;align-items:center;gap:1rem}.batch-edit-btn{background:var(--electric-purple);color:var(--bg-primary);border:1px solid var(--electric-purple);font-size:.85rem;padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.batch-edit-btn:hover{background:var(--electric-pink);border-color:var(--electric-pink);box-shadow:0 0 15px #f0f6}.batch-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.selection-count{color:var(--electric-cyan);font-weight:600;font-size:.9rem}.btn-small{font-size:.8rem;padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.btn-danger{background:#dc3545;border-color:#dc3545}.btn-danger:hover{background:#c82333;border-color:#bd2130}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-compact{font-size:.75rem;padding:.5rem 1rem;flex:1;min-width:0;white-space:nowrap;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.note-item.batch-mode{cursor:pointer;transition:all var(--duration-normal) var(--ease-electric)}.note-item.batch-mode:hover{border-color:var(--electric-cyan);transform:translateY(-2px)}.note-item.selected{border-color:var(--electric-cyan);background:#00ffff0d;box-shadow:0 0 15px #0ff3}.batch-select-overlay{position:absolute;top:1rem;right:1rem;z-index:10}.select-checkbox{font-size:1.5rem;text-shadow:0 0 10px rgba(0,255,255,.8)}.share-icon{margin-left:.5rem;font-size:.8rem;opacity:.7;transition:all var(--duration-fast) var(--ease-electric)}.share-icon:hover{opacity:1;transform:scale(1.2)}.label-tag.clickable{cursor:pointer;position:relative}.label-tag.clickable:hover{background:#dc3545;border-color:#dc3545;transform:scale(1.05)}.delete-hint{margin-left:.25rem;font-size:.7rem}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-normal) ease-out;padding:1rem}.share-modal{background:var(--bg-secondary);border-radius:20px;border:2px solid var(--electric-cyan);box-shadow:0 0 40px #00ffff4d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn var(--duration-normal) var(--ease-spark)}.share-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(0,255,255,.1)}.share-header h3{color:var(--electric-cyan);font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.share-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;font-weight:700;cursor:pointer;padding:.5rem;border-radius:50%;transition:all var(--duration-fast) var(--ease-electric)}.share-close:hover{background:#ff00001a;color:#f44;transform:scale(1.1)}.share-content{padding:1.5rem 2rem 2rem}.share-description{color:var(--text-primary);line-height:1.6;margin-bottom:2rem;text-align:center}.share-methods{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.share-method-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);display:flex;align-items:center;gap:.5rem}.share-method-btn.primary{background:var(--gradient-electric);color:var(--bg-primary)}.share-method-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}.share-method-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--electric-purple)}.share-method-btn.secondary:hover{background:var(--electric-purple);color:var(--bg-primary);transform:translateY(-2px)}.share-preview{border-top:1px solid rgba(0,255,255,.1);padding-top:1.5rem}.share-preview h4{color:var(--electric-cyan);font-size:1.1rem;margin-bottom:1rem}.preview-notes{display:flex;flex-direction:column;gap:.75rem}.preview-note{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--bg-accent)}.preview-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px}.preview-text{flex:1}.preview-platform{font-size:.8rem;color:var(--electric-purple);font-weight:600}.preview-caption{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.preview-more{text-align:center;color:var(--text-secondary);font-style:italic;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;border:1px dashed var(--bg-accent)}@media (max-width: 768px){.share-modal{max-width:95vw;margin:.5rem}.share-methods{flex-direction:column;align-items:center}.share-method-btn{width:100%;justify-content:center}.batch-controls{flex-direction:column;align-items:stretch;gap:.5rem}.notes-header{flex-direction:column;align-items:stretch;gap:1rem}}.custom-input-actions{display:flex;gap:.5rem;margin-top:.75rem}.popular-suggestions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,255,.1)}.suggestions-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.suggestion-btn{padding:.5rem 1rem;border:1px solid var(--bg-accent);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.suggestion-btn:hover{background:var(--electric-purple);color:var(--bg-primary);border-color:var(--electric-purple);transform:translateY(-2px);box-shadow:0 0 10px #8b5cf666}@media (max-width: 768px){.suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.4rem}.suggestion-btn{padding:.4rem .6rem;font-size:.75rem}}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00d4ff26;border-color:#0ff3}.note-item{position:relative}.note-item:hover{transform:translateY(-2px);transition:transform var(--duration-normal) var(--ease-electric)}.note-item:hover .note-thumbnail img{transform:scale(1.02);filter:brightness(1.1) saturate(1.1)}.btn:hover{letter-spacing:.08em}.btn:active{transform:translateY(-1px) scale(.98)}.loading-state{position:relative}.loading-state:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid transparent;border-top:2px solid var(--electric-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(0,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:ambientGlow 10s ease-in-out infinite alternate}@keyframes ambientGlow{0%{opacity:.3;filter:blur(40px)}to{opacity:.6;filter:blur(20px)}}@keyframes shareButtonPulse{0%{box-shadow:0 0 25px #0ffc,0 0 50px #00d4ff66}50%{box-shadow:0 0 35px #0ff,0 0 70px #00d4ff99}to{box-shadow:0 0 25px #0ffc,0 0 50px #00d4ff66}}@keyframes shareButtonIdle{0%{box-shadow:0 0 15px #0009}50%{box-shadow:0 0 20px #000c}to{box-shadow:0 0 15px #0009}}@keyframes sparkbaseButtonPulse{0%{box-shadow:var(--glow-pink),0 0 30px #f0f6,inset 0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #f0f,0 0 60px #f0fc,inset 0 0 30px #fff3}to{box-shadow:var(--glow-pink),0 0 30px #f0f6,inset 0 0 20px #ffffff1a}}@keyframes sparkbaseButtonIdle{0%{box-shadow:0 0 15px #ff00ff4d}50%{box-shadow:0 0 25px #ff00ff80}to{box-shadow:0 0 15px #ff00ff4d}}input:focus,textarea:focus{transform:scale(1.01);box-shadow:0 0 0 3px #00ffff1a}.search-component:hover{box-shadow:0 8px 25px #00d4ff1a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--electric-cyan),var(--electric-blue));border-radius:0;border:none;transition:all var(--duration-normal) var(--ease-electric)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--electric-blue),var(--electric-cyan));box-shadow:0 0 10px #0ff9}::-webkit-scrollbar-corner{background:var(--bg-primary)}.header-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative}.header-content{flex:1}.header-content p{margin:.5rem 0 0;font-family:Orbitron,Rajdhani,sans-serif;font-weight:600;font-size:1.2rem;color:var(--text-primary);line-height:1.4;text-shadow:0 0 5px rgba(0,255,255,.3);letter-spacing:.02em}.help-btn{background:#00d4ff99;color:var(--bg-primary);border:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;font-size:.8rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;position:sticky;top:1rem;z-index:100;opacity:.8;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.help-btn:hover{opacity:1;transform:translateY(-1px);background:#00d4ffcc}.help-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.help-modal{background:var(--bg-secondary);border:2px solid var(--electric-cyan);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--glow-cyan);animation:modalSlideUp var(--duration-slow) var(--ease-spark);position:relative}.help-modal::-webkit-scrollbar{width:8px;opacity:0;transition:opacity .3s ease}.help-modal:hover::-webkit-scrollbar{opacity:1}.help-modal::-webkit-scrollbar-track{background:transparent;border-radius:4px}.help-modal::-webkit-scrollbar-thumb{background:var(--electric-cyan);border-radius:4px;border:1px solid var(--bg-secondary)}.help-modal::-webkit-scrollbar-thumb:hover{background:var(--electric-blue);box-shadow:var(--glow-cyan)}.help-header{padding:1.5rem;border-bottom:1px solid var(--bg-accent);display:flex;justify-content:space-between;align-items:center;background:var(--gradient-electric);color:var(--bg-primary);border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.help-header h2{margin:0;font-family:Orbitron,monospace;font-weight:700}.help-close{background:none;border:none;color:var(--bg-primary);font-size:1.5rem;cursor:pointer;padding:.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--duration-fast) var(--ease-electric)}.help-close:hover{background:#fff3;transform:rotate(90deg)}.help-content{padding:1.5rem}.help-section{margin-bottom:2rem}.help-section:last-child{margin-bottom:0}.help-section h3{color:var(--electric-cyan);margin-bottom:1rem;font-family:Orbitron,monospace;font-weight:600;display:flex;align-items:center;gap:.5rem}.help-section ol,.help-section ul{margin-left:1.5rem;color:var(--text-secondary)}.help-section li{margin-bottom:.75rem;line-height:1.6}.help-section strong{color:var(--text-primary)}.feedback-buttons{display:flex;gap:1rem;margin-top:1rem}.feedback-btn{background:var(--gradient-electric);color:var(--bg-primary);text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all var(--duration-normal) var(--ease-electric);display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem}.feedback-btn.secondary{background:var(--bg-accent);color:var(--text-primary);border:1px solid var(--electric-purple)}.feedback-btn:hover{transform:translateY(-2px);box-shadow:var(--glow-blue)}.feedback-btn.secondary:hover{box-shadow:var(--glow-purple);border-color:var(--electric-purple)}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem}.help-btn{align-self:flex-end;position:relative;top:0}.help-modal{max-height:95vh;margin:.5rem}.help-content{padding:1rem}.feedback-buttons{flex-direction:column}.feedback-btn{text-align:center;justify-content:center}}.custom-labels-modal{background:var(--bg-secondary);border:2px solid var(--electric-cyan);border-radius:16px;padding:1.5rem;box-shadow:var(--glow-cyan);animation:modalSlideUp var(--duration-slow) var(--ease-spark);max-height:70vh;max-width:600px;width:90vw;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;z-index:1001;position:relative}.custom-labels-modal h4{color:var(--electric-cyan);margin-bottom:1rem;font-family:Orbitron,monospace;font-weight:600;font-size:1rem}.completed-labels-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--bg-accent)}.completed-labels-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-width:100%;overflow-x:hidden}.completed-label-tag{background:var(--gradient-electric);color:var(--bg-primary);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all var(--duration-normal) var(--ease-electric);word-break:break-word;max-width:100%;box-sizing:border-box;border:2px solid var(--electric-cyan);box-shadow:0 0 10px #00ffff4d}.completed-label-tag[data-label-color="0"]{border-color:var(--electric-cyan);box-shadow:0 0 10px #00ffff4d}.completed-label-tag[data-label-color="1"]{border-color:var(--electric-purple);box-shadow:0 0 10px #8b5cf64d}.completed-label-tag[data-label-color="2"]{border-color:var(--electric-pink);box-shadow:0 0 10px #ff00ff4d}.completed-label-tag[data-label-color="3"]{border-color:var(--electric-yellow);box-shadow:0 0 10px #cccc004d}.completed-label-tag[data-label-color="4"]{border-color:var(--electric-green);box-shadow:0 0 10px #00ff004d}.completed-label-tag[data-label-color="5"]{border-color:var(--electric-orange);box-shadow:0 0 10px #ff45004d}.completed-label-tag[data-label-color="6"]{border-color:var(--electric-red);box-shadow:0 0 10px #ff00404d}.completed-label-tag[data-label-color="7"]{border-color:var(--electric-blue);box-shadow:0 0 10px #00d4ff4d}.completed-label-tag:hover{transform:translateY(-1px);box-shadow:var(--glow-blue)}.completed-label-tag .remove-label{background:#fff3;border:none;color:var(--bg-primary);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all var(--duration-fast) var(--ease-electric)}.completed-label-tag .remove-label:hover{background:#fff6;transform:rotate(90deg)}.no-labels-message{color:var(--text-muted);font-style:italic;text-align:center;padding:2rem;border:2px dashed var(--bg-accent);border-radius:8px}.custom-input-section{margin-bottom:2rem}.custom-input-section .custom-input-group{background:var(--bg-primary);border:1px solid var(--bg-accent);border-radius:12px;padding:1rem}.custom-input-section .custom-label-input{width:100%;background:var(--bg-secondary);border:1px solid var(--electric-purple);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.9rem;margin-bottom:1rem}.custom-input-section .custom-label-input:focus{outline:none;border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.custom-input-section .custom-input-actions{display:flex;gap:.75rem;justify-content:flex-end}.custom-input-section .add-custom-btn,.custom-input-section .cancel-custom-btn{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric)}.custom-input-section .add-custom-btn{background:var(--gradient-electric);color:var(--bg-primary);border:none}.custom-input-section .add-custom-btn:disabled{opacity:.5;cursor:not-allowed}.custom-input-section .add-custom-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--glow-blue)}.custom-input-section .cancel-custom-btn{background:var(--bg-accent);color:var(--text-primary);border:1px solid var(--electric-purple)}.custom-input-section .cancel-custom-btn:hover{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan);background:linear-gradient(135deg,var(--electric-cyan),var(--electric-purple));transform:scale(1.05);animation:glow-pulse 1.5s ease-in-out infinite alternate}@keyframes glow-pulse{0%{box-shadow:0 0 20px #0ff9}to{box-shadow:0 0 30px #00ffffe6,0 0 40px #8b5cf680}}.done-btn{background:linear-gradient(135deg,var(--electric-cyan),var(--electric-blue))!important;color:var(--bg-primary)!important;border:2px solid var(--electric-cyan)!important;box-shadow:0 0 15px #00ffff80,0 0 25px #00d4ff33!important;animation:done-btn-glow 3s ease-in-out infinite alternate;font-weight:700!important;text-transform:uppercase;letter-spacing:.1em;border-radius:12px!important;padding:.75rem 1.5rem!important;font-size:.9rem!important}.done-btn:hover{background:linear-gradient(135deg,var(--electric-blue),var(--electric-purple))!important;box-shadow:0 0 30px #00ffffe6,0 0 60px #00d4ff80!important;transform:scale(1.05) translateY(-2px)}@keyframes done-btn-glow{0%{box-shadow:0 0 15px #00ffff80,0 0 25px #00d4ff33}to{box-shadow:0 0 20px #00ffffb3,0 0 35px #00d4ff4d}}.suggestions-section{border-top:1px solid var(--bg-accent);padding-top:1.5rem}.suggestions-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem;font-style:italic}.suggestions-section .suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;width:100%;box-sizing:border-box}.suggestions-section .suggestion-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--bg-accent);padding:.5rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-align:center}.suggestions-section .suggestion-btn:hover{background:var(--electric-purple);color:var(--bg-primary);border-color:var(--electric-purple);transform:translateY(-1px);box-shadow:var(--glow-purple)}@media (max-width: 768px){.custom-labels-modal{max-height:80vh;max-width:calc(100vw - 2rem);padding:1rem;margin:0 1rem}.completed-labels-grid{gap:.4rem}.completed-label-tag{font-size:.8rem;padding:.4rem .6rem;flex-shrink:1;min-width:0}.suggestions-section .suggestions-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.4rem;max-height:150px}.suggestions-section .suggestion-btn{padding:.4rem .6rem;font-size:.75rem;word-break:break-word}.custom-input-section .custom-input-actions{flex-direction:column}}.sparkbase-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem;background:var(--bg-tertiary);border:2px solid var(--electric-pink);border-radius:12px;box-shadow:var(--glow-pink)}.sparkbase-controls .selection-count{color:var(--electric-pink);font-weight:600;font-size:.9rem}.note-item.sparkbase-mode{cursor:pointer;border:2px solid transparent;transition:all var(--duration-normal) var(--ease-electric)}.note-item.sparkbase-mode:hover{border-color:var(--electric-pink);box-shadow:var(--glow-pink);transform:translateY(-4px)}.note-item.sparkbase-selected{border-color:var(--electric-pink);box-shadow:var(--glow-pink);background:#ff00ff0d}.sparkbase-select-overlay{position:absolute;top:.5rem;left:.5rem;z-index:10;background:#000c;border-radius:8px;padding:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sparkbase-select-overlay .select-checkbox{font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ff00ff1a;border:1px solid var(--electric-pink);transition:all var(--duration-fast) var(--ease-electric)}.sparkbase-select-overlay .select-checkbox:hover{background:#f0f3;transform:scale(1.1)}.notes-action-buttons{display:flex;gap:1rem;align-items:center}.notes-action-buttons .sparkbase-btn{background:var(--gradient-spark);color:var(--bg-primary);border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;position:relative;overflow:hidden}.notes-action-buttons .sparkbase-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease-out}.notes-action-buttons .sparkbase-btn:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.notes-action-buttons .sparkbase-btn:hover{transform:translateY(-2px);box-shadow:var(--glow-pink),0 0 30px #f0f6,inset 0 0 20px #ffffff1a;animation:sparkbaseButtonPulse 2s infinite}.notes-action-buttons .sparkbase-btn:not(:hover){animation:sparkbaseButtonIdle 3s infinite}.notes-action-buttons .sparkbase-btn:active{transform:translateY(-1px) scale(.98);box-shadow:0 0 40px #f0fc,inset 0 0 30px #fff3}@media (max-width: 768px){.notes-action-buttons{flex-direction:column;gap:.75rem;width:100%}.notes-action-buttons .btn{width:100%;font-size:.8rem;padding:.6rem 1rem}.help-btn{font-size:.75rem;padding:.4rem .6rem;position:relative;top:0}.sparkbase-controls{flex-direction:column;gap:.75rem;padding:.75rem}.sparkbase-controls .selection-count{text-align:center}}.enhanced-share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.enhanced-share-modal{background:var(--bg-secondary);border:2px solid var(--electric-cyan);border-radius:16px;box-shadow:0 0 40px #00ffff4d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s var(--ease-electric)}.enhanced-share-header{position:relative;padding:1.5rem;border-bottom:1px solid var(--electric-cyan);background:linear-gradient(135deg,var(--electric-blue),var(--electric-cyan));color:var(--bg-primary);border-radius:14px 14px 0 0}.enhanced-share-header h3{margin:0;padding-right:3rem;font-family:Orbitron,monospace;font-weight:700;font-size:1.4rem;text-shadow:0 0 10px rgba(255,255,255,.5)}.enhanced-share-content{padding:2rem}.share-preview{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--electric-purple);margin-bottom:2rem}.preview-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--electric-cyan)}.preview-text{flex:1;display:flex;align-items:center}.preview-text p{color:var(--text-primary);font-style:italic;margin:0;line-height:1.4}.share-options{margin-bottom:2rem}.share-options h4{color:var(--electric-cyan);margin-bottom:1rem;font-family:Orbitron,monospace;font-weight:600}.share-option-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-align:left;margin-bottom:1rem;width:100%}.share-option-btn:hover{border-color:var(--electric-purple);box-shadow:var(--glow-purple);transform:translateY(-2px)}.sparkbase-option{background:linear-gradient(135deg,var(--electric-pink),var(--electric-purple));color:var(--text-primary);border-color:var(--electric-pink)}.sparkbase-option:hover{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.direct-option{background:var(--bg-tertiary);border-color:var(--bg-accent)}.direct-option:hover{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.share-type-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-align:left}.share-type-btn.featured{background:linear-gradient(135deg,var(--electric-pink),var(--electric-purple));color:var(--text-primary);border-color:var(--electric-pink);position:relative;overflow:hidden}.share-type-btn.featured:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease-out}.share-type-btn.featured:hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.share-type-btn:hover{border-color:var(--electric-purple);box-shadow:var(--glow-purple);transform:translateY(-2px)}.share-type-btn.selected{border-color:var(--electric-cyan);background:#00ffff1a;box-shadow:var(--glow-cyan)}.option-icon{font-size:2rem;min-width:60px;text-align:center}.option-content{flex:1}.option-title{color:var(--text-primary);font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.option-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.3}.branded-photo-selection{margin-bottom:2rem}.branded-photo-selection h4{color:var(--electric-cyan);margin-bottom:1rem;font-family:Orbitron,monospace;font-weight:600}.brand-photo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.brand-photo-btn{background:none;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);padding:0}.brand-photo-btn:hover{border-color:var(--electric-purple);transform:translateY(-2px)}.brand-photo-btn.selected{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.brand-photo{height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;pointer-events:none}.photo-label{pointer-events:none}.electric-gradient{background:linear-gradient(135deg,var(--electric-blue),var(--electric-cyan))}.neon-gradient{background:linear-gradient(135deg,var(--electric-purple),var(--electric-pink))}.cosmic-gradient{background:linear-gradient(135deg,var(--electric-yellow),var(--electric-orange))}.photo-label{color:var(--bg-primary);font-weight:600;font-size:.9rem;text-shadow:0 0 5px rgba(0,0,0,.5);z-index:1}.share-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.share-final-btn{background:var(--gradient-electric);color:var(--bg-primary);border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);position:relative;overflow:hidden;min-width:200px}.share-final-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 30px #0ff9;animation:shareButtonPulse 2s infinite}.share-final-btn:disabled{opacity:.5;cursor:not-allowed}.share-final-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease-out}.share-final-btn:not(:disabled):hover:before{transform:translate(100%) translateY(100%) rotate(45deg)}.share-direct-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-accent);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);min-width:160px}.share-direct-btn:hover{border-color:var(--electric-cyan);color:var(--electric-cyan);transform:translateY(-1px);box-shadow:0 0 10px #0ff3}.style-preview{margin-top:1rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--bg-accent)}.style-preview-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:0;text-align:center;line-height:1.4}@media (max-width: 768px){.enhanced-share-modal{margin:1rem;max-height:95vh}.enhanced-share-content{padding:1.5rem}.share-preview{flex-direction:column;align-items:center;text-align:center}.brand-photo-options{grid-template-columns:1fr;gap:.75rem}.brand-photo{height:80px}.share-type-options{gap:.75rem}}.signup-modal{max-width:450px;width:90%}.signup-intro{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary)}.signup-intro p{margin:.5rem 0;font-size:.95rem;line-height:1.4}.anonymous-warning{background:#ffc1071a;border:1px solid #ffc107;border-radius:8px;padding:.75rem;margin-top:1rem}.anonymous-warning p{color:#ffc107;margin:0;font-size:.85rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{padding:.75rem;border:2px solid var(--bg-accent);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.95rem;transition:all var(--duration-normal) var(--ease-electric)}.form-group input:focus{outline:none;border-color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.signup-options{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-accent);border-radius:8px;border:1px solid var(--electric-purple)}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.4}.checkbox-label input[type=checkbox]{margin:0;margin-top:.1rem;width:16px;height:16px;accent-color:var(--electric-cyan);cursor:pointer}.checkbox-text{color:var(--text-secondary);flex:1}.signup-actions{display:flex;justify-content:center;margin-top:.5rem}.create-account-btn{background:var(--gradient-electric);border:none;color:var(--bg-primary);padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);box-shadow:var(--glow-blue);text-transform:uppercase;letter-spacing:.5px;min-width:180px}.create-account-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-blue),0 8px 25px #0ff6}.create-account-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-privacy{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--electric-purple)}.signup-privacy p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.3}.error-message{background:#ff52521a;border:1px solid #ff5252;color:#ff5252;padding:.75rem;border-radius:6px;font-size:.9rem;text-align:center}@media (max-width: 768px){.signup-modal{max-width:95%;margin:1rem}.form-group input{font-size:16px}.checkbox-label{font-size:.85rem}.create-account-btn{padding:.75rem 1.5rem;font-size:.9rem;min-width:160px}}.header-buttons{display:flex;gap:.5rem;align-items:center}.account-btn{background:var(--bg-accent);border:2px solid var(--electric-purple);color:var(--text-primary);padding:.5rem;border-radius:50%;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric)}.account-btn:hover{transform:translateY(-1px);background:var(--electric-purple);box-shadow:var(--glow-purple)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-normal) ease-out;padding:1rem}.modal{background:var(--bg-secondary);border-radius:20px;border:2px solid var(--electric-cyan);box-shadow:0 0 40px #00ffff4d;position:relative;max-height:90vh;overflow-y:auto;animation:slideInElectric var(--duration-normal) ease-out}.modal-close{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,var(--electric-red),var(--electric-orange));border:2px solid var(--electric-red);border-radius:50%;width:44px;height:44px;color:var(--text-primary);font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ff004066,0 0 30px #ff004033;transition:all var(--duration-normal) var(--ease-electric);z-index:10}.modal-close:hover:not(:disabled){background:linear-gradient(135deg,var(--electric-red),var(--electric-pink));border-color:var(--electric-pink);transform:scale(1.15);box-shadow:0 0 25px #ff0040b3,0 0 40px #ff00ff4d}.modal-close:disabled{opacity:.4;cursor:not-allowed}.modal-header{position:relative;margin-bottom:1.5rem}.modal-header-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.modal-nav-buttons{display:flex;gap:.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--electric-purple)}.modal-nav-btn{padding:.5rem 1.5rem;border:none;background:var(--bg-accent);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);font-size:.9rem;font-weight:600;min-width:80px}.modal-nav-btn:hover:not(:disabled){background:var(--electric-purple);color:var(--text-primary)}.modal-nav-btn.active{background:var(--electric-cyan);color:var(--bg-primary);box-shadow:inset 0 0 10px #00ffff4d}.modal-nav-btn:disabled{opacity:.6;cursor:not-allowed}.account-modal{max-width:520px;width:95%;padding:2rem}.account-intro{text-align:center;margin-bottom:2rem;color:var(--text-secondary);padding:0 1rem}.account-intro p{margin:.75rem 0;font-size:1rem;line-height:1.5}.account-form{display:flex;flex-direction:column;gap:1.5rem}.account-actions{display:flex;justify-content:center;margin-top:.5rem}.account-btn-submit{background:var(--gradient-electric);border:none;color:var(--bg-primary);padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);box-shadow:var(--glow-blue);text-transform:uppercase;letter-spacing:.5px;min-width:180px}.account-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-blue),0 8px 25px #0ff6}.account-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-toggle{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--electric-purple)}.toggle-mode-btn{background:none;border:none;color:var(--electric-cyan);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color var(--duration-normal)}.toggle-mode-btn:hover:not(:disabled){color:var(--electric-blue)}.toggle-mode-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.header-buttons{flex-direction:column;gap:.25rem}.account-btn{width:35px;height:35px;font-size:1rem}.account-modal{max-width:95%;margin:1rem;padding:1.5rem}.account-btn-submit{padding:.75rem 1.5rem;font-size:.9rem;min-width:160px}}.import-modal{max-width:480px;width:95%;padding:2rem}.import-preview{display:flex;flex-direction:column;gap:2rem;text-align:center}.import-info{padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--electric-cyan)}.import-count{font-size:1.2rem;color:var(--electric-cyan);margin:0 0 .5rem}.import-title{font-size:1rem;color:var(--text-secondary);margin:0;font-style:italic}.import-actions{display:flex;flex-direction:column;gap:1rem}.import-btn{background:var(--gradient-electric);color:var(--bg-primary);padding:1rem 2rem;font-size:1.1rem;font-weight:700}@media (max-width: 768px){.import-modal{margin:1rem;padding:1.5rem}}.auth-method-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;border-radius:8px;overflow:hidden;border:1px solid var(--electric-purple)}.auth-method-btn{flex:1;padding:.75rem 1rem;border:none;background:var(--bg-accent);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);font-size:.9rem;font-weight:600}.auth-method-btn:hover:not(:disabled){background:var(--electric-purple);color:var(--text-primary)}.auth-method-btn.active{background:var(--electric-cyan);color:var(--bg-primary)}.auth-method-btn:disabled{opacity:.6;cursor:not-allowed}.helper-text{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;text-align:center}.share-options{display:flex;flex-direction:column;gap:1rem}.share-options h4{margin:0 0 1rem;text-align:center;color:var(--text-primary)}.spark-share-btn,.direct-share-btn{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--electric-purple);border-radius:12px;background:var(--bg-accent);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);text-align:left}.spark-share-btn:hover,.direct-share-btn:hover{background:var(--electric-purple);transform:translateY(-2px);box-shadow:var(--glow-purple)}.spark-share-btn{border-color:var(--electric-cyan)}.spark-share-btn:hover{background:var(--electric-cyan);color:var(--bg-primary);box-shadow:var(--glow-cyan)}.share-option-icon{font-size:2rem;min-width:50px;display:flex;align-items:center;justify-content:center}.share-option-content{flex:1}.share-option-title{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.share-option-desc{font-size:.85rem;opacity:.8;line-height:1.3}.love-app-section{background:var(--bg-secondary);border:1px solid var(--electric-purple);border-radius:16px;margin:2rem auto;max-width:600px;animation:neonBorder 4s infinite}.love-app-content{padding:2rem;text-align:center}.love-app-content h3{margin:0 0 .5rem;color:var(--electric-cyan);font-size:1.5rem;text-shadow:var(--glow-cyan)}.love-app-content p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:1rem;line-height:1.4}.share-app-btn{background:var(--gradient-electric);border:none;color:var(--bg-primary);padding:.875rem 2rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--duration-normal) var(--ease-electric);box-shadow:var(--glow-blue);text-transform:uppercase;letter-spacing:.5px}.share-app-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--glow-blue),0 10px 30px #00ffff80}@media (max-width: 768px){.love-app-section{margin:1.5rem 1rem}.love-app-content{padding:1.5rem}.love-app-content h3{font-size:1.3rem}.share-app-btn{padding:.75rem 1.5rem;font-size:.9rem}}.search-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.search-input-group{flex:1}.search-actions{display:flex;gap:.5rem;align-items:center}.filter-toggle,.refresh-btn{width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;padding:0!important;border:2px solid var(--electric-purple)!important;background:var(--bg-accent)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:all var(--duration-normal) var(--ease-electric)!important}.filter-toggle:hover,.refresh-btn:hover:not(:disabled){background:var(--electric-purple)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #8b45ff4d!important}.filter-toggle.active{background:var(--electric-cyan)!important;border-color:var(--electric-cyan)!important;color:var(--bg-primary)!important}