:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#f1f5f9;color:#0f172a}body{margin:0;padding:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}button{font-family:inherit}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.broadcast-container{padding:20px;background-color:#f4f6f8;min-height:100vh}.page-header h1{margin-bottom:5px;color:#1e293b}.page-header p{color:#64748b;margin-bottom:30px}.broadcast-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.composer-card,.tip-card,.preview-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000000d}.form-group{margin-bottom:20px}.form-row{display:flex;gap:20px}.half{flex:1}label{display:block;font-weight:600;margin-bottom:8px;color:#334155}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}.btn-broadcast{width:100%;padding:14px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s}.btn-broadcast:hover{background:#1d4ed8}.notification-preview{display:flex;align-items:flex-start;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.icon-box{font-size:24px;margin-right:12px}.content-box strong{display:block;font-size:14px;color:#1e293b}.content-box p{font-size:12px;color:#64748b;margin:2px 0 0}.alert-banner{padding:12px;border-radius:6px;margin-bottom:20px;font-weight:500}.alert-banner.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-banner.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-back{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #cbd5e1;padding:8px 16px;border-radius:6px;color:#475569;font-weight:600;cursor:pointer;margin-bottom:15px;transition:all .2s}.btn-back:hover{background:#fff;border-color:#94a3b8;color:#1e293b;box-shadow:0 2px 4px #0000000d}