body[data-obs-standalone]{margin:0;background:transparent;font-family:Inter,"Segoe UI",sans-serif;color:white;overflow:hidden}
.obs-widget{--obs-accent:#24d9d5;--obs-font:24px;font-size:var(--obs-font);font-family:Inter,"Segoe UI",sans-serif;color:#fff;display:grid;gap:10px;padding:12px;overflow:hidden}
.obs-row,.obs-goal{background:rgba(12,18,29,.88);border:1px solid rgba(255,255,255,.13);border-left:4px solid var(--obs-accent);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:12px;min-width:0}
.obs-row img{height:44px;width:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.obs-row div{min-width:0}.obs-row b,.obs-row span{display:block;overflow-wrap:anywhere}.obs-row b{color:var(--obs-accent);font-size:.8em;margin-bottom:4px}.obs-row span{line-height:1.4}
.obs-goal{display:grid;gap:10px}.obs-goal span{font-size:.9em}.obs-progress{height:12px;background:#ffffff20;border-radius:8px;overflow:hidden}.obs-progress>div{height:100%;background:var(--obs-accent);transition:width .3s}
.obs-waiting,#overlayStatus{font-size:16px;background:rgba(12,18,29,.8);border-radius:10px;padding:10px 14px;color:#c7cfde}#overlayStatus:empty{display:none}
#settings-obs .obs-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}#settings-obs .obs-settings-grid label{display:grid;gap:8px;min-width:0;font-size:13px}#settings-obs input,#settings-obs select{width:100%;min-width:0}#settings-obs input[type=checkbox]{width:auto}#settings-obs input[type=color]{height:38px}#settings-obs .obs-event-options{display:flex;flex-wrap:wrap;gap:14px;padding:16px}#settings-obs .obs-event-options label{display:flex;gap:6px;align-items:center;font-size:13px}#settings-obs .obs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px}#settings-obs button{padding:9px 14px}#settings-obs .obs-links{display:grid;gap:14px;padding:16px}#settings-obs .obs-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#settings-obs .obs-link b{grid-column:1/-1;font-size:13px}#settings-obs .obs-preview{border:1px dashed var(--line);border-radius:14px;background:repeating-conic-gradient(#151b26 0% 25%,#1c2432 0% 50%) 50%/24px 24px;min-height:160px;margin:16px;max-height:420px;overflow:auto}#settings-obs .obs-help{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 16px}#settings-obs [role=status]{margin:0 16px 12px;font-size:13px}
@media(max-width:620px){#settings-obs .obs-settings-grid{grid-template-columns:1fr}#settings-obs .obs-link{grid-template-columns:minmax(0,1fr)}#settings-obs .obs-link button{justify-self:start}}