:root{--c-bg-deep: #081428;--c-bg-mid: #0a1d3a;--c-bg-glow: #1f2c5f;--c-bg-radial: radial-gradient( circle at 30% -10%, var(--c-bg-glow) 0%, var(--c-bg-mid) 55%, var(--c-bg-deep) 100% );--c-text-primary: #f5e9d0;--c-text-secondary: #c0b094;--c-text-tertiary: #8a7e66;--c-accent: #d4a754;--c-accent-hover: #e6bc6b;--c-accent-soft: rgba(212, 167, 84, .2);--c-accent-soft-dashed: rgba(212, 167, 84, .3);--c-surface: rgba(245, 233, 208, .05);--c-surface-strong: rgba(245, 233, 208, .08);--c-surface-skeleton: rgba(245, 233, 208, .06);--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-eyebrow: 11px;--fs-body: 15px;--fs-card-title: 17px;--fs-h1: 30px;--fs-fine: 12px;--fs-meta: 13px;--ls-eyebrow: .24em;--ls-h1: -.01em;--lh-body: 1.5;--lh-card: 1.55;--fw-eyebrow: 700;--fw-h1: 800;--fw-strong: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-card: 20px;--r-pill: 999px;--shadow-card: 0 30px 60px -30px rgba(0, 0, 0, .7);--layout-max-width: 720px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-stack);background:var(--c-bg-radial);background-color:var(--c-bg-deep);color:var(--c-text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{max-width:100%;display:block}a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--c-accent-hover)}.container{max-width:var(--layout-max-width);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-5)}.brand{text-align:center;padding-top:var(--sp-2)}.brand__eyebrow{font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--c-accent);font-weight:var(--fw-eyebrow)}.brand__title{margin-top:var(--sp-2);font-size:var(--fs-h1);font-weight:var(--fw-h1);letter-spacing:var(--ls-h1);color:var(--c-text-primary)}.brand__subtitle{margin-top:var(--sp-2);font-size:var(--fs-body);color:var(--c-text-secondary);line-height:var(--lh-body)}.player-card{background:var(--c-surface);border:1px solid var(--c-accent-soft);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-card)}.player-card video{width:100%;display:block;background:#000;max-height:80vh;object-fit:contain}.message-card{background:var(--c-surface);border:1px dashed var(--c-accent-soft-dashed);border-radius:var(--r-card);padding:36px var(--sp-5);text-align:center;color:var(--c-text-secondary);line-height:var(--lh-card)}.message-card__title{display:block;color:var(--c-text-primary);font-size:var(--fs-card-title);margin-bottom:var(--sp-2);font-weight:var(--fw-strong)}.message-card__eta{margin-top:var(--sp-3);font-size:var(--fs-meta);color:var(--c-accent)}.save-hint{text-align:center;color:var(--c-text-primary);font-size:var(--fs-body);line-height:var(--lh-body);padding:var(--sp-1) var(--sp-2) 0}.secondary-options{text-align:center;color:var(--c-text-secondary);font-size:var(--fs-meta);line-height:var(--lh-body)}.secondary-options summary{cursor:pointer;color:var(--c-accent);font-weight:600;letter-spacing:.02em;list-style:none}.secondary-options summary::-webkit-details-marker{display:none}.secondary-options[open] summary{margin-bottom:var(--sp-2)}.footer{text-align:center;color:var(--c-text-tertiary);font-size:var(--fs-fine);padding-top:var(--sp-4)}.skeleton{background:var(--c-surface-skeleton);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(245,233,208,.07),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--eyebrow{width:96px;height:11px;margin:0 auto}.skeleton--title{width:70%;max-width:360px;height:28px;margin:var(--sp-3) auto 0}.skeleton--subtitle{width:80%;max-width:420px;height:14px;margin:var(--sp-3) auto 0}.skeleton--player{width:100%;height:56vh;max-height:540px;border-radius:var(--r-card);background:var(--c-surface);border:1px solid var(--c-accent-soft)}.skeleton--hint{width:60%;max-width:320px;height:14px;margin:0 auto}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}