:root{--host-dashboard-bg:#0f172a;--host-dashboard-card-bg:rgba(15,23,42,.92);--host-dashboard-card-border:rgba(148,163,184,.2);--host-dashboard-card-shadow:0 18px 36px rgba(15,23,42,.25);--host-dashboard-text:#e2e8f0;--host-dashboard-subtle-text:#94a3b8;--host-dashboard-accent:#38bdf8;--host-dashboard-danger:#f87171;--host-dashboard-success:#4ade80;--host-dashboard-spacing:clamp(1rem,2vw,1.5rem);--host-dashboard-heading-desktop:clamp(1.75rem,4vw,2.5rem);--host-dashboard-heading-tablet:clamp(1.5rem,3.2vw,2rem);--host-dashboard-heading-mobile:clamp(1.35rem,5vw,1.85rem)}.host-dashboard{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--host-dashboard-text);background:linear-gradient(145deg,#020617,#0f172a 45%,#1e293b);min-height:100vh;padding:calc(var(--host-dashboard-spacing) * 2) var(--host-dashboard-spacing) calc(var(--host-dashboard-spacing) * 3);box-sizing:border-box}.host-dashboard[data-loading=true]{opacity:.72;pointer-events:none}.host-dashboard__container{margin:0 auto;max-width:1200px;display:flex;flex-direction:column;gap:calc(var(--host-dashboard-spacing) * 1.5)}.host-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--host-dashboard-spacing);flex-wrap:wrap}.host-dashboard__title-block h1{margin:0;font-size:var(--host-dashboard-heading-desktop);letter-spacing:-.03em}.host-dashboard__title-block p{margin:.35rem 0 0;color:var(--host-dashboard-subtle-text);max-width:38ch}.host-dashboard__cta{display:flex;gap:.75rem;flex-wrap:wrap}.host-dashboard__cta button{border:none;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.host-dashboard__cta button.primary{background:var(--host-dashboard-accent);color:#0f172a;box-shadow:0 12px 30px rgba(56,189,248,.32)}.host-dashboard__cta button.secondary{background:rgba(148,163,184,.18);color:var(--host-dashboard-text)}.host-dashboard__cta button:hover{transform:translateY(-1px)}.host-dashboard__grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:calc(var(--host-dashboard-spacing) * 1.2);gap:calc(var(--host-dashboard-spacing) * 1.2)}.host-dashboard__cards-stack,.host-dashboard__side-stack{display:flex;flex-direction:column;gap:var(--host-dashboard-spacing)}.host-dashboard__card{background:var(--host-dashboard-card-bg);border:1px solid var(--host-dashboard-card-border);border-radius:20px;box-shadow:var(--host-dashboard-card-shadow);padding:calc(var(--host-dashboard-spacing) * 1.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.host-dashboard__card h2{margin-top:0;margin-bottom:1rem;font-size:1.15rem}.event-pulse__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:.85rem;gap:.85rem}.event-pulse__tile{background:rgba(148,163,184,.08);padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.14)}.event-pulse__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--host-dashboard-subtle-text)}.event-pulse__value{font-size:1.4rem;font-weight:600;margin-top:.3rem}.playback-prompt__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.playback-prompt__actions button{border-radius:12px;padding:.65rem 1.1rem;border:1px solid rgba(148,163,184,.35);background:transparent;color:var(--host-dashboard-text);cursor:pointer}.playback-prompt__actions button.primary{background:rgba(56,189,248,.18);border-color:rgba(56,189,248,.36)}.playback-prompt__device-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.playback-prompt__device-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.7);color:inherit;cursor:pointer;transition:border .12s ease,transform .12s ease}.playback-prompt__device-button[aria-pressed=true]{border-color:rgba(74,222,128,.65);background:rgba(74,222,128,.14)}.playback-prompt__device-button:disabled{opacity:.7;cursor:not-allowed}.playback-prompt__device-button:hover:not(:disabled){transform:translateY(-1px)}.host-landing{max-width:1100px;margin:3.5rem auto;display:flex;flex-direction:column;gap:1.75rem}.host-landing__header{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,3vw,2.5rem);flex-wrap:wrap}.host-landing__header h1{margin:0;font-size:clamp(1.75rem,4vw,2.3rem);letter-spacing:-.02em}.host-landing__header p{margin:.35rem 0 0;max-width:42ch;color:var(--host-dashboard-subtle-text)}.host-landing__header button.primary{border:none;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;background:var(--host-dashboard-accent);color:#0f172a;box-shadow:0 18px 32px rgba(56,189,248,.32);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.host-landing__header button.primary:hover{transform:translateY(-1px)}.host-landing__status-text{margin:1.5rem 0 0;color:var(--host-dashboard-subtle-text)}.host-landing__alert{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:14px;border:1px solid hsla(0,91%,71%,.35);background:hsla(0,91%,71%,.12);color:#fecaca}.host-landing__empty{margin-top:1.75rem;padding:1.5rem 1.75rem;border-radius:16px;border:1px dashed rgba(148,163,184,.35);background:rgba(148,163,184,.08);color:var(--host-dashboard-subtle-text)}.host-landing__grid{margin:2rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:clamp(1rem,2.5vw,1.75rem);gap:clamp(1rem,2.5vw,1.75rem)}.host-landing__event{display:flex;flex-direction:column;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.18);border-radius:18px;overflow:hidden;min-height:100%}.host-landing__event-cover{position:relative;aspect-ratio:16/9;background:rgba(30,41,59,.85);display:flex;align-items:center;justify-content:center;color:rgba(148,163,184,.85);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}.host-landing__event-cover img{width:100%;height:100%;object-fit:cover}.host-landing__event-body{display:flex;flex-direction:column;gap:.75rem;padding:1.15rem 1.25rem 1.35rem}.host-landing__event-meta{display:flex;gap:.65rem;align-items:center;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.host-landing__status{padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(148,163,184,.12)}.host-landing__status--live{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.18);color:#bbf7d0}.host-landing__status--draft{border-color:rgba(56,189,248,.38);background:rgba(56,189,248,.16);color:#bae6fd}.host-landing__ownership{color:rgba(148,163,184,.78)}.host-landing__event-body h2{margin:0;font-size:1.1rem;letter-spacing:-.01em}.host-landing__event-body p{margin:0;color:var(--host-dashboard-subtle-text)}.host-landing__event-actions{margin-top:.5rem}.host-landing__event-actions button{border-radius:12px;padding:.6rem 1.1rem;border:1px solid rgba(56,189,248,.45);background:rgba(56,189,248,.12);color:#e0f2fe;font-weight:600;cursor:pointer;transition:transform .12s ease}.host-landing__event-actions button:hover{transform:translateY(-1px)}.host-landing__event-cover--placeholder{padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.42);background:rgba(15,23,42,.7)}@media (max-width:720px){.host-landing{margin:2.5rem auto}.host-landing__header{flex-direction:column;align-items:flex-start}.host-landing__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.playback-prompt__device-name{font-weight:600}.playback-prompt__device-status{font-size:.8rem;color:var(--host-dashboard-subtle-text)}.publication-panel__status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.publication-panel__status-indicator{width:12px;height:12px;border-radius:50%;background:var(--host-dashboard-subtle-text)}.publication-panel__status-indicator[data-status=live]{background:var(--host-dashboard-success)}.publication-panel__status-indicator[data-status=ended]{background:var(--host-dashboard-danger)}.publication-panel__controls{display:grid;grid-gap:.75rem;gap:.75rem}.publication-panel__controls label{display:flex;justify-content:space-between;align-items:center;gap:1rem}.publication-panel__controls textarea{min-height:96px;resize:vertical;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.9);color:inherit}.event-setup-wizard{display:flex;flex-direction:column;gap:1.5rem}.event-setup-wizard__steps{display:flex;gap:.5rem;flex-wrap:wrap}.event-setup-wizard__step-btn{flex:1 1 110px;border-radius:12px;padding:.75rem 1rem;border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.6);color:inherit;cursor:pointer;transition:border .12s ease,background .12s ease}.event-setup-wizard__step-btn[aria-current=step]{border-color:var(--host-dashboard-accent);background:rgba(56,189,248,.16)}.event-setup-wizard__panel{border-radius:16px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.72);padding:1.25rem;box-shadow:inset 0 1px 0 rgba(148,163,184,.08)}.event-setup-wizard__field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.event-setup-wizard__field label{font-size:.85rem;font-weight:600;letter-spacing:.02em}.event-setup-wizard__field input,.event-setup-wizard__field select,.event-setup-wizard__field textarea{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.25);color:inherit;border-radius:12px;padding:.65rem .8rem;font:inherit}.event-setup-wizard__schedule-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.event-setup-wizard__upload{position:relative;border:1px dashed rgba(148,163,184,.35);padding:1.5rem;border-radius:16px;text-align:center;background:rgba(15,23,42,.6)}.event-setup-wizard__upload-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:rgba(59,130,246,.12);color:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.event-setup-wizard__upload-trigger:hover:not(:disabled){background:rgba(59,130,246,.2);border-color:rgba(96,165,250,.5)}.event-setup-wizard__upload-trigger:disabled{opacity:.6;cursor:not-allowed}.event-setup-wizard__upload-trigger:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:2px}.event-setup-wizard__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.event-setup-wizard__preview-image{max-width:100%;border-radius:16px;margin-top:1rem;border:1px solid rgba(148,163,184,.25)}.event-setup-wizard__error{color:var(--host-dashboard-danger);font-size:.85rem}.event-setup-wizard__actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.event-setup-wizard__actions button{border-radius:999px;padding:.7rem 1.4rem;border:1px solid rgba(148,163,184,.3);background:transparent;color:inherit;cursor:pointer}.event-setup-wizard__actions button.primary{background:var(--host-dashboard-accent);color:#0f172a;border:none;box-shadow:0 10px 22px rgba(56,189,248,.32)}.event-setup-wizard__summary{display:grid;grid-gap:1rem;gap:1rem}.event-setup-wizard__summary-card{background:rgba(15,23,42,.5);border-radius:16px;border:1px solid rgba(148,163,184,.25);padding:1rem 1.25rem}.event-setup-wizard__summary-card h3{margin:0 0 .65rem;font-size:1rem}.host-dashboard__toast-region{display:grid;grid-gap:.75rem;gap:.75rem}.host-dashboard__alert{border-radius:16px;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.45;border:1px solid transparent}.host-dashboard__alert--error{background:hsla(0,91%,71%,.12);border-color:hsla(0,91%,71%,.35);color:#fecaca}.host-dashboard__alert--info{background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.35);color:#bae6fd}@media (max-width:960px){.host-dashboard__grid{grid-template-columns:1fr}.host-dashboard__cta{width:100%;justify-content:flex-start}}@media (max-width:720px){.host-dashboard{padding:calc(var(--host-dashboard-spacing) * 1.5) var(--host-dashboard-spacing) calc(var(--host-dashboard-spacing) * 2.2)}.host-dashboard__title-block h1{font-size:var(--host-dashboard-heading-tablet)}.event-pulse__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.event-setup-wizard__steps{overflow-x:auto;padding-bottom:.35rem}.event-setup-wizard__actions{flex-direction:column;align-items:stretch}.event-setup-wizard__actions button{width:100%;text-align:center}}@media (max-width:400px){.host-dashboard__title-block h1{font-size:var(--host-dashboard-heading-mobile)}.host-dashboard__cta{flex-direction:column;align-items:stretch}.host-dashboard__cta button{width:100%;justify-content:center}}:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#020617;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}a{color:inherit}.auth-shell{max-width:520px;margin:6rem auto;padding:0 1.5rem}.auth-card{background:rgba(15,23,42,.85);border-radius:16px;padding:2.5rem 2rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 40px 80px rgba(2,6,23,.35);color:#e2e8f0;display:grid;grid-gap:1.25rem;gap:1.25rem;text-align:center}.auth-form{display:grid;grid-gap:1rem;gap:1rem;text-align:left}.auth-form label span{font-size:.95rem;font-weight:600;color:#e2e8f0}.auth-form input{background:rgba(15,23,42,.65);border-radius:12px;border:1px solid rgba(148,163,184,.35);padding:.8rem 1rem;color:#e2e8f0}.auth-card .primary,.auth-form button.primary{padding:.9rem 1.35rem;border-radius:12px;border:none;background:rgba(56,189,248,.65);color:#0f172a;font-weight:600;cursor:pointer}.auth-card .primary:disabled{opacity:.6;cursor:wait}.auth-card .secondary{border:1px solid rgba(148,163,184,.4);padding:.8rem 1.25rem;border-radius:12px;background:transparent;color:#e2e8f0;font-weight:600;cursor:pointer}.auth-error{color:#fecaca;background:hsla(0,91%,71%,.12);border-radius:12px;padding:.75rem 1rem;border:1px solid hsla(0,91%,71%,.35)}