:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--color-text: #1a2231;--color-text-muted: #5a6678;--color-border: #d6dce5;--color-primary: #0070f3;--color-primary-hover: #0059c1;--color-error: #c0392b;--radius: 10px;--shadow: 0 4px 24px rgba(26, 34, 49, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.consent-page{display:flex;justify-content:center;padding:32px 16px}.consent-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px}.consent-title{margin:0 0 16px;font-size:1.25rem;font-weight:700}.consent-purpose{margin:0 0 24px;font-size:.95rem;color:var(--color-text-muted)}.consent-policy-link{display:inline-block;margin-top:8px;color:var(--color-primary);text-decoration:none}.consent-policy-link:hover{text-decoration:underline}.consent-form{display:flex;flex-direction:column;gap:12px}.consent-input{width:100%;padding:12px 14px;font-size:1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.consent-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0070f326}.consent-input:disabled{background:#eef1f5;cursor:not-allowed}.consent-submit{width:100%;padding:12px 16px;font-size:1rem;font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.consent-submit:hover:not(:disabled){background:var(--color-primary-hover)}.consent-submit:disabled{opacity:.6;cursor:not-allowed}.consent-error{margin:0;font-size:.875rem;color:var(--color-error)}.view-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#000}.player-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.player-media{width:100%;height:100%;--media-object-fit: contain}.cta-bar{flex:0 0 auto;display:flex;justify-content:center;padding:16px}.cta-button{display:inline-block;padding:12px 24px;font-size:1rem;font-weight:700;color:#fff;background-color:var(--color-primary);border-radius:6px;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.cta-button:hover{background-color:var(--color-primary-hover)}