:root{--tg-bg-color: #0d1b2e;--tg-text-color: #e2e8f0;--tg-hint-color: #94a3b8;--tg-link-color: #60a5fa;--tg-button-color: #2563eb;--tg-button-text-color: #ffffff;--tg-secondary-bg-color: #111827;--tg-header-bg-color: #0d1b2e;--tg-accent-text-color: #60a5fa;--tg-section-bg-color: #0d1b2e;--tg-section-header-text-color: #94a3b8;--tg-subtitle-text-color: #94a3b8;--tg-destructive-text-color: #ef4444;--tg-border-color: rgba(255, 255, 255, .1);--tg-divider-color: rgba(255, 255, 255, .06);--tg-yellow-accent: #ffe500;--tg-theme-bg-color: var(--tg-bg-color);--tg-theme-text-color: var(--tg-text-color);--tg-theme-hint-color: var(--tg-hint-color);--tg-theme-link-color: var(--tg-link-color);--tg-theme-button-color: var(--tg-button-color);--tg-theme-button-text-color: var(--tg-button-text-color);--tg-theme-secondary-bg-color: var(--tg-secondary-bg-color);--tg-theme-header-bg-color: var(--tg-header-bg-color);--tg-theme-accent-text-color: var(--tg-accent-text-color);--tg-theme-section-bg-color: var(--tg-section-bg-color);--tg-theme-section-header-text-color: var(--tg-section-header-text-color);--tg-theme-subtitle-text-color: var(--tg-subtitle-text-color);--tg-theme-destructive-text-color: var(--tg-destructive-text-color);--bg-primary: var(--tg-bg-color);--bg-secondary: rgba(255, 255, 255, .1);--bg-tertiary: rgba(255, 255, 255, .15);--bg-hover: rgba(255, 255, 255, .2);--text-primary: var(--tg-text-color);--text-secondary: var(--tg-hint-color);--text-tertiary: var(--tg-subtitle-text-color);--border-color: rgba(255, 255, 255, .2);--divider-color: rgba(255, 255, 255, .1);--primary-color: var(--tg-button-color);--primary-hover: var(--tg-button-color);--primary-active: var(--tg-button-color);--accent-color: var(--tg-accent-text-color);--danger-color: var(--tg-destructive-text-color);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 6px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .1)}html.theme-dark :root{--bg-secondary: rgba(0, 0, 0, .3);--bg-tertiary: rgba(0, 0, 0, .4);--bg-hover: rgba(0, 0, 0, .5);--tg-border-color: rgba(255, 255, 255, .12);--tg-divider-color: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .2);--divider-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 6px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root{--bg-secondary: rgba(0, 0, 0, .3);--bg-tertiary: rgba(0, 0, 0, .4);--bg-hover: rgba(0, 0, 0, .5);--tg-border-color: rgba(255, 255, 255, .12);--tg-divider-color: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .2);--divider-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 6px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6), 0 10px 10px rgba(0, 0, 0, .5)}}html.theme-light .location-button,html.theme-light .location-item,html.theme-light .channel-item{box-shadow:0 2px 8px #00000026}html.theme-light .bottom-nav{box-shadow:0 -4px 16px #00000026}html.theme-light .location-binding-item{box-shadow:0 1px 4px #0000001a;border:1px solid rgba(255,255,255,.6)}html.theme-light .location-binding-item:hover{box-shadow:0 2px 8px #00000026;border-color:#fffc}.tg-card-bg{background:var(--tg-secondary-bg-color)}.tg-text-primary{color:var(--tg-text-color)}.tg-text-secondary{color:var(--tg-hint-color)}.tg-button{background:var(--tg-button-color);color:var(--tg-button-text-color);border:none;border-radius:var(--radius-md);padding:12px 24px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.tg-button:hover{opacity:.9}.tg-button:active{opacity:.8;transform:scale(.98)}.tg-link{color:var(--tg-link-color);text-decoration:none}.tg-link:hover{text-decoration:underline}.tg-destructive{color:var(--tg-destructive-text-color)}@keyframes modernSpin{0%{transform:rotate(0);border-top-color:var(--tg-button-color)}50%{border-top-color:var(--tg-accent-text-color)}to{transform:rotate(360deg);border-top-color:var(--tg-button-color)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-60px);opacity:0}to{transform:translate(0);opacity:1}}:root{--color-background: var(--tg-bg-color);--color-background-solid: var(--tg-bg-color);--color-surface: var(--tg-secondary-bg-color);--color-surface-elevated: var(--tg-secondary-bg-color);--color-card: var(--tg-secondary-bg-color);--color-card-hover: var(--tg-secondary-bg-color);--color-primary: var(--tg-button-color);--color-primary-dark: var(--tg-button-color);--color-primary-gradient: var(--tg-button-color);--color-secondary: var(--tg-accent-text-color);--color-secondary-gradient: var(--tg-accent-text-color);--color-text-primary: var(--tg-text-color);--color-text-secondary: var(--tg-hint-color);--color-text-tertiary: var(--tg-hint-color);--color-border: var(--tg-border-color);--color-divider: var(--tg-border-color);--color-shadow: rgba(0, 0, 0, .25);--color-glow: var(--tg-button-color);--font-family-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "SF Mono", Consolas, "Monaco", "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 6px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15), 0 10px 10px rgba(0, 0, 0, .1);font-family:var(--font-family-primary);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--tg-text-color);background-color:var(--tg-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--tg-link-color);text-decoration:inherit}a:hover{color:var(--tg-link-color);opacity:.8}html{background-color:var(--tg-bg-color);min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;background:var(--tg-bg-color);overflow-x:hidden;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--tg-button-color);color:var(--tg-button-text-color);cursor:pointer;transition:border-color .25s;-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}#root{min-height:100vh;width:100%;background:var(--tg-bg-color)}.twa-viewport{height:100vh;height:var(--tg-viewport-height, 100vh)}@keyframes slideInBottom{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.5rem;max-width:calc(100vw - 3rem);min-width:280px;padding:1rem 1.5rem;background:var(--tg-secondary-bg-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid transparent;border-radius:1rem;box-shadow:0 8px 32px #0000004d,0 4px 12px #0003,inset 0 1px #ffffff1a;color:var(--tg-text-color);font-size:.9375rem;font-weight:500;line-height:1.4;animation:slideInBottom .3s ease-out}.toast--success{border-color:#4caf504d}.toast--error{border-color:var(--tg-destructive-text-color, #f44336)}.toast--warning{border-color:#ffc1074d}.toast--info{border-color:var(--tg-button-color)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-icon--success{color:#81c784}.toast-icon--error{color:var(--tg-destructive-text-color, #f44336)}.toast-icon--warning{color:#ffd54f}.toast-icon--info{color:var(--tg-button-color)}.toast-message{flex:1;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}.toast-close{flex-shrink:0;background:transparent;border:none;padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tg-hint-color);border-radius:.5rem;opacity:.7;transition:opacity .2s,background .2s}.toast-close:hover{opacity:1;background:#ffffff1a}.toast-close:active{transform:scale(.95)}.loading-overlay{position:fixed;inset:0;background:var(--tg-bg-color);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner-wrapper{display:flex;justify-content:center;align-items:center;animation:fadeInScale .5s ease-out}.loading-spinner{width:2.75rem;height:2.75rem;border:3px solid var(--tg-secondary-bg-color);border-top-color:var(--tg-button-color);border-radius:50%;animation:modernSpin 1s linear infinite}