:root{--bg:#fff7fb;--fg:#1f1720;--accent:#f67aac;--card:#fff;--line:#eadde4;--muted:#746b72}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1120px,calc(100% - 24px));margin:0 auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,247,251,.8);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}.nav-links{display:flex;gap:12px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:.02em}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.grid{display:grid;grid-gap:16px;gap:16px}.btn,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:12px;padding:12px 16px;cursor:pointer;font:inherit}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.input,input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:12px;padding:12px 14px;font:inherit}.helper{color:var(--muted);font-size:.94rem}.section-title{margin:0 0 8px;font-size:1.25rem}.page-title{margin:0 0 8px;font-size:clamp(1.6rem,2.5vw,2.2rem)}.hero{display:grid;grid-gap:16px;gap:16px;padding:28px}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.2rem)}.live-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) 360px}.player{aspect-ratio:16/9;width:100%;border:0;border-radius:16px;background:#111}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.guest-overlay{position:absolute;right:16px;bottom:16px;width:min(28vw,280px);border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.22);background:#fff;border:1px solid hsla(0,0%,100%,.2)}.guest-state{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(135deg,#ffe0ec,#f7f3ff);text-align:center;padding:16px}.footer{margin-top:48px;padding:24px 0 48px;color:var(--muted)}@media (max-width:920px){.live-layout{grid-template-columns:1fr}}@media (max-width:640px){.container{width:min(100% - 16px,1120px)}.nav{min-height:56px}.guest-overlay{width:36vw;min-width:110px;max-width:180px;right:10px;bottom:10px}}