.ys{z-index:50;--ys-p:0;background:#ededec;position:fixed;inset:0;overflow:hidden}.ys-backdrop{z-index:-1;filter:blur(48px)saturate(.55)brightness(1.12);opacity:.5;background-position:50%;background-size:cover;position:absolute;inset:-10%}.ys-stage{background:#d9d6d0;min-width:0;min-height:0;position:relative;overflow:hidden}.ys-video{object-fit:cover;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ys[data-mode=port]{flex-direction:column;display:flex}.ys[data-mode=port] .ys-stage{border-radius:0 0 28px 28px;flex:0 125vw}.ys[data-mode=port] .ys-video{object-position:50% 0%}.ys[data-mode=land] .ys-stage{position:absolute;inset:0}.ys[data-mode=land] .ys-video,.ys[data-mode=wide] .ys-video{object-position:50% 58%}.ys[data-mode=wide]{grid-template-columns:minmax(0,1fr) clamp(340px,27vw,430px);gap:14px;padding:14px;display:grid}.ys[data-mode=wide] .ys-stage{border-radius:28px;box-shadow:0 30px 70px -40px #14141473}.ys-btn{border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ys-btn[aria-pressed=true],.ys-btn[aria-expanded=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.ys-btn:disabled{opacity:.3}.ys-chip{white-space:nowrap;border-radius:999px;align-items:center;height:44px;padding:0 16px;font-size:14px;display:inline-flex}.ys-top{z-index:6;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute}.ys-auto{transition:opacity .45s var(--ease), transform .45s var(--ease)}.ys[data-idle=true] .ys-auto{opacity:0;pointer-events:none}.ys[data-idle=true] .ys-dock.ys-auto{transform:translateY(10px)}.ys[data-idle=true] .ys-video{cursor:none}.ys-quiet{z-index:3;opacity:0;pointer-events:none;transition:opacity .45s var(--ease);position:absolute;bottom:8px;left:22px;right:22px}.ys[data-idle=true] .ys-quiet{opacity:1}.ys-segs{gap:4px;display:flex}.ys-seg{flex:var(--w,1) 1 0;align-items:center;min-width:0;height:22px;display:grid}.ys-seg>i{height:5px;transition:height .2s var(--ease);background:#14141421;border-radius:99px;display:block;overflow:hidden}.ys-seg:hover>i{height:9px}.ys-seg b{border-radius:inherit;background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ys-seg[data-s=done] b{transform:none}.ys-seg[data-s=now] b{background:var(--led-red);transform:scaleX(var(--ys-p))}.ys-segs[data-on=video] .ys-seg>i{background:#ffffff80;height:4px;box-shadow:0 1px 6px #00000047}.ys-segs[data-on=video] .ys-seg b{background:#fff}.ys-segs[data-on=video] .ys-seg[data-s=now] b{background:var(--led-red)}.ys-dock{z-index:5;left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));border-radius:28px;padding:6px 16px 10px;position:absolute}.ys-dockrow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.ys-play{background:var(--ink);color:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.ys-sub{z-index:4;text-align:center;text-wrap:balance;width:max-content;max-width:min(680px,100% - 48px);transition:bottom .45s var(--ease);border-radius:20px;padding:10px 18px;font-size:clamp(15px,.5vw + 11px,19px);line-height:1.35;position:absolute;bottom:132px;left:50%;translate:-50%}.ys[data-idle=true] .ys-sub{bottom:30px}.ys-pip{z-index:4;top:calc(max(12px, env(safe-area-inset-top)) + 56px);left:max(12px, env(safe-area-inset-left));aspect-ratio:4/5;width:clamp(118px,22%,280px);border-radius:22px!important;position:absolute!important;box-shadow:0 20px 50px -20px #1414148c!important}.ys-bigplay{z-index:4;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;height:64px;padding:0 30px 0 10px;font-size:17px;font-weight:500;display:inline-flex;position:absolute;bottom:9%;left:50%;translate:-50%}.ys-bigplay>span:first-child{background:var(--ink);color:#fff;border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.ys-panel{z-index:7;margin:-34px 10px max(10px, env(safe-area-inset-bottom));border-radius:28px;flex-direction:column;flex:1 0 auto;padding:16px 18px 14px;display:flex;position:relative}.ys-side{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;min-height:0;padding:22px 14px 14px;display:flex;box-shadow:inset 0 1px #fff,0 30px 70px -44px #14141466}.ys-landcard{z-index:7;top:10px;bottom:10px;right:max(10px, env(safe-area-inset-right));border-radius:28px;width:min(400px,50%);padding:18px;position:absolute;overflow-y:auto}.ys-list{scrollbar-width:none;flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.ys-list::-webkit-scrollbar{display:none}.ys-row{text-align:left;width:100%;min-height:54px;max-height:118px;transition:background-color .3s var(--ease);border-radius:20px;flex:1 1 0;align-items:center;gap:12px;padding:5px 12px 5px 5px;display:flex}.ys-row:hover{background:var(--surface)}.ys-row[aria-current=step]{background:var(--fill)}.ys-thumb{aspect-ratio:1;background:var(--fill);border-radius:15px;flex:none;align-self:stretch;min-width:44px;position:relative;overflow:hidden}.ys-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ys-row[data-s=done] .ys-thumb img{opacity:.55}.ys-live{background:var(--led-red);border-radius:99px;flex:none;width:8px;height:8px}.ys-live[data-on=true]{animation:ys-live 1.6s var(--ease) infinite}@keyframes ys-live{0%,to{box-shadow:0 0 #e23a2e73}60%{box-shadow:0 0 0 7px #e23a2e00}}.ys-sheet{z-index:20;border-radius:28px;flex-direction:column;padding:14px 10px 10px;display:flex;position:absolute}.ys[data-mode=port] .ys-sheet{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));height:min(66%,620px)}.ys[data-mode=land] .ys-sheet{top:8px;bottom:8px;right:max(8px, env(safe-area-inset-right));width:min(380px,52%)}.ys-pop{z-index:21;top:calc(max(12px, env(safe-area-inset-top)) + 54px);right:max(12px, env(safe-area-inset-right));border-radius:26px;width:min(340px,100% - 24px);padding:18px;position:absolute}.ys-done{z-index:30;-webkit-backdrop-filter:blur(34px)saturate(.8);backdrop-filter:blur(34px)saturate(.8);animation:ys-fade .6s var(--ease) both;background:#eeeeed9e;position:absolute;inset:0;overflow-y:auto}@keyframes ys-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ys-auto,.ys-quiet,.ys-sub,.ys-row,.ys-seg>i{transition:none}.ys-live[data-on=true],.ys-done{animation:none}}.ys-next{background:var(--surface);border-radius:18px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:5px 14px 5px 5px;display:flex}.ys-next img{object-fit:cover;border-radius:13px;flex:none;width:40px;height:40px}@media (max-height:760px){.ys-next{display:none}}.ys[data-mode=port] .ys-done{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#eeeeed14 0%,#eeeeedb3 46%)}.ys[data-phase=done] .ys-top{opacity:0;pointer-events:none}.ys[data-mode=land] .ys-video{object-position:50% 30%}.ys[data-mode=land][data-phase=ready] .ys-video{width:calc(100% - min(400px,50%) - 10px)}