*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: #333333;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #ff3e3e;--accent-hover: #ff5e5e;--border: rgba(255, 255, 255, .08);--glass-bg: rgba(26, 26, 26, .7);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f5;--bg-hover: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #6c757d;--accent: #ff3e3e;--accent-hover: #e03131;--border: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05)}body{background:var(--bg-primary);color:var(--text-primary);font-family:Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}button{font-family:Roboto,sans-serif;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast),opacity var(--transition-fast)}button:active{transform:scale(.97)}input,textarea{font-family:Roboto,sans-serif;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff00001a}a{color:var(--accent);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.btn-primary{background:var(--accent);color:#fff;padding:10px 24px;border-radius:24px;font-weight:500;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 12px #ff00004d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);padding:10px 16px;border-radius:20px;font-weight:500;transition:background var(--transition-fast),transform var(--transition-fast);min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--bg-hover)}.container{max-width:1920px;margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@media(max-width:768px){.container{padding:0 12px}input,textarea,select{font-size:16px!important}body{padding-bottom:env(safe-area-inset-bottom)}}@media(hover:hover){.card-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}}.splash.svelte-1yxrgyh{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:9999;display:flex;align-items:center;justify-content:center;color:var(--text-primary);overflow-y:auto}.content.svelte-1yxrgyh{display:flex;flex-direction:column;align-items:center;gap:32px;padding:24px;max-width:480px;width:100%;margin:auto}.logo-container.svelte-1yxrgyh{display:flex;flex-direction:column;align-items:center;gap:12px}.logo.svelte-1yxrgyh{width:64px;height:64px}h1.svelte-1yxrgyh{font-size:28px;font-weight:700;background:linear-gradient(45deg,red,#ff4d4d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.selection-container.svelte-1yxrgyh{width:100%;display:flex;flex-direction:column;gap:24px;background:var(--bg-secondary);padding:24px;border-radius:24px;border:1px solid var(--border)}.section.svelte-1yxrgyh h3:where(.svelte-1yxrgyh){font-size:16px;font-weight:600;margin:0 0 12px;color:var(--text-secondary);text-align:center}.options-grid.svelte-1yxrgyh{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-row.svelte-1yxrgyh{display:flex;gap:12px}.option-btn.svelte-1yxrgyh{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-primary);border:2px solid transparent;border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.option-btn.svelte-1yxrgyh:hover{background:var(--bg-hover)}.option-btn.active.svelte-1yxrgyh{border-color:red;background:#ff00000d;color:red}.flag-icon.svelte-1yxrgyh{width:24px;height:18px;border-radius:2px;box-shadow:0 1px 3px #0003}.theme-btn.svelte-1yxrgyh{flex:1}.features.svelte-1yxrgyh{display:flex;flex-direction:column;gap:16px;width:100%}.feature.svelte-1yxrgyh{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);padding:12px 16px;border-radius:16px;border:1px solid var(--border);font-size:14px}.icon-box.svelte-1yxrgyh{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.icon-box.red.svelte-1yxrgyh{background:red}.icon-box.blue.svelte-1yxrgyh{background:#2196f3}.enter-btn.svelte-1yxrgyh{display:flex;align-items:center;gap:12px;background:red;color:#fff;padding:16px 32px;border-radius:32px;font-size:18px;font-weight:600;border:none;cursor:pointer;transition:transform .2s,background .2s;width:100%;justify-content:center;margin-top:8px}.enter-btn.svelte-1yxrgyh:hover{background:#c00;transform:scale(1.02)}.bottom-nav.svelte-oeh3u8{position:fixed;bottom:24px;left:16px;right:16px;height:64px;background:#0f0f0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:32px;display:flex;justify-content:space-between;align-items:center;z-index:100001;padding:0 8px;box-shadow:0 8px 32px #00000080}[data-theme=light] .bottom-nav.svelte-oeh3u8{background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000026}.nav-btn.svelte-oeh3u8{background:none;border:none;color:var(--text-secondary);padding:8px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;width:100%;min-width:unset;min-height:56px;-webkit-tap-highlight-color:transparent;transition:all .2s ease;text-decoration:none}.nav-btn.svelte-oeh3u8:active{transform:scale(.95)}.nav-btn.svelte-oeh3u8 span:where(.svelte-oeh3u8){font-size:11px;font-weight:500}.nav-btn.active.svelte-oeh3u8{color:var(--text-primary)}.nav-btn.active.svelte-oeh3u8 svg{stroke:var(--text-primary);stroke-width:2.5px}.upload-container.svelte-oeh3u8{position:relative;top:-20px;height:0;display:flex;align-items:center;justify-content:center;flex:1}.upload-btn.svelte-oeh3u8{background:var(--bg-primary);border:3px solid var(--bg-primary);color:var(--accent);cursor:pointer;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 -4px 12px #00000026;transition:all .2s ease;min-width:56px;min-height:56px;-webkit-tap-highlight-color:transparent;text-decoration:none}.upload-btn.svelte-oeh3u8:active{transform:scale(.9)}.upload-btn.svelte-oeh3u8 svg{fill:var(--bg-primary);stroke:var(--accent);stroke-width:1.5}.nav-avatar.svelte-oeh3u8{width:24px;height:24px;border-radius:50%;object-fit:cover}.menu-overlay.svelte-oeh3u8{position:fixed;inset:0 0 60px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;flex-direction:column;justify-content:flex-end}.menu-content.svelte-oeh3u8{position:absolute;bottom:100px;left:16px;right:16px;background:var(--bg-secondary);border-radius:24px;padding:24px;max-height:70vh;overflow-y:auto;border:1px solid var(--border);box-shadow:0 8px 40px #00000080}.menu-header.svelte-oeh3u8{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.menu-header.svelte-oeh3u8 h3:where(.svelte-oeh3u8){font-size:20px;font-weight:600;margin:0}.close-btn.svelte-oeh3u8{background:none;border:none;color:var(--text-primary);cursor:pointer}.user-header.svelte-oeh3u8{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:12px;margin-bottom:20px}.user-avatar.svelte-oeh3u8{width:60px;height:60px;border-radius:50%;object-fit:cover}.user-info-text.svelte-oeh3u8{display:flex;flex-direction:column;gap:4px}.username.svelte-oeh3u8{font-weight:600;font-size:18px;color:var(--text-primary)}.view-channel.svelte-oeh3u8{font-size:13px;color:var(--accent);text-decoration:none}.menu-grid.svelte-oeh3u8{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 4px}.grid-tile.svelte-oeh3u8{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;min-height:80px;-webkit-tap-highlight-color:transparent;text-decoration:none}@media(max-width:768px){.menu-grid.svelte-oeh3u8{grid-template-columns:1fr;gap:0}.grid-tile.svelte-oeh3u8{flex-direction:row;justify-content:flex-start;padding:16px 8px;min-height:auto;font-size:16px;gap:20px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0}.grid-tile.svelte-oeh3u8:last-child{border-bottom:none}.grid-tile.svelte-oeh3u8 span:where(.svelte-oeh3u8){text-align:left}}.grid-tile.svelte-oeh3u8:active{transform:scale(.98);background:var(--bg-hover)}.grid-tile.svelte-oeh3u8:hover{background:var(--bg-hover);border-color:var(--accent)}.grid-tile.svelte-oeh3u8 span:where(.svelte-oeh3u8){text-align:center;font-weight:500}.logout-tile.svelte-oeh3u8{color:#ff6b6b}.login-prompt.svelte-oeh3u8{text-align:center;padding:40px 0}.login-prompt.svelte-oeh3u8 p:where(.svelte-oeh3u8){margin-bottom:16px;color:var(--text-secondary)}@media(min-width:769px){.bottom-nav.svelte-oeh3u8,.menu-overlay.svelte-oeh3u8{display:none}}.global-loader.svelte-12qhfyh{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 25% 20%,rgba(37,99,235,.22),transparent 48%),radial-gradient(circle at 80% 75%,rgba(239,68,68,.2),transparent 42%),#080a0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.global-loader__card.svelte-12qhfyh{width:min(420px,100%);border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#10121ae6;padding:24px;box-shadow:0 20px 60px #00000059}.global-loader__brand.svelte-12qhfyh{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:8px}.global-loader__title.svelte-12qhfyh{font-size:22px;font-weight:700;color:#fff;margin-bottom:10px}.global-loader__countdown.svelte-12qhfyh{font-size:44px;font-weight:800;color:#60a5fa;line-height:1;margin-bottom:16px}.global-loader__progress.svelte-12qhfyh{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.global-loader__bar.svelte-12qhfyh{height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef4444,#3b82f6);transition:width .14s ease-out}@media(max-width:640px){.global-loader__card.svelte-12qhfyh{padding:18px;border-radius:14px}.global-loader__title.svelte-12qhfyh{font-size:18px}.global-loader__countdown.svelte-12qhfyh{font-size:36px}}