.osf{--osf-surface:#fff;--osf-page:#f7f8fa;--osf-border:#e4e7ec;--osf-text:#111827;--osf-muted:#6b7280;--osf-accent:#2563eb;--osf-accent-soft:#eff4ff;height:100%;color:var(--osf-text);background:var(--osf-surface);font-family:Inter,system-ui,sans-serif;font-size:11px;line-height:1.45;display:flex;position:relative;overflow:hidden}.osf[data-brand=onboarding]{--osf-accent:#0d9488;--osf-accent-soft:#effbf7}.osf[data-brand=changelog]{--osf-accent:#7c3aed;--osf-accent-soft:#f4f0ff}.osf[data-brand=support]{--osf-accent:#b45309;--osf-accent-soft:#fdf3e6;--osf-page:#faf8f5}.osf[data-brand=landing]{--osf-accent:#16a34a;--osf-accent-soft:#edfaf1;--osf-surface:#0f1115;--osf-text:#f3f4f6;--osf-muted:#9aa1ac;--osf-border:#232833}.osf-col{flex-direction:column;flex:1;min-width:0;display:flex}.osf-side{border-right:1px solid var(--osf-border);background:var(--osf-page);flex-direction:column;flex-shrink:0;gap:2px;width:108px;padding:12px 8px;display:flex}.osf-brand{letter-spacing:-.01em;margin-bottom:10px;padding-left:6px;font-size:12px;font-weight:600}.osf-item{color:var(--osf-muted);border-radius:5px;padding:4px 6px}.osf-item[data-active=true]{color:var(--osf-accent);background:var(--osf-accent-soft);font-weight:500}.osf-bar{border-bottom:1px solid var(--osf-border);justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;display:flex}.osf-nav{color:var(--osf-muted);gap:12px;display:flex}.osf-main{flex:1;min-width:0;padding:14px 16px;overflow:hidden}.osf-crumb{color:var(--osf-muted);font-size:10px}.osf-h1{letter-spacing:-.015em;margin:4px 0 0;font-size:16px;font-weight:600}.osf-h2{margin:0;font-size:12px;font-weight:600}.osf-text{color:var(--osf-muted);margin:6px 0 0}.osf-lines{flex-direction:column;gap:5px;margin-top:8px;display:flex}.osf-lines span{background:var(--osf-border);border-radius:999px;height:5px;display:block}.osf-tag{color:var(--osf-accent);background:var(--osf-accent-soft);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:500}.osf-btn{color:#fff;background:var(--osf-accent);font:inherit;border:none;border-radius:6px;padding:5px 10px;font-weight:500}.osf-overlay{background:#11182752;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.osf-dialog{background:var(--osf-surface);border-radius:10px;width:100%;max-width:300px;padding:14px;box-shadow:0 18px 44px #1118273d}.osf-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.osf-bubble{background:var(--osf-page);border-radius:10px;max-width:78%;padding:7px 10px}.osf-bubble[data-from=agent]{border:1px solid var(--osf-border);background:var(--osf-surface);align-self:flex-end;max-width:88%}.osf-thread{flex-direction:column;gap:8px;display:flex}.osf-muted{color:var(--osf-muted)}.osf-player{margin-top:10px}.osf-poster{aspect-ratio:16/9;background:#1e1720;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.osf-poster-bar{border-bottom:1px solid #ffffff14;gap:4px;padding:7px 9px;display:flex}.osf-poster-bar span{background:#e6e0e847;border-radius:999px;width:26px;height:5px}.osf-poster-bar span:first-child{background:#b48cbc99;width:40px}.osf-poster-body{flex-direction:column;flex:1;gap:6px;padding:10px 9px;display:flex}.osf-poster-body span{background:#e6e0e829;border-radius:999px;height:5px}.osf-play{color:#1e1720;width:30px;height:30px;transition:transform var(--d-quick) var(--ease-brand);background:#fffffff0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000047}.osf-play:hover{transform:translate(-50%,-50%)scale(1.08)}.osf-meta{color:#e6e0e8b8;gap:6px;font-size:9px;display:flex;position:absolute;bottom:8px;right:8px}.osf-chapters{gap:5px;margin-top:7px;display:flex}.osf-chapter{flex:1;min-width:0}.osf-chapter span{color:var(--osf-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.osf-chapter[data-active=true] span{color:var(--osf-accent)}.osf-track{background:var(--osf-border);border-radius:999px;height:3px;margin-top:3px}.osf-track i{background:var(--osf-accent);border-radius:999px;height:100%;display:block}