:root{--bg: #000000;--bg-elevated: #0a0a0a;--surface: #111111;--border: #262626;--border-strong: #e31937;--text: #ffffff;--text-muted: #9a9a9a;--text-dim: #5c5c5c;--accent: #e31937;--live: #e31937;--c-news: #4da6ff;--c-sports: #e31937;--c-markets: #33d17a;--c-weather: #c893ff;--c-alerts: #ffcc00;--c-world: #f4c542}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Archivo Black,Inter,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}button{font-family:inherit;background:transparent;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;font-weight:700;letter-spacing:.04em;transition:color .15s,border-color .15s,transform .15s ease,box-shadow .2s ease}button:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 0 0 1px #e319378c,0 0 10px #e319378c,0 6px 18px #e3193759}button:active{transform:translateY(0);box-shadow:0 0 6px #e3193766}button:focus-visible,.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap;text-transform:none;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60;box-shadow:0 4px 14px #00000080}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:var(--border-strong);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:40}.app__brand{display:flex;flex-direction:column;justify-content:center}.logo{display:inline-flex;cursor:pointer}.logo__svg{height:72px;width:auto;display:block}.logo__svg path{fill:#fff;stroke:#fff;stroke-width:0;vector-effect:non-scaling-stroke;transition:fill .25s ease,stroke-width .25s ease}.logo:hover .logo__svg path{fill:#000;stroke:#fff;stroke-width:3px}.logo:hover .logo__svg{animation:logo-glow-pulse 1.3s ease-in-out infinite}@keyframes logo-glow-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.55)) drop-shadow(0 0 12px rgba(227,25,55,.35))}50%{filter:drop-shadow(0 0 14px rgba(255,255,255,.95)) drop-shadow(0 0 28px rgba(227,25,55,.6))}}.app__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app__icon-btn{padding:8px 12px;font-size:11px}.app__icon-btn--active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px #e3193780,0 0 12px #e319378c}.presets{display:flex;gap:6px}.presets__btn{padding:7px 10px;font-size:11px}.presets__btn--active{color:var(--bg);background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #e31937a6,0 0 26px #e319374d}.layout-switcher{display:flex;border:1px solid var(--border)}.layout-switcher__btn{border:none;border-right:1px solid var(--border);padding:7px 14px;font-size:13px}.layout-switcher__btn:last-child{border-right:none}.layout-switcher__btn--active{color:var(--accent);text-shadow:0 0 8px rgba(227,25,55,.85)}.app__main{flex:1;min-height:0;background:#000}.grid{height:100%;display:grid;gap:2px;background:var(--border)}.grid[data-layout=single]{grid-template-columns:1fr;grid-template-rows:1fr}.grid[data-layout=dual]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid[data-layout=quad]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.tile{position:relative;background:#000;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease}.tile:hover{box-shadow:inset 0 0 0 1px #ffffff2e}.tile--selected{box-shadow:inset 0 0 0 2px var(--accent),0 0 18px #e319378c,inset 0 0 24px #e319371f}.tile--selected:hover{box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 0 1px #ffffff2e,0 0 18px #e319378c}.tile__hover-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;letter-spacing:.14em;color:#fff;text-shadow:0 0 12px rgba(227,25,55,.9),0 2px 6px rgba(0,0,0,.8);background:#00000059;opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:5}.tile:hover .tile__hover-hint{opacity:1}.tile__video{width:100%;height:100%;object-fit:cover;display:block;background:#000;border:0}.tile__click-catcher{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent}.tile__overlay-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.tile__live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 6px var(--live),0 0 12px #e3193799;flex-shrink:0;animation:live-dot-pulse 1.6s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{box-shadow:0 0 6px var(--live),0 0 12px #e3193799;opacity:1}50%{box-shadow:0 0 3px var(--live),0 0 6px #e3193759;opacity:.75}}.tile__title{font-weight:800;font-size:13px;letter-spacing:.03em}.tile__provider{font-size:10px;color:var(--text-muted);margin-left:auto;text-transform:uppercase}.tile__overlay-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);font-size:10px;letter-spacing:.06em;color:var(--text-muted)}.tile__state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#0006}.tile__state--error p{color:var(--text-muted);font-size:12px;margin:0}.spinner{width:22px;height:22px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tile__empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-dim);gap:6px}.tile__empty-hint{font-size:11px}.ticker{display:flex;align-items:stretch;border-top:2px solid var(--border-strong);box-shadow:0 0 16px #e3193759;background:#000;background-image:radial-gradient(circle,rgba(255,255,255,.05) .8px,transparent .9px);background-size:3px 3px;height:40px;flex-shrink:0}.ticker__label{flex-shrink:0;display:flex;align-items:center;padding:0 18px;background:var(--live);color:#fff;font-family:Archivo Black,Anton,Inter,sans-serif;font-weight:900;font-size:24px;letter-spacing:.01em;-webkit-text-stroke:.5px currentColor;border-right:2px solid var(--border-strong)}.ticker__track-wrap{flex:1;overflow:hidden;position:relative}.ticker__track{display:flex;white-space:nowrap;align-items:center;height:100%;animation:ticker-scroll linear infinite;width:max-content}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker__item{display:inline-flex;align-items:center;gap:8px;padding:0 24px;font-family:Silkscreen,VT323,monospace;font-weight:700;font-size:16px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#ffb100;text-shadow:0 0 4px rgba(255,177,0,.85),0 0 10px rgba(255,177,0,.45);border-right:1px solid var(--border)}.ticker__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px currentColor}.ticker__item[data-category=news] .ticker__dot{background:var(--c-news)}.ticker__item[data-category=sports] .ticker__dot{background:var(--c-sports)}.ticker__item[data-category=markets] .ticker__dot{background:var(--c-markets)}.ticker__item[data-category=weather] .ticker__dot{background:var(--c-weather)}.ticker__item[data-category=alerts] .ticker__dot{background:var(--c-alerts)}.ticker__item[data-category=world] .ticker__dot{background:var(--c-world)}.panel{position:fixed;top:64px;right:16px;width:340px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 0 0 1px #e3193740,0 0 30px #e319374d,0 20px 50px #0009;z-index:20}.panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.panel__header h2{font-size:13px;letter-spacing:.08em;margin:0}.panel__header button{border:none;font-size:18px;padding:0 4px}.panel__body{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.panel__row-label{font-size:11px;color:var(--text-muted);flex-shrink:0}.panel__section{display:flex;flex-direction:column;gap:8px}.panel--sources{width:380px}.panel__tile-tabs{display:flex;gap:6px;flex-wrap:wrap}.panel__tile-tab,.panel__tile-tab--active{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;border:1px solid var(--border)}.panel__tile-tab--active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #e3193780}.panel__tile-tab-swap{cursor:pointer;color:var(--text-muted)}.panel__tile-tab-swap:hover{color:var(--text)}.panel__search{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:9px 10px;font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .2s}.panel__search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #e3193773}.panel__source-list{display:flex;flex-direction:column;gap:4px;max-height:44vh;overflow-y:auto}.panel__source-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);text-align:left;font-weight:500;letter-spacing:normal;transition:border-color .15s ease,transform .15s ease,background .15s ease,box-shadow .2s ease}.panel__source-row:hover{border-color:var(--border-strong);transform:translate(4px);background:#e3193714}.panel__source-row--active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #e3193773}.panel__source-row--empty{color:var(--text-dim)}.panel__source-logo{width:20px;height:20px;border-radius:3px;object-fit:contain;background:#fff;flex-shrink:0}.panel__source-logo--placeholder{background:var(--border)}.panel__source-name{flex:1;font-size:12px}.panel__source-cat{font-size:9px;color:var(--text-muted);text-transform:uppercase}.panel__source-empty{color:var(--text-muted);font-size:12px;padding:12px 0}.panel__seg{display:flex;border:1px solid var(--border);width:fit-content}.panel__seg-btn,.panel__seg-btn--active{border:none;border-right:1px solid var(--border);padding:6px 12px;font-size:11px;text-transform:capitalize}.panel__seg-btn--active{color:var(--accent);text-shadow:0 0 8px rgba(227,25,55,.8)}.panel__toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.panel__chips{display:flex;flex-wrap:wrap;gap:6px}.panel__chip,.panel__chip--active{border:1px solid var(--border);padding:5px 10px;font-size:11px;text-transform:capitalize}.panel__chip--active{color:var(--bg);background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #e3193799}