:root{--yl-teal:#087d78;--yl-deep:#0c3840;--yl-orange:#ff8a2a;--yl-ink:#172033;--yl-soft:#f5f8fb}.yl-nav{background:linear-gradient(120deg,var(--yl-deep),var(--yl-teal));box-shadow:0 6px 20px rgba(12,56,64,.18)}.yl-nav .navbar-brand,.yl-nav .nav-link{color:#fff!important;font-weight:700}.yl-nav .navbar-brand{letter-spacing:-.02em}.navbar-toggler{background:#fff}.yl-footer{border-top:1px solid #e7edf2;color:#6c7884;background:#fff}.yl-footer a{color:var(--yl-teal)}body{color:var(--yl-ink);background:var(--yl-soft)}.yl-hero{background:radial-gradient(circle at 90% 5%,rgba(255,138,42,.22),transparent 31%),linear-gradient(135deg,#073e45,#087d78);color:#fff;border-radius:24px;padding:3rem;box-shadow:0 20px 50px rgba(5,71,75,.22)}.yl-card{border:0;border-radius:20px;box-shadow:0 10px 28px rgba(27,48,71,.08)}.yl-status-dot{width:.7rem;height:.7rem;border-radius:99px;display:inline-block;background:#6c757d}.yl-status-dot.live{background:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.15)}.yl-room-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem}.yl-video-shell,.yl-chat-shell{border-radius:20px;overflow:hidden;background:#0e1920;box-shadow:0 16px 38px rgba(5,22,34,.18)}.yl-video-shell iframe{width:100%;aspect-ratio:16/9;display:block;border:0}.yl-chat-shell iframe{width:100%;height:640px;display:block;border:0}.yl-metric{font-size:1.95rem;font-weight:800;letter-spacing:-.05em}.yl-admin-sidebar .list-group-item{border:0;border-radius:10px;margin-bottom:.25rem;font-weight:600}.yl-admin-sidebar .list-group-item.active{background:var(--yl-teal)}.yl-session-type{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--yl-teal)}.yl-replay-thumb{background:linear-gradient(135deg,#0c3840,#087d78);min-height:142px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.note-editor.note-frame{border-color:#dee2e6}.yl-muted{color:#687583}.yl-gate-warning{border-left:4px solid var(--yl-orange)}@media(max-width:991px){.yl-room-grid{grid-template-columns:1fr}.yl-chat-shell iframe{height:420px}.yl-hero{padding:2rem}}


/* YetiLive Browser Broadcaster v1.1.0 */
.yl-broadcast-hero{background:radial-gradient(circle at 90% 0,rgba(255,138,42,.25),transparent 35%),linear-gradient(135deg,#063740,#087d78);color:#fff;border-radius:24px;padding:2.25rem;box-shadow:0 20px 50px rgba(5,71,75,.22)}
.yl-broadcast-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:1.25rem}.yl-preview-wrap{position:relative;background:#0d1318;border-radius:20px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 18px 44px rgba(5,22,34,.2)}.yl-preview-wrap canvas{width:100%;height:100%;display:block;background:#111}.yl-preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#d4dbe1;background:linear-gradient(145deg,#142530,#0d1318)}.yl-preview-live{position:absolute;top:14px;left:14px;padding:.38rem .68rem;border-radius:999px;background:#dc3545;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;display:none}.yl-preview-live.show{display:inline-block}.yl-broadcast-mode{border:1px solid #dce5eb;border-radius:16px;padding:1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;height:100%;background:#fff}.yl-broadcast-mode:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(22,32,51,.08)}.yl-broadcast-mode input{position:absolute;opacity:0;pointer-events:none}.yl-broadcast-mode.active{border-color:var(--yl-teal);box-shadow:0 0 0 .22rem rgba(8,125,120,.12)}.yl-broadcast-mode .icon{font-size:1.55rem}.yl-broadcast-log{min-height:150px;max-height:260px;overflow:auto;padding:1rem;border-radius:14px;background:#0e1920;color:#d8e2e8;font:normal .86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.yl-broadcast-log .ok{color:#83e8bf}.yl-broadcast-log .warn{color:#ffcc74}.yl-broadcast-log .err{color:#ff9696}.yl-control-status{display:flex;align-items:center;gap:.55rem;font-weight:700}.yl-control-status .dot{width:.7rem;height:.7rem;border-radius:999px;background:#99a7b5}.yl-control-status .dot.ready{background:#087d78}.yl-control-status .dot.live{background:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.13)}.yl-browser-note{font-size:.88rem;color:#687583}.yl-source-preview{display:none}.yl-source-preview video{display:none}@media(max-width:991px){.yl-broadcast-grid{grid-template-columns:1fr}.yl-broadcast-hero{padding:1.6rem}}