.frictions-player{--fp-bg:#fff;--fp-ink:#19263c;--fp-muted:#52637a;--fp-line:#dce3eb;--fp-soft:#f4f7fa;--fp-accent:#4338ca;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fp-ink);background:var(--fp-bg);border:1px solid var(--fp-line);border-radius:14px;overflow:hidden;max-width:100%;box-sizing:border-box}.frictions-player *{box-sizing:border-box}.frictions-player button,.frictions-player select{font:inherit;color:var(--fp-ink);background:var(--fp-bg);border:1px solid var(--fp-line);border-radius:7px;min-height:40px;padding:7px 12px;cursor:pointer;white-space:normal}.frictions-player button:hover{background:var(--fp-soft)}.frictions-player button:disabled{opacity:.55;cursor:default}.frictions-player :focus-visible{outline:3px solid var(--fp-accent);outline-offset:3px}.frictions-player [hidden]{display:none!important}.fp-header{padding:16px 20px;border-bottom:1px solid var(--fp-line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fp-header strong{font-size:16px}.fp-muted{color:var(--fp-muted);font-size:13px}.fp-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px}.fp-layout.fp-no-events{grid-template-columns:minmax(0,1fr)}.fp-scene{padding:12px;min-width:0;min-height:270px;overflow:auto;background:repeating-conic-gradient(#edf1f5 0 25%,#e7ecf2 0 50%) 0/20px 20px;display:flex;justify-content:center;align-items:flex-start}.fp-viewport{position:relative;flex:none}.fp-frame{display:block;border:0;transform-origin:top left;pointer-events:none;position:absolute;left:0;top:0;background:#fff}.fp-events{padding:16px;border-left:1px solid var(--fp-line);max-height:680px;overflow:auto}.fp-events h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.fp-events .fp-event{display:flex;align-items:flex-start;gap:10px;text-align:left;border:0;border-radius:8px;width:100%;margin-bottom:6px;padding:9px 6px;line-height:1.4}.fp-event time{font-size:12px;color:var(--fp-muted);white-space:nowrap}.fp-event.fp-issue{background:#fff3e8;color:#7b3412}.fp-status{color:var(--fp-muted);font-size:12px;margin:0;padding:9px 18px;border-top:1px solid var(--fp-line);min-height:36px}.fp-controls{padding:12px 18px 18px;border-top:1px solid var(--fp-line)}.fp-timeline{display:block;width:100%;margin:4px 0;height:24px;accent-color:var(--fp-accent)}.fp-markers{height:17px;position:relative;margin:0 12px 8px}.fp-markers .fp-marker{position:absolute;transform:translateX(-50%);top:0;width:12px;min-height:12px;height:12px;padding:0;border:2px solid var(--fp-bg);border-radius:50%;background:#7f8aa0}.fp-markers .fp-marker.fp-issue{background:#c2410c}.fp-control-row,.fp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fp-actions{margin-top:10px;padding-top:10px;border-top:1px solid var(--fp-line)}.fp-time{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 6px;font-size:13px}.fp-check{display:flex;align-items:center;gap:7px;font-size:13px;min-height:40px;cursor:pointer}.fp-check input{width:16px;height:16px;accent-color:var(--fp-accent)}.fp-shortcuts{margin-top:12px;color:var(--fp-muted);font-size:12px}.fp-shortcuts summary{cursor:pointer}.fp-shortcuts p{margin:8px 0 0}.frictions-player:fullscreen{border-radius:0;width:100vw;height:100vh;overflow:auto}.frictions-player:fullscreen .fp-scene{min-height:55vh}@media(max-width:760px){.fp-layout{grid-template-columns:minmax(0,1fr)}.fp-events{max-height:230px;border-left:0;border-top:1px solid var(--fp-line)}.fp-header{padding:14px}.fp-controls{padding:10px 12px 14px}.fp-control-row{gap:6px}.frictions-player button,.frictions-player select{padding:7px 10px}.fp-status{padding:9px 12px}}@media(prefers-color-scheme:dark){.frictions-player{--fp-bg:#152033;--fp-ink:#ecf1f8;--fp-muted:#b2bfd2;--fp-line:#34445e;--fp-soft:#21314b;--fp-accent:#a5b4fc}.fp-scene{background:#0b1423}.fp-event.fp-issue{background:#4b2d1f;color:#ffdbb9}}@media(prefers-reduced-motion:reduce){.frictions-player *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}