@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-accent:#06b6d4;--primary-accent-dark:#0891b2;--primary-accent-light:#22d3ee;--accent-glow:#06b6d459;--accent-glow-strong:#06b6d48c;--blob-1-color:#3b82f6;--blob-2-color:#06b6d4;--blob-3-color:#8b5cf6;--font:"Poppins", "Inter", system-ui, -apple-system, sans-serif;--heading-weight:700;--normal-weight:400;--transition-smooth:all .4s cubic-bezier(.34, 1.56, .64, 1);--transition-soft:all .3s ease;--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}.dark-mode{--bg-dark:#080b12;--bg-elevated:#ffffff08;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-shine:#ffffff0f;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-muted-light:#64748b;--panel-shadow:0 20px 60px 0 #0009;--input-bg:#0000004d;--scrollbar-track:#ffffff05;--scrollbar-thumb:#ffffff1a}.light-mode{--bg-dark:#f0f4f8;--bg-elevated:#00000005;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-border-hover:#00000026;--glass-shine:#0000000a;--text-main:#0f172a;--text-muted:#475569;--text-muted-light:#94a3b8;--panel-shadow:0 20px 60px 0 #00000014;--input-bg:#0000000d;--scrollbar-track:#00000005;--scrollbar-thumb:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-weight:var(--normal-weight);background:var(--bg-dark);color:var(--text-main);transition:var(--transition-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);transition:var(--transition-soft);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}.app-container{background-color:var(--bg-dark);min-height:100dvh;color:var(--text-main);transition:var(--transition-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.liquid-blob{filter:blur(140px);z-index:0;opacity:.3;pointer-events:none;transition:var(--transition-smooth);border-radius:50%;animation:20s ease-in-out infinite alternate blobFloat;position:absolute}.blob-1{background:var(--blob-1-color);width:600px;height:600px;animation-delay:0s;top:-200px;left:-150px}.blob-2{background:var(--blob-2-color);width:600px;height:600px;animation-delay:-8s;bottom:-200px;right:-150px}.blob-3{background:var(--blob-3-color);opacity:.1;width:800px;height:800px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}to{transform:translate(10px,-20px)scale(1.05)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--panel-shadow);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--glass-border-hover)}.navbar{box-sizing:border-box;z-index:10;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.2);border-top:none;border-bottom:1px solid var(--glass-border);border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;width:100%;padding:1rem 2.5rem;display:flex;position:relative}.nav-brand{font-weight:var(--heading-weight);letter-spacing:-.03em;color:var(--text-main);align-items:center;gap:.75rem;font-size:1.25rem;text-decoration:none;display:flex}.brand-icon{color:var(--primary-accent);filter:drop-shadow(0 0 20px var(--accent-glow));font-size:1.5rem;animation:3s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow))}50%{filter:drop-shadow(0 0 40px var(--accent-glow-strong))}}.nav-right-cluster{align-items:center;gap:1rem;display:flex}.welcome-badge{color:var(--text-main);background:color-mix(in srgb, var(--primary-accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--primary-accent) 30%, transparent);transition:var(--transition-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:500}.welcome-badge:hover{background:color-mix(in srgb, var(--primary-accent) 25%, transparent);border-color:var(--primary-accent);transform:scale(1.02)}.settings-trigger-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;font-size:.85rem;font-weight:var(--normal-weight);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font);border-radius:100px;align-items:center;gap:.6rem;padding:.5rem 1.2rem;display:flex}.settings-trigger-btn:hover{border-color:var(--primary-accent);background:color-mix(in srgb, var(--primary-accent) 10%, transparent);transform:translateY(-2px);box-shadow:0 8px 30px #06b6d426}.settings-trigger-btn svg{transition:var(--transition-soft)}.settings-trigger-btn:hover svg{transform:rotate(90deg)}.categories-wrapper{z-index:5;justify-content:center;padding:1.5rem 1rem .5rem;display:flex;position:relative}.liquid-nav-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--glass-border);box-shadow:var(--panel-shadow);border-radius:100px;gap:.5rem;padding:.5rem;display:flex;position:relative}.nav-tab-btn{color:var(--text-muted);cursor:pointer;z-index:2;transition:var(--transition-smooth);white-space:nowrap;font-size:.85rem;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:100px;padding:.7rem 1.6rem;position:relative}.nav-tab-btn:hover{color:var(--text-main);transform:translateY(-1px)}.nav-tab-btn.active{color:#fff}.tab-content{z-index:2;align-items:center;gap:.5rem;display:flex;position:relative}.tab-content svg{transition:var(--transition-soft);font-size:1rem}.nav-tab-btn.active .tab-content svg{filter:drop-shadow(0 0 8px #ffffff4d)}.sliding-glass-pill{background:linear-gradient(145deg, var(--primary-accent), var(--primary-accent-dark));z-index:1;box-shadow:0 0 30px var(--accent-glow), inset 0 1px 1px #ffffff4d, 0 4px 15px #06b6d44d;border-radius:100px;position:absolute;inset:.5rem}.main-content{z-index:1;flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex;position:relative}.mac-window{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);width:100%;max-width:680px;height:auto;min-height:360px;box-shadow:var(--panel-shadow), 0 0 80px #06b6d40d;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.mac-window:hover{border-color:var(--glass-border-hover);box-shadow:var(--panel-shadow), 0 0 100px #06b6d414;transform:translateY(-4px)}.mac-titlebar{background:var(--bg-elevated);border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex}.mac-dots{gap:.5rem;width:70px;display:flex}.mac-dot{width:13px;height:13px;transition:var(--transition-soft);cursor:pointer;border-radius:50%;display:inline-block;position:relative}.mac-dot:hover{transform:scale(1.15)}.mac-dot.red{background:#ff5f56}.mac-dot.red:hover:after{content:"✕";color:#0000004d;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;inset:0}.mac-dot.yellow{background:#ffbd2e}.mac-dot.yellow:hover:after{content:"−";color:#0000004d;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.mac-dot.green{background:#27c93f}.mac-dot.green:hover:after{content:"⤢";color:#0000004d;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;inset:0;transform:rotate(45deg)}.mac-title{color:var(--text-muted);letter-spacing:.01em;opacity:.7;font-size:.8rem;font-weight:500}.mac-spacer{width:70px}.mac-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 2rem;display:flex}.mac-body h1{font-size:2.2rem;font-weight:var(--heading-weight);letter-spacing:-.03em;background:linear-gradient(145deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.mac-body p{color:var(--text-muted);max-width:500px;margin:0;line-height:1.7}.modal-backdrop{z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.backdrop-blur-overlay{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#0009;animation:.3s fadeIn;position:absolute;inset:0}@media (prefers-color-scheme:dark){:root{--glass-bg:#121218bf;--glass-border:#ffffff1a}}.glass-modal{z-index:1001;box-sizing:border-box;-webkit-backdrop-filter:blur(24px)saturate(1.6);width:90%;max-width:420px;max-height:90vh;box-shadow:var(--panel-shadow), 0 0 100px #0009;background:#0f0f14eb;border:1px solid #ffffff26;border-radius:28px;padding:2rem 1.75rem;animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto}.glass-modal input,.glass-modal label,.glass-modal p{color:var(--text-main)}.glass-modal{background:var(--glass-bg);color:var(--text-main)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-modal h2{font-size:1.5rem;font-weight:var(--heading-weight);letter-spacing:-.02em;margin:0 0 .3rem}.modal-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.close-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:1.2rem;right:1.2rem}.close-btn:hover{border-color:var(--primary-accent);color:var(--text-main);background:color-mix(in srgb, var(--primary-accent) 10%, transparent);transform:rotate(90deg)scale(1.05)}.settings-section{text-align:left;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.settings-section label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.theme-picker-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.color-box{border:2px solid var(--glass-border);cursor:pointer;transition:var(--transition-smooth);font-size:.8rem;font-weight:600;font-family:var(--font);border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem .5rem;display:flex;position:relative;overflow:hidden}.color-box:before{content:"";opacity:.15;transition:var(--transition-soft);background:currentColor;position:absolute;inset:0}.color-box:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #00000026}.color-box:active{transform:scale(.96)}.color-box.selected-theme{border-color:#fff;transform:scale(1.02);box-shadow:0 0 20px #ffffff26,inset 0 0 20px #ffffff0d}.color-box.selected-theme:after{content:"✓";margin-left:4px;font-size:.9rem}.mode-toggle-btn,.auth-action-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);font-size:.85rem;font-weight:500;font-family:var(--font);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.2rem;display:flex}.mode-toggle-btn:hover,.auth-action-btn:hover{background:var(--bg-elevated);border-color:var(--glass-border-hover);transform:translateY(-2px)}.auth-action-btn:active{transform:scale(.96)}.logout-btn{color:#f43f5e;border-color:#f43f5e40}.logout-btn:hover{background:#f43f5e1a;border-color:#f43f5e;box-shadow:0 8px 30px #f43f5e26}.login-btn-action{color:var(--primary-accent);border-color:color-mix(in srgb, var(--primary-accent) 30%, transparent)}.login-btn-action:hover{background:color-mix(in srgb, var(--primary-accent) 10%, transparent);border-color:var(--primary-accent);box-shadow:0 8px 30px #06b6d426}.liquid-form{flex-direction:column;gap:1.2rem;display:flex}.input-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:600}.input-group input{background:var(--input-bg);border:1.5px solid var(--glass-border);color:var(--text-main);transition:var(--transition-smooth);font-size:.95rem;font-family:var(--font);border-radius:14px;outline:none;flex-shrink:0;width:100%;height:48px;padding:.75rem 1rem}.input-group input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 4px var(--accent-glow);background:var(--glass-bg)}.input-group input::placeholder{color:var(--text-muted-light);opacity:.6}.input-group input:hover{border-color:var(--glass-border-hover)}.liquid-submit-btn{background:linear-gradient(145deg, var(--primary-accent), var(--primary-accent-dark));color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 25px var(--accent-glow);font-size:.95rem;font-weight:600;font-family:var(--font);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;display:inline-flex;position:relative;overflow:hidden}.liquid-submit-btn:before{content:"";opacity:0;transition:var(--transition-soft);background:linear-gradient(145deg,#ffffff26,#0000);position:absolute;inset:0}.liquid-submit-btn:hover{box-shadow:0 8px 40px var(--accent-glow-strong);transform:translateY(-2px)}.liquid-submit-btn:hover:before{opacity:1}.liquid-submit-btn:active{transform:scale(.96)}.liquid-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.feedback-message-container{justify-content:center;align-items:center;max-width:100%;height:auto;min-height:32px;margin:0 auto;padding:.25rem 0;display:flex;overflow:hidden}.feedback-message-container p{white-space:normal;word-wrap:break-word;margin:0;font-size:.9rem;animation:.3s fadeIn}.category-view-content{width:100%;max-width:520px;margin:0 auto}.category-view-content h2{font-size:1.8rem;font-weight:var(--heading-weight);letter-spacing:-.02em;margin-bottom:.3rem}.category-view-content>p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.button-group-horizontal{flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%;margin:.5rem 0;display:flex}.button-group-horizontal .liquid-submit-btn{flex:1;min-width:140px;margin-top:0;padding:.85rem 1.5rem}.level-editor-section{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;transition:var(--transition-smooth);border-radius:16px;padding:1.5rem}.level-editor-section:hover{border-color:var(--glass-border-hover)}.input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.input-description{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem}.level-input-group{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.3rem;display:flex}.level-label{color:var(--text-main);min-width:60px;font-size:.9rem;font-weight:500}.level-controls{flex:1;align-items:center;gap:.75rem;display:flex}.level-slider{appearance:none;background:color-mix(in srgb, var(--primary-accent) 30%, var(--glass-border));height:4px;transition:var(--transition-soft);border-radius:4px;outline:none;flex:1;min-width:80px}.level-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(145deg, var(--primary-accent), var(--primary-accent-dark));cursor:pointer;width:18px;height:18px;box-shadow:0 0 20px var(--accent-glow);transition:var(--transition-soft);border:2px solid #fff3;border-radius:50%}.level-slider::-webkit-slider-thumb:hover{box-shadow:0 0 30px var(--accent-glow-strong);transform:scale(1.1)}.level-slider::-moz-range-thumb{background:linear-gradient(145deg, var(--primary-accent), var(--primary-accent-dark));cursor:pointer;width:18px;height:18px;box-shadow:0 0 20px var(--accent-glow);border:2px solid #fff3;border-radius:50%}.level-value{min-width:32px;color:var(--text-main);text-align:center;font-size:1rem;font-weight:600}.level-range-labels{color:var(--text-muted-light);justify-content:space-between;padding:0 2px;font-size:.65rem;display:flex}.apply-btn{width:100%;margin-top:1rem;padding:.6rem 2rem}.edit-section{text-align:left;margin-bottom:1.25rem}.input-with-button{align-items:center;gap:.6rem;display:flex}.edit-input{background:var(--input-bg);border:1.5px solid var(--glass-border);color:var(--text-main);transition:var(--transition-smooth);font-size:.95rem;font-family:var(--font);border-radius:14px;outline:none;flex:1;width:100%;height:46px;padding:.75rem 1rem}.edit-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 4px var(--accent-glow)}.edit-input:hover{border-color:var(--glass-border-hover)}.small-btn{flex-shrink:0;justify-content:center;align-items:center;min-width:80px;height:46px;margin-top:0;padding:.6rem 1.5rem;display:flex}.notification-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:100%;max-width:400px;display:flex;position:fixed;bottom:20px;right:20px}.notification-wrapper{pointer-events:auto;width:100%;overflow:hidden}.notification-wrapper.entering{animation:.3s ease-out forwards slideInRight}.notification-wrapper.exiting{animation:.4s ease-in forwards slideOutRight}.notification{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px)saturate(1.6);border:1px solid var(--glass-border);border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 80px #0006,0 0 60px #06b6d40d}.notification.success{border-left:4px solid #4caf50}.notification.error{border-left:4px solid #ff5f56}.notification-content{color:var(--text-main);align-items:center;gap:.8rem;padding:18px 22px;display:flex}.notification-text{flex:1;font-size:.95rem;font-weight:500;line-height:1.4;color:var(--text-main)!important}.notification-progress-bar{background:#ffffff0d;border-radius:0 0 20px 20px;height:3px;overflow:hidden}.notification-progress{height:100%;transition:width 50ms linear}.notification-progress.success{background:linear-gradient(90deg, var(--primary-accent), var(--primary-accent-light))}.notification-progress.error{background:linear-gradient(90deg,#ff5f56,#ff8a80)}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@media (width<=768px){.notification-container{width:calc(100% - 40px);max-width:100%;bottom:20px;right:20px}}.interactive-card{flex-direction:column;width:100%;display:flex}@media (width<=768px){.navbar{flex-wrap:wrap;gap:.8rem;padding:.8rem 1.2rem}.nav-right-cluster{flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.welcome-badge{padding:.3rem .8rem;font-size:.75rem}.settings-trigger-btn{font-size:.75rem;font-family:var(--font);padding:.4rem .8rem}.liquid-nav-container{-webkit-overflow-scrolling:touch;border-radius:50px;flex-wrap:nowrap;gap:.3rem;max-width:100%;padding:.3rem;overflow-x:auto}.nav-tab-btn{white-space:nowrap;padding:.5rem 1rem;font-size:.75rem}.main-content{padding:1rem}.mac-window{border-radius:16px}.mac-body{padding:1.5rem}.mac-body h1{font-size:1.6rem}.glass-modal{border-radius:20px;width:95%;padding:1.5rem 1rem}.theme-picker-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.button-group-horizontal{flex-direction:column}.button-group-horizontal .liquid-submit-btn{min-width:100%}.level-input-group{flex-direction:column;align-items:stretch;gap:.5rem}.level-controls{flex-wrap:wrap}.input-with-button{flex-direction:column}.small-btn{width:100%}.notification-container{width:calc(100% - 40px);max-width:100%;bottom:20px;right:20px}.categories-wrapper{padding:1rem .5rem .5rem}.mac-titlebar{padding:.6rem .8rem}.mac-dots{gap:.3rem;width:50px}.mac-dot{width:10px;height:10px}.mac-spacer{width:50px}}@media (width<=480px){.navbar{flex-direction:column;align-items:stretch;gap:.5rem}.nav-brand{justify-content:center;font-size:1rem}.nav-right-cluster{font-family:var(--font);justify-content:center}.mac-body h1{font-size:1.3rem}.mac-body p{font-size:.85rem}.liquid-submit-btn{padding:.7rem 1rem;font-size:.85rem}.settings-trigger-btn span{font-family:var(--font);display:none}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}