body{color:#111;background:#f9fafb;margin:0;font-family:system-ui,sans-serif}.app-main{max-width:720px;margin:0 auto;padding:32px 16px 64px}.viewer-hero{margin-bottom:24px}.viewer-hero h1{margin:0 0 8px;font-size:1.75rem}.viewer-subtitle{color:#6b7280;margin:0;line-height:1.5}.viewer-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 1px 3px #00000014}.viewer-card h1,.viewer-card h2{margin:0 0 8px;font-size:1.125rem}.viewer-card h1{font-size:1.75rem}.viewer-meta{color:#6b7280;margin:0 0 12px;font-size:.875rem}.viewer-card video{background:#000;border-radius:8px;width:100%}.viewer-empty{color:#6b7280;font-style:italic}.viewer-notice{color:#047857;margin:0 0 16px}.viewer-error{color:#b91c1c;margin:0 0 16px}.viewer-card label{margin-bottom:8px;font-weight:600;display:block}.viewer-card input[type=text]{box-sizing:border-box;letter-spacing:4px;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px;font-size:1.25rem}.viewer-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.viewer-actions button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:12px 20px;font-weight:600;display:inline-block}.viewer-actions button:disabled{opacity:.6;cursor:not-allowed}.viewer-btn-secondary{color:#111!important;background:#e5e7eb!important}