@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #121212;--bg-gradient: radial-gradient(circle at 50% -20%, #1db954 0%, #121212 40%);--card-bg: rgba(30, 30, 30, .6);--card-border: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-color: #1db954;--accent-hover: #1ed760;--glass-blur: 12px}[data-theme=light]{--bg-color: #f0f2f5;--bg-gradient: radial-gradient(circle at 50% -20%, #1db954 0%, #f0f2f5 40%);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .05);--text-primary: #191414;--text-secondary: #5e5e5e;--accent-color: #1db954;--accent-hover: #1ed760}[data-theme=yandex]{--bg-color: #1a1a1a;--bg-gradient: radial-gradient(circle at 50% -20%, #ffcc00 0%, #1a1a1a 50%);--card-bg: rgba(40, 40, 40, .6);--card-border: rgba(255, 204, 0, .2);--text-primary: #ffffff;--text-secondary: #cccccc;--accent-color: #ffcc00;--accent-hover: #ffdb4d}[data-theme=sunset]{--bg-color: #1a0b0b;--bg-gradient: radial-gradient(circle at 50% -20%, #f43f5e 0%, #1a0b0b 50%);--card-bg: rgba(40, 10, 10, .6);--card-border: rgba(244, 63, 94, .2);--text-primary: #fff1f2;--text-secondary: #fda4af;--accent-color: #f43f5e;--accent-hover: #fb7185}[data-theme=ocean]{--bg-color: #0a1628;--bg-gradient: radial-gradient(circle at 50% -20%, #0ea5e9 0%, #0a1628 50%);--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(14, 165, 233, .2);--text-primary: #f0f9ff;--text-secondary: #7dd3fc;--accent-color: #0ea5e9;--accent-hover: #38bdf8}[data-theme=yandex-light]{--bg-color: #fffbf0;--bg-gradient: radial-gradient(circle at 50% -20%, #ffcc00 0%, #fffbf0 40%);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(255, 204, 0, .15);--text-primary: #1a1a1a;--text-secondary: #666666;--accent-color: #ffcc00;--accent-hover: #ffdb4d}[data-theme=midnight]{--bg-color: #0c0a1d;--bg-gradient: radial-gradient(circle at 50% -20%, #6366f1 0%, #0c0a1d 50%);--card-bg: rgba(17, 14, 35, .6);--card-border: rgba(99, 102, 241, .2);--text-primary: #eef2ff;--text-secondary: #a5b4fc;--accent-color: #6366f1;--accent-hover: #818cf8}[data-theme=rose]{--bg-color: #1f0d1a;--bg-gradient: radial-gradient(circle at 50% -20%, #ec4899 0%, #1f0d1a 50%);--card-bg: rgba(45, 15, 35, .6);--card-border: rgba(236, 72, 153, .2);--text-primary: #fdf2f8;--text-secondary: #f9a8d4;--accent-color: #ec4899;--accent-hover: #f472b6}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .5s ease,color .5s ease}#root{max-width:100%;margin:0 auto;padding:0}.container{padding:20px;max-width:600px;margin:0 auto;position:relative;z-index:1}.btn{background:var(--accent-color);color:#fff;border:none;padding:14px 32px;border-radius:500px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0003}.btn:hover{background:var(--accent-hover);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0000004d}.btn:active{transform:translateY(0) scale(.98)}.card{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;padding:16px;margin-bottom:12px;display:flex;align-items:center;text-align:left;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.card:hover{transform:translateY(-2px);background:#ffffff1a;box-shadow:0 8px 15px #0000001a}.card img{width:56px;height:56px;border-radius:12px;margin-right:16px;object-fit:cover;box-shadow:0 4px 8px #0003}.card-info{flex:1;overflow:hidden}.card-title{font-weight:700;font-size:16px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;z-index:10}.header h2{font-weight:800;font-size:28px;margin:0;background:linear-gradient(to right,var(--text-primary),var(--text-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tabs{display:flex;justify-content:center;margin-bottom:24px;background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:6px;border-radius:16px;border:1px solid var(--card-border);position:relative;gap:8px;z-index:20;-webkit-user-select:none;user-select:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all .3s ease;position:relative;z-index:2}.tab.active{color:var(--bg-color);background:var(--text-primary);box-shadow:0 2px 10px #0000001a}.theme-switcher{position:fixed;top:20px;left:20px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.theme-switcher>*{pointer-events:auto}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s ease}.theme-options{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:20px;padding:6px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease;width:40px;align-items:center}.theme-switcher.open .theme-options{opacity:1;transform:translateY(0);pointer-events:auto}.theme-option{display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;cursor:pointer;transition:all .2s ease;width:28px;height:28px}.theme-option:hover{background:#ffffff1a;transform:scale(1.1)}.theme-option.active{background:#fff3;border:1px solid var(--text-primary)}.theme-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:transform .2s,border-color .2s;flex-shrink:0}.theme-option:hover .theme-btn{transform:scale(1.1)}.theme-option.active .theme-btn{border-color:var(--text-primary)}.navbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:400px;height:55px;background:#ffffff0d;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:30px;display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:8px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 1px 2px #0003}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:11px;font-weight:600;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;height:100%;border-radius:20px;z-index:1}.nav-active-bg{position:absolute;inset:0;background:#ffffff26;border-radius:20px;z-index:-1;box-shadow:0 4px 16px #0003,inset 0 1px #fff3}.nav-item.active{color:var(--text-primary)}.nav-item .nav-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-item.active svg{transform:translateY(-2px)}.card:hover .preview-btn{opacity:1!important}.login-credit{display:flex;align-items:center;gap:6px;font-size:14px}.login-credit .credit-text{color:var(--text-secondary);font-weight:500}.login-credit .credit-name{color:var(--accent-color);font-weight:700;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}