:root{--bg-main:#050816;--bg-elevated:#090d1f;--bg-elevated-soft:#0b1024;--accent:#e11d48;--accent-soft:rgba(225,29,72,.1);--accent-strong:#fb7185;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-subtle:rgba(148,163,184,.2);--shadow-soft:0 12px 28px rgba(15,23,42,.65);--radius-lg:18px;--radius-md:12px;--radius-pill:999px;--transition-fast:160ms ease-out}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:#020617}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 48%,#000 100%);color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url(/logo_nav.svg);background-repeat:no-repeat;background-position:50%;background-size:min(520px,60vw);opacity:.03;pointer-events:none;z-index:0}.app{min-height:100vh;color-scheme:dark;position:relative;z-index:1}.app__main{max-width:1120px;margin:0 auto;padding:96px 24px 72px}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.8),transparent);border-bottom:1px solid rgba(148,163,184,.2)}.top-nav__inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-column-gap:24px;column-gap:24px}.top-nav__logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none}.top-nav__logo-mark{width:36px;height:36px}.top-nav__logo-text{font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.top-nav__center-nav{display:flex;justify-content:center;gap:8px}.top-nav__link{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-primary);text-decoration:none;border:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.top-nav__link:after{content:"";position:absolute;left:50%;bottom:-3px;transform:translateX(-50%) scale(.6);transform-origin:center;width:4px;height:4px;border-radius:999px;background:rgba(249,250,251,.9);box-shadow:0 0 6px rgba(249,250,251,.55);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.top-nav__link--active:after{opacity:1;transform:translateX(-50%) scaleX(1)}.top-nav__link--live{background:rgba(15,23,42,.9);border-color:transparent;box-shadow:none;color:var(--text-primary)}.top-nav__link--live:hover{transform:translateY(-1px);background:#0f172a}.top-nav__live-dot{width:8px;height:8px;border-radius:999px;background:#f87171;box-shadow:0 0 4px hsla(0,91%,71%,.7)}.section{margin-bottom:72px}.section__header{margin-bottom:28px}.section__title{font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.section__subtitle{margin-top:8px;color:var(--text-secondary);max-width:640px;font-size:.95rem}.hero{margin-top:8px}.hero__content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.8fr);grid-gap:40px;gap:40px;align-items:flex-start}.hero__headline{font-size:3rem;line-height:1.1;letter-spacing:-.04em;margin:0 0 16px}.hero__subheadline{margin:0 0 20px;color:var(--text-secondary);max-width:30rem}.hero__actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hero__meta{font-size:.85rem;color:var(--text-muted)}.hero__preview{justify-self:stretch}.builder__canvas--hero{min-height:0;height:auto;width:100%;aspect-ratio:16/9}.hero-preview-window{pointer-events:none}.hero-preview-card .builder-window__header{padding:4px 6px}.hero-preview-card .builder-window__body{padding:4px 6px 6px}.hero-preview-card .minimap-widget{grid-template-columns:minmax(0,1fr)}.hero-preview-card .minimap-widget__toolbar{display:none}.hero-preview-card{background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 52%),radial-gradient(circle at bottom right,rgba(225,29,72,.25),#020617);border-radius:24px;padding:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.28);display:flex;flex-direction:column}.hero-preview-card__header{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:.75rem;color:var(--text-secondary);margin-bottom:10px}.hero-preview-card__tag{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);text-transform:uppercase;letter-spacing:.1em;margin-right:auto}.hero-preview-card__status-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 3px rgba(34,197,94,.7)}.hero-preview-card__status-text{color:var(--text-secondary)}.hero-preview-card__body{flex:1 1;display:flex;flex-direction:column}.hero-preview-card__grid{flex:1 1;display:grid;grid-template-columns:2fr 1.2fr;grid-template-rows:repeat(3,1fr);grid-gap:6px;gap:6px}.hero-preview-card__tile{border-radius:12px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);position:relative;overflow:hidden}.hero-preview-card__tile--main{grid-row:span 3;background:radial-gradient(circle at top,#1f2937,#020617 60%)}.hero-preview-card__tile-label{position:absolute;inset:auto 8px 8px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}.hero-preview-card__footer{margin-top:10px;font-size:.75rem;color:var(--text-muted)}.auth{display:flex;justify-content:center;margin-bottom:72px}.auth__card{width:100%;max-width:420px;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 55%),rgba(15,23,42,.98);border-radius:24px;padding:24px 24px 20px;border:1px solid rgba(148,163,184,.4);box-shadow:var(--shadow-soft)}.auth__title{margin:0 0 8px;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.auth__subtitle{margin:0 0 20px;font-size:.9rem;color:var(--text-secondary)}.auth__form{gap:14px}.auth__field,.auth__form{display:flex;flex-direction:column}.auth__field{gap:6px}.auth__field-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.auth__input{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.95);color:var(--text-primary);padding:8px 12px;font-size:.9rem}.auth__input:focus{outline:none;border-color:rgba(250,204,21,.9);box-shadow:0 0 0 1px rgba(250,204,21,.4)}.auth__status{font-size:.8rem;margin:2px 0 0}.auth__status--error{color:#fecaca}.auth__status--success{color:#bbf7d0}.auth__submit{margin-top:6px}.auth__toggle{margin-top:14px;font-size:.8rem;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;text-align:left}.auth__password-wrapper{position:relative;display:flex;align-items:center}.auth__input--password{padding-right:70px}.auth__password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-secondary);cursor:pointer;width:24px;height:24px;padding:0}.auth__password-toggle:hover{color:var(--text-primary)}.auth__password-toggle:before{content:"";position:absolute;inset:7px 6px;border-radius:999px;border:1px solid}.auth__password-toggle:after{content:"";position:absolute;left:10px;top:10px;width:4px;height:4px;border-radius:999px;background:currentColor}.auth__success-icon{width:24px;height:24px;margin-top:8px;border-radius:999px;border:2px solid #bbf7d0;position:relative;box-shadow:0 0 10px rgba(74,222,128,.6);animation:authSuccessPulse .7s ease-out 1}.auth__success-icon:before{left:6px;top:11px;width:6px;transform:rotate(45deg)}.auth__success-icon:after,.auth__success-icon:before{content:"";position:absolute;height:2px;border-radius:999px;background:#bbf7d0}.auth__success-icon:after{left:10px;top:7px;width:10px;transform:rotate(-45deg)}@keyframes authSuccessPulse{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.live-events__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.event-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:16px 16px 14px;border:1px solid var(--border-subtle);box-shadow:0 10px 26px rgba(15,23,42,.6);display:flex;flex-direction:column;gap:10px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.event-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.75);border-color:rgba(251,113,133,.7);background:radial-gradient(circle at top,rgba(225,29,72,.24),transparent 55%),var(--bg-elevated-soft)}.event-card__header{display:flex;flex-direction:column;gap:6px}.event-card__pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;border-radius:var(--radius-pill);padding:3px 10px;border:1px solid rgba(148,163,184,.7);align-self:flex-start}.event-card__pill--cdl{border-color:rgba(96,165,250,.9);color:#93c5fd}.event-card__pill--challengers{border-color:rgba(45,212,191,.9);color:#7dd3fc}.event-card__pill--community{border-color:rgba(251,191,36,.9);color:#fcd34d}.event-card__title{font-size:.95rem;margin:0}.event-card__metrics{display:flex;justify-content:space-between;gap:12px}.event-card__metric{display:flex;flex-direction:column;gap:2px}.event-card__metric-label{font-size:.75rem;color:var(--text-muted)}.event-card__metric-value{font-size:1rem;font-weight:600}.event-card__hint{margin:4px 0 0;font-size:.7rem;color:var(--text-muted)}.features__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.feature-card{background:rgba(15,23,42,.95);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.feature-card:hover{border-color:rgba(96,165,250,.8);background:radial-gradient(circle at top left,rgba(96,165,250,.18),transparent 55%),var(--bg-elevated);transform:translateY(-3px)}.feature-card__icon{width:32px;height:32px;border-radius:12px;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--accent-strong)}.feature-card__title{margin:0;font-size:.95rem}.feature-card__description{margin:0;font-size:.85rem;color:var(--text-secondary)}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.step-card{border-radius:var(--radius-lg);padding:18px 16px 14px;border:1px dashed rgba(148,163,184,.6);background:radial-gradient(circle at top,rgba(99,102,241,.2),transparent 55%),rgba(15,23,42,.95);display:flex;flex-direction:column;gap:8px}.step-card__badge{width:26px;height:26px;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.8);display:flex;align-items:center;justify-content:center;font-size:.8rem}.step-card__title{margin:0;font-size:.95rem}.step-card__description{margin:0;font-size:.85rem;color:var(--text-secondary)}.preview__frame{border-radius:24px;padding:16px;background:radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 60%),rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.7);box-shadow:var(--shadow-soft)}.preview__layout{display:grid;grid-template-columns:2fr 1.1fr;grid-gap:10px;gap:10px;min-height:260px}.preview__main-stream{border-radius:18px;background:linear-gradient(to bottom right,rgba(15,23,42,.9),#020617);border:1px solid rgba(55,65,81,.9);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-secondary)}.preview__side-column{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.preview__side-tile{border-radius:14px;background:rgba(15,23,42,.96);border:1px solid rgba(55,65,81,.9);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-secondary)}.preview__note{margin:12px 4px 0;font-size:.8rem;color:var(--text-muted)}.account-prompt__content{border-radius:24px;padding:24px 20px 20px;background:radial-gradient(circle at top left,rgba(225,29,72,.2),transparent 60%),rgba(15,23,42,.98);border:1px solid rgba(148,163,184,.75);display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px rgba(15,23,42,.7)}.account-prompt__title{margin:0;font-size:1.2rem}.account-prompt__description{margin:0;font-size:.9rem;color:var(--text-secondary);max-width:640px}.account-prompt__actions{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}.footer{border-top:1px solid rgba(148,163,184,.3);padding:18px 24px 26px;margin-top:16px;background:radial-gradient(circle at top,rgba(15,23,42,.96),rgba(2,6,23,.98))}.footer__inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.footer__disclaimer{margin:0;font-size:.8rem;color:var(--text-muted);max-width:520px}.footer__nav{display:flex;gap:16px;font-size:.8rem}.footer__link{color:var(--text-secondary);text-decoration:none;position:relative}.footer__link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:linear-gradient(to right,var(--accent),transparent);opacity:0;transform:scaleX(.7);transform-origin:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.footer__link:hover:after{opacity:1;transform:scaleX(1)}.live-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.live-page__summary{display:flex;align-items:center}.live-page__summary-pill{border-radius:999px;padding:6px 14px;border:1px solid rgba(148,163,184,.75);font-size:.8rem;color:var(--text-secondary);background:rgba(15,23,42,.96)}.live-streams__controls{margin-bottom:16px;align-items:center;justify-content:space-between}.live-streams__controls,.live-streams__filters{display:flex;flex-wrap:wrap;gap:16px}.live-streams__filter{display:flex;flex-direction:column;gap:8px}.live-streams__filter-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.live-streams__chip-group{display:flex;flex-wrap:wrap;gap:8px}.live-streams__chip{border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.85);color:var(--text-secondary);padding:4px 12px;font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.live-streams__chip.is-active{background:radial-gradient(circle at top left,rgba(96,165,250,.3),transparent 60%),#0f172a;border-color:rgba(96,165,250,.9);color:#dbeafe;transform:translateY(-1px)}.live-streams__pagination-summary{font-size:.8rem;color:var(--text-muted)}.live-streams__search{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.live-streams__search-input{flex:1 1;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);color:var(--text-primary);font-size:.8rem;padding:7px 10px}.live-streams__search-input::placeholder{color:var(--text-muted)}.live-streams__search-error,.live-streams__search-status{margin-top:4px;font-size:.75rem}.live-streams__search-status{color:var(--text-muted)}.live-streams__search-error{color:#fecaca}.live-streams__grid{display:flex;flex-direction:column;gap:16px}.live-stream-card{border-radius:18px;background:rgba(15,23,42,.96);border:1px solid rgba(55,65,81,.9);overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.7);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.live-stream-card--previewing{transform:translateY(-4px) scale(1.01);box-shadow:0 16px 40px rgba(15,23,42,.85);border-color:rgba(96,165,250,.9)}.live-stream-card__thumb{position:relative;padding-top:56.25%;background:radial-gradient(circle at top,#111827,#020617 60%);overflow:hidden}.live-stream-card__drag-handle{height:18px;background:linear-gradient(90deg,rgba(31,41,55,.9),rgba(15,23,42,.95));border-bottom:1px solid rgba(55,65,81,.9);display:flex;align-items:center;justify-content:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);cursor:-webkit-grab;cursor:grab}.live-stream-card--previewing .live-stream-card__thumb{background:radial-gradient(circle at top,#0f172a,#020617 60%)}.live-stream-card__embed{position:absolute;inset:0}.live-stream-card__thumb-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px;background:linear-gradient(0deg,rgba(15,23,42,.9),transparent 40%);font-size:.75rem;pointer-events:none}.live-stream-card__live-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:rgba(220,38,38,.9);color:#fee2e2;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;transition:padding var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.live-stream-card__live-indicator.is-active{padding-right:10px;transform:translateY(-1px)}.live-stream-card__live-dot{width:7px;height:7px;border-radius:999px;background:#fecaca;box-shadow:0 0 4px hsla(0,93%,94%,.75)}.live-stream-card__viewer-count{padding:3px 8px;border-radius:999px;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.6);color:var(--text-secondary)}.live-stream-card__live-label{font-size:.7rem;text-transform:uppercase;white-space:nowrap;max-width:0;opacity:0;transform:scaleX(.8);transform-origin:left center;transition:max-width var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast),margin-left var(--transition-fast)}.live-stream-card__live-indicator.is-active .live-stream-card__live-label{max-width:60px;opacity:1;transform:scaleX(1);margin-left:2px}.live-stream-card__meta{padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px}.live-stream-card__tags{display:flex;gap:8px}.live-stream-card__pill{border-radius:999px;padding:3px 9px;border:1px solid rgba(96,165,250,.9);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#bfdbfe}.live-stream-card__pill--muted{border-color:rgba(148,163,184,.8);color:var(--text-secondary)}.live-stream-card__title{margin:0;font-size:.98rem}.live-stream-card__description{margin:0;font-size:.8rem;color:var(--text-secondary)}.live-stream-card__channel{margin-top:2px;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#bfdbfe;text-decoration:none}.live-stream-card__channel:hover{text-decoration:underline}.live-stream-card__channel-arrow{font-size:.8rem}.live-stream-card__actions{padding:8px 12px 10px;display:flex;gap:8px}.btn--tiny{padding:5px 10px;font-size:.78rem}.live-stream-card__remove{border-style:dashed}.live-streams__pagination{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.85rem}.live-streams__page-btn{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);color:var(--text-secondary);padding:6px 14px;font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.live-streams__page-btn:hover:not(:disabled){background:#0f172a;color:var(--text-primary);transform:translateY(-1px)}.live-streams__page-btn:disabled{opacity:.4;cursor:default}.live-streams__page-info{color:var(--text-muted)}.live-layout__summary{display:flex;align-items:center;gap:12px}.live-layout__select-group{display:flex;flex-direction:column;gap:4px}.live-layout__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.live-layout__select-wrapper{position:relative}.live-layout__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:rgba(15,23,42,.96);color:var(--text-secondary);font-size:.8rem;padding:6px 28px 6px 12px}.live-layout__select-wrapper:after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-muted);pointer-events:none}.live-layout__maximize{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);color:var(--text-secondary);font-size:.8rem;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;margin-top:12px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.live-layout__maximize:hover{background:#0f172a;color:var(--text-primary);transform:translateY(-1px)}.live-layout-preview{margin-top:16px;margin-bottom:24px;width:100%;max-width:none;display:flex;flex-direction:column;align-items:stretch}.live-layout-preview__header{margin-bottom:8px}.live-layout-preview__title{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-secondary)}.live-layout-preview__description{margin:4px 0 0;font-size:.8rem;color:var(--text-muted)}.live-layout-preview .builder__canvas{min-height:320px;transform:none;transform-origin:initial;width:100%}.live-layout-preview .builder__canvas-grid{opacity:.15}.pit-fullscreen-overlay{position:fixed;inset:0;z-index:40;padding:0;display:block;background:radial-gradient(circle at top,rgba(250,204,21,.16),transparent 55%),radial-gradient(circle at bottom,rgba(15,23,42,.95),#020617 70%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:scale(.97) translateY(10px);transition:opacity .22s ease-out,transform .22s ease-out}.pit-fullscreen-overlay.is-active{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.pit-fullscreen-overlay__canvas,.pit-fullscreen-overlay__frame{width:100%;height:100%}.pit-fullscreen-overlay__canvas-inner,.pit-fullscreen-overlay__screen{position:relative;width:100%;height:100%}.pit-fullscreen-overlay__screen{background:#020617}.pit-fullscreen-back{position:absolute;top:20px;left:24px;z-index:2;border:none;background:none;color:#e5e7eb;font-size:1.4rem;cursor:pointer;padding:0}.pit-fullscreen-back:hover{color:#f9fafb}.live-layout-window{cursor:pointer}.builder-window.live-layout-window--focused{border:2px solid #facc15;box-shadow:0 0 8px rgba(250,204,21,.45)}.live-layout-window__remove{border-radius:0;border:none;background:transparent;color:hsla(0,91%,71%,.9);font-size:.7rem;padding:0;width:auto;height:auto;cursor:pointer}.live-layout-window__remove:hover{background:transparent;color:#fecaca}.live-page__layout{margin-top:16px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-gap:24px;gap:24px;align-items:flex-start}.live-page__streams-column{display:flex;flex-direction:column;gap:16px}.live-page__preview-column{position:-webkit-sticky;position:sticky;top:80px}.live-layout-window__preview{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.live-layout-window__player{flex:1 1;min-height:0;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#020617}.live-layout-window__player .live-layout-window__embed{flex:1 1}.live-layout-window__thumb{width:44px;height:32px;border-radius:8px;background:radial-gradient(circle at top left,rgba(250,204,21,.25),transparent 60%),rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.65);flex-shrink:0}.live-layout-window__meta{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.live-layout-window__channel{font-size:.78rem;color:var(--text-secondary);font-weight:500}.live-layout-window__title{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-empty{margin-top:16px;padding:20px 18px 18px;border-radius:18px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.96);max-width:640px}.live-empty__title{margin:0 0 8px;font-size:1.05rem}.live-empty__body{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.live-empty__link{color:#bfdbfe;text-decoration:underline}.live-empty__cta{margin-top:10px}.builder__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.builder__summary{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.builder__summary-pill{border-radius:999px;padding:6px 14px;border:1px solid rgba(148,163,184,.75);font-size:.8rem;color:var(--text-secondary);background:rgba(15,23,42,.96)}.builder__summary-note{font-size:.75rem;color:var(--text-muted)}.builder__layout{margin-top:16px;display:grid;grid-template-columns:290px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:flex-start}.builder__sidebar{display:flex;flex-direction:column;gap:14px}.builder__panel{border-radius:16px;padding:14px 14px 12px;background:rgba(15,23,42,.96);border:1px solid rgba(31,41,55,.9)}.builder__panel-title{margin:0 0 6px;font-size:.95rem}.builder__panel-text{margin:0 0 10px;font-size:.8rem;color:var(--text-secondary)}.builder__panel-text--muted{color:var(--text-muted)}.builder__template-list{display:flex;flex-direction:column;gap:8px}.builder__template-button{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:rgba(15,23,42,.9);color:var(--text-secondary);font-size:.8rem;padding:6px 10px;text-align:left;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.builder__template-button:hover{background:radial-gradient(circle at top left,rgba(96,165,250,.25),transparent 60%),#0f172a;color:#dbeafe;transform:translateY(-1px)}.builder__input{width:100%;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:rgba(15,23,42,.9);color:var(--text-primary);font-size:.8rem;padding:7px 10px;margin-bottom:8px}.builder__input::placeholder{color:var(--text-muted)}.builder__saved-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.8rem}.builder__saved-item{display:flex;align-items:center;justify-content:space-between;gap:6px}.builder__saved-load{flex:1 1;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:transparent;color:var(--text-secondary);padding:4px 10px;text-align:left;cursor:pointer}.builder__saved-load:hover{border-color:#94a3b8;background:rgba(15,23,42,.9)}.builder__saved-delete{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:var(--text-muted);font-size:.7rem;width:24px;height:24px;cursor:pointer}.builder__saved-delete:hover{background:rgba(15,23,42,.9);color:var(--text-secondary)}.builder__canvas-wrapper{display:flex;flex-direction:column;gap:10px}.builder__canvas{position:relative;border-radius:18px;border:1px dashed rgba(75,85,99,.9);background:rgba(10,16,32,.98);min-height:420px;overflow:hidden}.builder__canvas--themed{border:none;background-color:#020617;background-size:cover;background-position:50%;background-repeat:no-repeat}.builder__canvas-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(31,41,55,.75) 1px,transparent 0),linear-gradient(180deg,rgba(31,41,55,.75) 1px,transparent 0);background-size:40px 40px;opacity:.2;pointer-events:none}.builder__canvas-note{margin:0;font-size:.8rem;color:var(--text-muted)}.builder-window{position:absolute;border-radius:14px;background:rgba(15,23,42,.96);border:1px solid rgba(55,65,81,.9);box-shadow:0 10px 24px rgba(15,23,42,.75);display:flex;flex-direction:column;overflow:hidden}.builder-window__resize-handle{position:absolute;z-index:2;background:transparent}.builder-window__resize-handle--left,.builder-window__resize-handle--right{top:8px;bottom:8px;width:6px;cursor:ew-resize}.builder-window__resize-handle--left{left:-3px}.builder-window__resize-handle--left,.builder-window__resize-handle--right{background:linear-gradient(180deg,transparent 0,transparent 35%,rgba(148,163,184,.4) 50%,transparent 65%,transparent);border-radius:999px}.builder-window__resize-handle--right{right:-3px}.builder-window__resize-handle--bottom,.builder-window__resize-handle--top{left:8px;right:8px;height:6px;cursor:ns-resize}.builder-window__resize-handle--top{top:-3px}.builder-window__resize-handle--bottom,.builder-window__resize-handle--top{background:linear-gradient(90deg,transparent 0,transparent 35%,rgba(148,163,184,.4) 50%,transparent 65%,transparent);border-radius:999px}.builder-window__resize-handle--bottom{bottom:-3px}.builder-window__resize-handle--bottom-left,.builder-window__resize-handle--bottom-right,.builder-window__resize-handle--top-left,.builder-window__resize-handle--top-right{width:10px;height:10px}.builder-window__resize-handle--top-left{top:-3px;left:-3px;cursor:nwse-resize}.builder-window__resize-handle--top-right{top:-3px;right:-3px;cursor:nesw-resize}.builder-window__resize-handle--bottom-left{bottom:-3px;left:-3px;cursor:nesw-resize}.builder-window__resize-handle--bottom-right{bottom:-3px;right:-3px;cursor:nwse-resize}.builder-window__header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid rgba(31,41,55,.9);background:rgba(15,23,42,.98);cursor:-webkit-grab;cursor:grab}.builder-window__header--dragging{cursor:-webkit-grabbing;cursor:grabbing}.builder-window__title{font-size:.8rem;color:var(--text-secondary)}.builder-window__remove{border-radius:0;border:none;background:transparent;color:var(--text-muted);font-size:.7rem;padding:0;width:auto;height:auto;cursor:pointer}.builder-window__remove:hover{background:transparent;color:var(--text-secondary)}.builder-window__body{padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px;flex:1 1;min-height:0;overflow:hidden}.builder-window__label{font-size:.75rem;color:var(--text-muted)}.minimap-widget{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:6px;gap:6px;align-items:stretch;height:100%;min-height:0}.minimap-widget__map-shell{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top,rgba(30,64,175,.35),transparent 60%),rgba(15,23,42,.98)}.minimap-widget__map{position:relative;width:100%;padding-top:60%}.minimap-widget__map-bg{position:absolute;inset:0;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}.minimap-widget__map-label{padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.85)}.minimap-widget__canvas{position:absolute;inset:0;width:100%;height:100%}.minimap-widget__hill-overlay{position:absolute;inset:0;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;pointer-events:none}.minimap-widget__hill,.minimap-widget__marker{position:absolute;border-radius:999px;transform:translate(-50%,-50%)}.minimap-widget__hill{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(15,23,42,.9);background:rgba(248,250,252,.95);color:#020617;font-size:.7rem;font-weight:600;box-shadow:0 0 4px rgba(15,23,42,.9)}.minimap-widget__hill--active{background:#facc15;box-shadow:0 0 8px rgba(250,204,21,.9)}.minimap-widget__marker{width:10px;height:10px;background:hsla(0,91%,71%,.9);box-shadow:0 0 4px hsla(0,91%,71%,.8)}.minimap-widget__marker--snd{background:rgba(56,189,248,.95)}.minimap-widget__marker--overload{background:rgba(52,211,153,.95)}.minimap-widget__marker--control{background:rgba(129,140,248,.95)}.minimap-widget__marker--domination{background:rgba(251,191,36,.95)}.minimap-widget__toolbar{display:flex;flex-direction:column;gap:4px;font-size:.75rem;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.minimap-widget__field{display:flex;flex-direction:column;gap:2px}.minimap-widget__field-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);font-size:.65rem}.minimap-widget__select{background:rgba(15,23,42,.96);font-size:.75rem}.minimap-widget__button,.minimap-widget__select{border-radius:999px;border:1px solid rgba(55,65,81,.9);color:var(--text-secondary);padding:4px 8px}.minimap-widget__button{background:rgba(15,23,42,.9);font-size:.7rem;cursor:pointer}.minimap-widget__button:hover{border-color:rgba(148,163,184,.9);background:#0f172a}.minimap-widget__hill-controls{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-top:8px}.minimap-widget__chevron{border:none;background:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0}.minimap-widget__chevron:hover{color:var(--text-primary)}.minimap-widget__hill-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary)}.minimap-widget__color{margin-top:2px;width:100%;height:22px;padding:0;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:transparent}.minimap-widget__toggle{display:flex;align-items:center;gap:4px}.minimap-widget__toggle-label{font-size:.7rem;color:var(--text-muted)}.minimap-widget__switch{position:relative;width:32px;height:18px;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:rgba(15,23,42,.96);padding:0;cursor:pointer;display:inline-flex;align-items:center}.minimap-widget__switch-handle{position:relative;left:2px;width:12px;height:12px;border-radius:999px;background:rgba(148,163,184,.9);box-shadow:0 0 4px rgba(15,23,42,.9);transition:transform var(--transition-fast),background var(--transition-fast)}.minimap-widget__switch--on{border-color:rgba(250,204,21,.9);background:radial-gradient(circle at 20% 20%,hsla(60,9%,98%,.3),transparent 60%),rgba(15,23,42,.96)}.minimap-widget__switch--on .minimap-widget__switch-handle{transform:translateX(12px);background:#facc15}.minimap-widget__tools{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.minimap-widget__tool-button{border-radius:999px;border:1px solid rgba(55,65,81,.9);background:rgba(15,23,42,.9);color:var(--text-secondary);font-size:.7rem;padding:3px 8px;cursor:pointer}.minimap-widget__tool-button--active{border-color:rgba(250,204,21,.9);background:radial-gradient(circle at 20% 20%,hsla(60,9%,98%,.2),transparent 55%),#0f172a;color:#fef9c3}.minimap-widget__tool-button--ghost{border-style:dashed;opacity:.9}.builder-window__controls{margin-top:4px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:4px;gap:4px}.builder-window__control{display:flex;align-items:center;gap:4px;min-width:0}.builder-window__control-label{font-size:.7rem;color:var(--text-muted);width:.9rem}.builder-window__control input[type=range]{flex:1 1;min-width:0}.btn{border-radius:var(--radius-pill);border:1px solid transparent;font-size:.9rem;font-weight:500;padding:8px 16px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn--small{padding:6px 14px;font-size:.85rem}.btn--primary{background:linear-gradient(90deg,#e11d48,#f97316);color:#fef2f2;border-color:transparent;box-shadow:0 0 10px rgba(225,29,72,.45)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(225,29,72,.6)}.btn--secondary{background:transparent;color:var(--text-primary);border-color:rgba(148,163,184,.7)}.btn--secondary:hover{border-color:#94a3b8;background:rgba(15,23,42,.9)}.btn--ghost{background:rgba(15,23,42,.8);color:var(--text-secondary);border-color:rgba(148,163,184,.7)}.btn--ghost:hover{background:#0f172a;color:var(--text-primary)}.btn--full{width:100%}@media (max-width:1024px){.hero__content{grid-template-columns:.9fr 1.4fr}.features__grid,.live-events__grid,.live-streams__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.app__main{padding:80px 16px 56px}.hero__content{grid-template-columns:minmax(0,1fr)}.hero__preview{order:-1}.hero__headline{font-size:2.2rem}.features__grid,.how-it-works__steps,.live-events__grid,.preview__layout{grid-template-columns:minmax(0,1fr)}.preview__layout{grid-template-rows:auto auto}.preview__side-column{grid-template-rows:repeat(3,minmax(64px,1fr))}.footer__inner,.live-page__header{flex-direction:column;align-items:flex-start}.live-streams__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.account-prompt__actions,.hero__actions{flex-direction:column;align-items:stretch}}