.ysp{--tan:#b49a77;--ink:#292d31;--line:#d6b991;--soft:#faf7ef;max-width:1200px;margin:24px auto;padding:24px;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box}.ysp *{box-sizing:border-box}.ysp-heading{display:flex;gap:15px;align-items:center;margin-bottom:22px}.ysp-icon{font-size:32px}.ysp h2,.ysp h3{color:var(--ink);margin:0}.ysp h2{font-size:29px}.ysp h3{font-size:22px}.ysp-heading p,.ysp-muted{margin:4px 0 15px}.ysp-url-row{margin:0 0 24px}.ysp-url-row label{display:block;font-weight:650;margin-bottom:6px}.ysp-url-row>div{display:flex;gap:8px}.ysp-url{min-width:0;flex:1;padding:11px 13px;border:1px solid #b8ada0;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.ysp button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;padding:9px 13px;cursor:pointer;min-height:43px}.ysp button:hover:not(:disabled){background:var(--soft)}.ysp button:disabled{opacity:.48;cursor:not-allowed}.ysp .ysp-load,.ysp .ysp-record,.ysp .ysp-replay{background:var(--tan);color:#fff;border-color:var(--tan)}.ysp .ysp-load:hover:not(:disabled),.ysp .ysp-record:hover:not(:disabled),.ysp .ysp-replay:hover:not(:disabled){background:#997b56}.ysp button:focus-visible,.ysp input:focus-visible,.ysp a:focus-visible{outline:3px solid #477bb9;outline-offset:2px}.ysp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:24px;align-items:start}.ysp-player-wrap{position:relative;aspect-ratio:16/9;background:#161616;border-radius:10px;overflow:hidden}.ysp-player,.ysp-player iframe{width:100%;height:100%}.ysp-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#eee;text-align:center;padding:20px}.ysp-player-wrap:has(iframe) .ysp-placeholder{display:none}.ysp-video-note,.ysp-privacy{font-size:13px;color:#676767}.ysp-panel{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.ysp-controls,.ysp-markers{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.ysp-time{font-variant-numeric:tabular-nums;color:#816e56;font-weight:650;margin:10px 0}.ysp-range{font-size:14px;color:#6f6456;margin:8px 0}.ysp-loop-label{display:flex;align-items:center;gap:7px;font-size:14px}.ysp-loop-label input{width:17px;height:17px}.ysp hr{border:0;border-top:1px solid #e9ddca;margin:24px 0}.ysp-status{color:#796b57;font-weight:650;min-height:24px}.ysp-audio{width:100%;margin:12px 0}.ysp-download{display:inline-block;margin:4px 0;color:#735832;text-decoration:underline}.ysp [hidden]{display:none!important}@media(max-width:760px){.ysp{padding:12px}.ysp-grid{grid-template-columns:1fr}.ysp-url-row>div{flex-direction:column}.ysp-panel{padding:16px}.ysp h2{font-size:24px}}