@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #141414;--fg: #eaeae9;--fg-2: #565656;--hair: #1d1d1d;--fill: rgb(86 86 86 / .14);--skel: rgb(86 86 86 / .28);--skel-lo: rgb(86 86 86 / .13);--blue: #007afd;--green: #55ff5e;--mascot: #fdd900;--pink: #ff5fa8;--text: var(--fg);--sans: "Inter Variable", "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;--lh: 20px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s15: 60px;--s20: 80px;--ctl: 30px;--ctl-x: 12px;--ctl-r: 6px;--icon: 14px;--row: 36px;--year: 128px;--rail: 195px;--col: 556px;--edge: clamp(20px, 5.6vw, 82px);--top: 40px;--start: 120px;--well: #191918;--plate-r: 12px;--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.65, 0, .35, 1);--ease-curtain: cubic-bezier(.76, 0, .24, 1);--ease-settle: cubic-bezier(.05, .85, .3, 1);--ease-enter: cubic-bezier(.1, .8, .3, .95);--ease-travel: cubic-bezier(.45, 0, .1, 1);--ease-arrive: cubic-bezier(.25, .8, .25, 1);--ease-snappy: linear(0, .02, .071, .143, .227, .316, .405, .491, .572, .646, .712, .77, .82, .862, .898, .927, .95, .969, .984, .995, 1.002, 1.008, 1.012, 1.014, 1.015, 1.015, 1.015, 1.014, 1.013, 1.011, 1.01, 1.009, 1.007, 1.006, 1.005, 1.004, 1.003, 1.002, 1.002, 1.001, 1);--ease-spring: linear(0, .137, .269, .394, .512, .617, .711, .792, .86, .916, .959, .992, 1.015, 1.029, 1.035, 1.034, 1.033, 1.031, 1.028, 1.026, 1.023, 1.02, 1.017, 1.014, 1.011, 1.008, 1.006, 1.004, 1.002, 1.001, 1, 1, 1);--ease-pop: linear(0, .137, .267, .39, .504, .608, .703, .788, .863, .927, .98, 1.023, 1.056, 1.079, 1.093, 1.099, 1.097, 1.088, 1.074, 1.059, 1.046, 1.035, 1.026, 1.018, 1.013, 1.008, 1.005, 1.003, 1.002, 1.002, 1.001, 1.001, 1);--ease-glide: linear(0, .307, .523, .681, .799, .886, .949, .993, 1.02, 1.033, 1.035, 1.033, 1.03, 1.025, 1.019, 1.013, 1.006, 1.001, .997, .995, .995, .996, .996, .997, .998, .998, .999, .999, 1, 1, 1, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg)}html,body{overscroll-behavior-y:none}#root{overflow:clip}body{font:500 14px/var(--lh) var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p{font:inherit}ul,ol{list-style:none}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--fg);color:var(--bg)}.site{position:relative;display:grid;grid-template-columns:var(--rail) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr) var(--rail);min-height:100svh;padding-inline:var(--edge);color:var(--fg)}.muted{color:var(--fg-2)}.rail{position:sticky;top:0;z-index:4;align-self:start;display:flex;flex-direction:column;width:max-content}.rail-l{grid-column:1;padding-top:var(--top)}.logo{width:20px;height:20px;margin-left:calc(var(--ctl-x) + (var(--icon) - 20px) / 2);color:var(--fg)}.logo svg{width:100%;height:100%}.nav{margin-top:calc(var(--start) - var(--top) - 20px)}.btn{position:relative;z-index:1;display:flex;align-items:center;gap:var(--s2);height:var(--ctl);padding-inline:var(--ctl-x);border-radius:var(--ctl-r);color:var(--fg-2);white-space:nowrap;transition:color .25s,background-color .25s}.btn svg{flex:none;width:var(--icon);height:var(--icon);transition:color .3s cubic-bezier(.22,1,.36,1)}.btn[data-on]{color:var(--fg)}.btn:focus-visible{outline:1px solid var(--fg-2);outline-offset:2px}@media(hover:hover){.btn:hover svg{color:var(--tint, currentColor)}}.btn[data-on] svg,.btn:focus-visible svg{color:var(--tint, currentColor)}.btn-solo:hover,.btn-solo:focus-visible{background:var(--fill);color:var(--fg)}.pills{position:relative;display:flex;flex-direction:column}.pill{position:absolute;top:0;left:0;border-radius:var(--ctl-r);background:var(--fill);pointer-events:none}.pills-x{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(42px,1fr);width:max-content}.pills-x .btn{justify-content:center;padding-inline:var(--s2);font-size:13px}.scrim{position:fixed;inset:0 0 auto;z-index:3;height:128px;pointer-events:none}.scrim>i{position:absolute;inset:0;opacity:var(--scrim, 0)}.scrim>i:nth-child(1){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(#000 40%,transparent 85%);mask-image:linear-gradient(#000 40%,transparent 85%)}.scrim>i:nth-child(2){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(#000 20%,transparent 55%);mask-image:linear-gradient(#000 20%,transparent 55%)}.scrim>i:nth-child(3){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(#000,transparent 30%);mask-image:linear-gradient(#000,transparent 30%)}.scrim>i:nth-child(4){background:linear-gradient(#141414 0,#141414bc 19%,#1414148a 34%,#14141461 47%,#14141447 56.5%,#14141431 65%,#14141420 73%,#14141413 80.2%,#1414140b 86.1%,#14141405 91%,#14141402 95.2%,#14141401 98.2%,#14141400)}.col{grid-column:3;position:relative;padding-top:calc(var(--start) + (var(--ctl) - var(--lh)) / 2);padding-bottom:var(--s20)}.page{display:flex;flex-direction:column;gap:var(--s8)}.hello{position:relative;display:flex;flex-direction:column;gap:var(--s2)}.block{display:flex;flex-direction:column;gap:var(--s3)}.skel{display:inline-block;background:var(--skel);animation:skel-in .4s cubic-bezier(.39,.575,.565,1) .15s both,skel-breathe 1.4s cubic-bezier(.37,0,.63,1) calc(.55s + var(--i, 0) * .12s) infinite alternate}.skel-line{height:10px;border-radius:5px;vertical-align:middle}@keyframes skel-in{0%{opacity:0}}@keyframes skel-breathe{to{background-color:var(--skel-lo)}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.u{text-decoration:underline 1px var(--fg-2);text-underline-offset:3px;transition:text-decoration-color .25s}.u:hover{text-decoration-color:var(--fg)}.year{display:grid;grid-template-columns:var(--year) minmax(0,1fr);border-top:1px solid var(--hair)}.y,.items li{display:flex;align-items:center;height:calc(var(--row) - 1px)}.items li+li{height:var(--row);border-top:1px solid var(--hair)}.items .row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);width:100%;height:100%}.row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items li{transition:color .35s cubic-bezier(.22,1,.36,1) .08s}@media(hover:hover){.years:has(.items li:hover) .items li:not(:hover){color:var(--fg-2);transition-delay:0s}.items li:hover{transition-delay:0s}}@media(max-width:1179px){.site{grid-template-columns:var(--rail) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr)}}@media(max-width:759px){.site{display:block;padding-inline:var(--s5)}.scrim{height:40px}.rail-l{position:absolute;top:var(--top);left:var(--s5);right:var(--s5);z-index:auto;width:auto;align-items:flex-start;padding:0;gap:var(--s2)}.logo{margin-block:calc((var(--ctl) - 20px) / 2)}.nav{margin:0;flex-direction:row}.nav [data-nav=home]{display:none}.col{padding-top:calc(var(--top) + 2 * var(--ctl) + var(--s2) + var(--s8) + (var(--ctl) - var(--lh)) / 2)}.site{--year: var(--s20) }.items li,.items li+li{height:auto;min-height:var(--row)}.items .row{align-items:flex-start;height:auto;padding-block:var(--s2)}.row-title{overflow:visible;white-space:normal}.items .row>:last-child:not(.row-title){flex:none}}.site{--edge-l: clamp(16px, 2.2vw, 32px);padding-left:var(--edge-l);grid-template-columns:calc(var(--rail) + var(--edge) - var(--edge-l)) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr) var(--rail)}@media(max-width:1179px){.site{grid-template-columns:calc(var(--rail) + var(--edge) - var(--edge-l)) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr)}}.rail-l{width:auto;padding-right:var(--s6)}.logo+.pills{margin-top:calc(var(--start) - var(--top) - 20px)}.chan-list+.nav{margin-top:var(--s6)}.chan-list{max-height:calc(12 * var(--ctl));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.chan-list::-webkit-scrollbar{display:none}.chan-btn[data-live]{color:var(--fg)}.chan-btn .ava{flex:none;width:18px;height:18px;margin-inline:-2px;overflow:hidden;border-radius:50%;background:var(--well)}.chan-btn .ava img{display:block;width:100%;height:100%;object-fit:cover}.chan-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chan-btn .dot{flex:none;width:6px;height:6px;margin-left:auto;border-radius:50%;background:#eb0400}.rail-out{margin-top:var(--s6)}@media(max-width:759px){.rail-out{position:absolute;top:0;right:0;margin:0}.site{padding-left:var(--s5)}.chan-list{display:none}.logo+.pills{margin-top:0}}.site:has(.page.wide){--col: calc(556px + 12rem) }.page.wide{gap:var(--s10)}.label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4)}button.row{text-align:left;font:inherit;color:inherit;background:none;border:0;cursor:pointer}.row:focus-visible{outline:1px solid var(--fg-2);outline-offset:2px;border-radius:2px}.y{min-width:0;padding-right:var(--s3)}.y-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items .row>.muted:last-child{flex:none;white-space:nowrap}@media(hover:hover){.years:has(.items li:hover) .items li:not(:hover) .said{color:var(--fg-2)}}.cover,.chan,.mcard{transition:opacity .35s cubic-bezier(.22,1,.36,1) .08s}@media(hover:hover){.covers:has(.cover:hover) .cover:not(:hover),.chans:has(.chan:hover) .chan:not(:hover),.mgrid:has(.mcard:hover) .mcard:not(:hover){opacity:.45;transition-delay:0s}}.covers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s5) var(--s3)}.cover{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.art{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--ctl-r);background:var(--well)}.art img{display:block;width:100%;height:100%;object-fit:cover}.art-none{display:flex;align-items:flex-end;height:100%;padding:var(--s3);color:var(--fg-2)}.cover-text{display:flex;flex-direction:column;min-width:0}.cover-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s8)}.chan{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-width:0}.chan-main{display:flex;align-items:center;gap:var(--s3);min-width:0}.chan-text{display:flex;flex-direction:column;min-width:0}.chan-name,.chan-text .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--well);color:var(--fg-2)}.avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar[data-live]:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#eb0400;box-shadow:0 0 0 2px var(--bg)}.avatar.small{width:24px;height:24px}.avatar.small:after{width:7px;height:7px}.avatar.big{width:64px;height:64px}.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6) var(--s3)}.mcard{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.thumb{position:relative;display:block;aspect-ratio:16 / 9;margin-bottom:var(--s1);overflow:hidden;border-radius:var(--ctl-r);background:var(--well)}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.dur{position:absolute;right:var(--s2);bottom:var(--s2);padding-inline:6px;border-radius:4px;background:#141414cc;font-size:13px;line-height:20px}.mark{position:absolute;top:var(--s2);left:var(--s2);color:var(--mascot);font-size:13px;line-height:16px}.mtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcard>.muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{overflow:hidden;color:var(--fg-2);font-size:13px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.cat-head,.chan-head{display:flex;align-items:center;gap:var(--s5)}.cat-head .art.small{flex:none;width:72px}.chan-head .controls{margin-left:auto}.live-row{justify-content:flex-start!important}.live-row .row-title{flex:1}.live-row .row-title>span:first-child{color:var(--fg)}.bar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}.filters{display:flex;flex-direction:column;gap:var(--s2);margin-left:calc(-1 * var(--ctl-x))}.pills-row{flex-direction:row;flex-wrap:wrap}.pills-row .btn{font-size:13px}.pills-x .btn[data-on],.pills-row .btn[data-on]{color:var(--fg)}[hidden]{display:none!important}.moment{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.moment-body{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:var(--s8);align-items:start;margin-top:var(--s2)}.plate{position:relative;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:var(--plate-r);background:var(--well);cursor:pointer}.plate video,.plate img{display:block;width:100%;height:100%;object-fit:cover;background:var(--well)}.plate-note{position:absolute;inset:auto 0 0;padding:var(--s3) var(--s4);background:linear-gradient(transparent,#141414d9);color:var(--fg-2)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-left:calc(-1 * var(--ctl-x))}.controls .btn[data-on]{background:var(--fill);color:var(--fg)}.fixed{display:inline-grid}.fixed:after{content:attr(data-w);visibility:hidden;height:0}.transcript{display:flex;flex-direction:column;gap:2px;margin-inline:calc(-1 * var(--s2))}.line{padding:var(--s1) var(--s2);border-radius:var(--ctl-r);cursor:pointer;transition:background-color .25s}@media(hover:hover){.line:hover{background:var(--fill)}}.line[data-loop]{background:var(--fill)}.line .w{color:var(--fg-2);transition:color .3s cubic-bezier(.22,1,.36,1)}.line .w[data-said]{color:var(--fg)}.line .w[data-x]{text-decoration:underline 1px var(--fg-2);text-underline-offset:3px}.moment-side{position:sticky;top:var(--s10);display:flex;flex-direction:column;gap:var(--s6);min-width:0}.said-list{display:flex;flex-direction:column;gap:var(--s4)}.said-list li{display:flex;flex-direction:column}.said-key{text-decoration:underline 1px transparent;text-underline-offset:3px;transition:text-decoration-color .25s}.said-key:hover{text-decoration-color:var(--fg)}.field{width:100%;min-width:0;height:var(--ctl);padding-inline:var(--ctl-x);border-radius:var(--ctl-r);border:0;outline:none;background:var(--fill);color:var(--fg);font:inherit;box-shadow:0 0 0 9px transparent;transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}.field::placeholder{color:var(--fg-2)}.field:focus-visible{box-shadow:0 0 0 3.5px #56565680}.add,.login{display:flex;flex-direction:column;gap:var(--s3)}.add{flex-direction:row;align-items:center}.add .btn,.login .controls{flex:none}.btn-icon{padding-inline:var(--s2)}.ask{display:flex;flex-direction:column;gap:var(--s2)}.path{overflow-wrap:anywhere}.kbd{padding:1px 5px;border-radius:4px;background:var(--well);color:var(--fg);font:400 12.5px ui-monospace,SF Mono,Menlo,monospace}@media(max-width:999px){.covers{grid-template-columns:repeat(4,minmax(0,1fr))}.chans{grid-template-columns:minmax(0,1fr)}}@media(max-width:759px){.covers{grid-template-columns:repeat(3,minmax(0,1fr))}.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-body{grid-template-columns:minmax(0,1fr)}.moment-side{position:static}.bar{flex-direction:column}.chan-head{flex-wrap:wrap}}.player{position:relative;z-index:2;container-type:inline-size}.player .plate{overflow:visible;cursor:auto}.player .plate>video{border-radius:inherit}.plate-still{cursor:auto}.player-hit{position:absolute;inset:0;border-radius:inherit;cursor:pointer}.player-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-soft)}.player-still[data-on]{opacity:1;transition:none}.player-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:56px var(--s2) 6px;border-radius:0 0 var(--plate-r) var(--plate-r);background:linear-gradient(to top,#0000009e,#00000080 18%,#00000057,#0000002e,#00000012 78%,#0000);pointer-events:none;transition:opacity .3s var(--ease-soft)}.player[data-idle] .player-bar{opacity:0;transition-duration:.6s}.player[data-idle] .player-bar *{pointer-events:none!important}.player[data-idle] .player-hit{cursor:none}.seek{position:relative;height:16px;margin-inline:6px;cursor:pointer;touch-action:none;outline:none;pointer-events:auto}.seek-track{position:absolute;left:0;right:0;top:6.5px;height:3px;overflow:hidden;border-radius:1.5px;background:#eaeae93d;transition:transform .3s var(--ease-soft);will-change:transform}.seek:is(:hover,[data-drag]) .seek-track{transform:scaleY(1.667)}.seek-track i{position:absolute;inset:0;transform-origin:0 50%}.seek-buf{background:#eaeae933;transform:scaleX(var(--b))}.seek-hover{background:#eaeae93d;transform:scaleX(var(--h));opacity:0;transition:opacity .2s}.seek:hover .seek-hover{opacity:1}.seek-fill{background:var(--fg);transform:scaleX(var(--p))}.seek-head{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--p) * 100%));will-change:transform}.seek-knob{position:absolute;left:-6px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--fg);transform:scale(0);transition:transform .25s var(--ease-soft)}.seek:is(:hover,:focus-visible,[data-drag]) .seek-knob{transform:none;transition:transform .4s var(--ease-spring)}.seek-tip{position:absolute;left:0;bottom:calc(100% + var(--s2));display:flex;flex-direction:column;align-items:center;gap:2px;width:max-content;max-width:min(280px,100%);padding:6px 10px;border-radius:var(--ctl-r);background:#0c0c0cdb;color:var(--fg);font-size:13px;line-height:18px;text-align:center;pointer-events:none;opacity:0;transition:opacity .15s;transform:translate(clamp(0px,calc(var(--x, 0px) - 50%),calc(var(--w, 0px) - 100%)))}.seek-tip[data-show]{opacity:1}.seek-said{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.seek-at{color:#eaeae999;font-variant-numeric:tabular-nums}.player-row{display:flex;align-items:center;gap:2px;margin-top:2px}.player-row>*{pointer-events:auto}.player-gap{flex:1}.pbtn{position:relative;display:inline-grid;place-items:center;min-width:var(--ctl);height:var(--ctl);padding:0 6px;border:0;border-radius:var(--ctl-r);background:none;color:var(--fg);font:inherit;cursor:pointer;transition:background-color .2s}.pbtn svg{width:16px;height:16px}@media(hover:hover){.pbtn:hover{background:#eaeae91f}}.pbtn:focus-visible{outline:1px solid rgb(234 234 233 / .6);outline-offset:-1px}.pbtn:after{content:"";position:absolute;left:50%;bottom:4px;width:14px;height:2px;margin-left:-7px;border-radius:1px;background:var(--fg);transform:scaleX(0);transition:transform .3s var(--ease-soft)}.pbtn[aria-pressed=true]:after{transform:none}.player-rate{min-width:34px;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.player-time{padding-inline:var(--s2);color:var(--fg);font-size:13px;line-height:16px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none!important;transform:translate(-60px);transition:transform .35s var(--ease-soft);will-change:transform}.player-time span{color:#eaeae999}.vol{display:flex;align-items:center}.vol-slider{position:relative;width:60px;height:var(--ctl);cursor:pointer;touch-action:none;outline:none;clip-path:inset(0 100% 0 0);transition:clip-path .35s var(--ease-soft)}.vol:is(:hover,:focus-within,[data-drag]) .vol-slider{clip-path:inset(0)}.vol:is(:hover,:focus-within,[data-drag])+.player-time{transform:none}.vol-rail{position:absolute;inset:0 6px}.vol-track{position:absolute;left:0;right:0;top:13.5px;height:3px;overflow:hidden;border-radius:1.5px;background:#eaeae947}.vol-fill{position:absolute;inset:0;background:var(--fg);transform-origin:0 50%;transform:scaleX(var(--v))}.vol-head{position:absolute;inset:0;pointer-events:none;transform:translate(calc(var(--v) * 100%))}.vol-knob{position:absolute;left:-6px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--fg)}.vol-slider:focus-visible .vol-knob{box-shadow:0 0 0 3px #eaeae94d}@media(hover:none){.vol-slider{display:none}.player-time{transform:none}}.pmenu-wrap{position:relative}.pmenu{position:absolute;right:-4px;bottom:calc(100% + var(--s2));z-index:5;min-width:132px;padding:var(--s1);border-radius:10px;background:#181817f0;outline:1px solid rgb(234 234 233 / .06);outline-offset:-1px;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);transform-origin:100% 100%;transform:scale(.94);opacity:0;visibility:hidden;transition:transform .14s ease-in,opacity .14s ease-in,visibility 0s .14s}.pmenu[data-open]{transform:none;opacity:1;visibility:visible;transition:transform .36s var(--ease-snappy),opacity .16s var(--ease-soft),visibility 0s}.pmenu-label{margin:0;padding:var(--s1) var(--s3) 6px;color:#eaeae980;font-size:13px;line-height:16px}.pmenu .btn{justify-content:space-between;width:100%;border:0;background:none;color:#eaeae99e;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;opacity:0;transform:translateY(4px);transition:color .25s,opacity .12s,transform 0s .14s}.pmenu[data-open] .btn{opacity:1;transform:none;transition:color .25s,opacity .25s var(--ease-soft) calc(var(--i) * 30ms + 40ms),transform .36s var(--ease-snappy) calc(var(--i) * 30ms + 40ms)}.pmenu .btn[data-on]{color:var(--fg)}.pmenu .pill{background:#eaeae91a}.pmenu-note{color:#eaeae973}.player-cue{position:absolute;left:50%;bottom:64px;z-index:1;width:max-content;max-width:min(86%,640px);margin:0;padding:3px 10px;border-radius:var(--ctl-r);background:#0a0a0abd;color:var(--fg);font-size:16px;line-height:24px;text-align:center;text-wrap:balance;pointer-events:none;transform:translate(-50%);transition:transform .4s var(--ease-soft);will-change:transform}.player[data-idle] .player-cue{transform:translate(-50%,46px)}.player-cue .w{color:#eaeae980;transition:color .2s var(--ease-soft)}.player-cue .w[data-said]{color:var(--fg)}.player-cue .w[data-x]{text-decoration:underline 1px rgb(234 234 233 / .5);text-underline-offset:3px}.player-flash{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#0a0a0a80;color:var(--fg);pointer-events:none;animation:player-flash .7s var(--ease-soft) both}.player-flash svg{width:24px;height:24px}.player-start{animation:none}@keyframes player-flash{0%{opacity:0;transform:scale(.7)}18%{opacity:1;transform:none}to{opacity:0;transform:scale(1.18)}}.player-wait{position:absolute;left:50%;top:50%;z-index:1;display:flex;gap:6px;pointer-events:none;transform:translate(-50%,-50%);animation:player-in .3s .4s var(--ease-soft) both}.player-wait i{width:7px;height:7px;border-radius:50%;background:var(--fg);animation:player-breath .9s ease-in-out infinite alternate}.player-wait i:nth-child(2){animation-delay:.15s}.player-wait i:nth-child(3){animation-delay:.3s}@keyframes player-in{0%{opacity:0}}@keyframes player-breath{0%{opacity:.25;transform:scale(.75)}to{opacity:1;transform:none}}.player:fullscreen{display:grid;background:#000}.player:fullscreen .plate{width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#000}.player:fullscreen .plate>video,.player:fullscreen .player-still{object-fit:contain;background:#000}.player:fullscreen .player-bar{padding:96px var(--s4) var(--s3)}.player:fullscreen .player-cue{bottom:96px;padding:.15em .55em;font-size:clamp(18px,2vw,30px);line-height:1.45}.player:fullscreen[data-idle] .player-cue{transform:translate(-50%,64px)}@container (max-width: 520px){.pbtn[aria-label="Picture in picture"],.player-time span{display:none}.player-cue{bottom:58px;font-size:14px;line-height:20px}}@media(prefers-reduced-motion:reduce){.player,.player *{transition-duration:0s!important;animation-duration:0s!important}}