.player__header{bottom:max(168px,calc(env(safe-area-inset-bottom) + 146px))!important}.player__timeline{bottom:max(194px,calc(env(safe-area-inset-bottom) + 172px))!important}.player__swipe-next{position:absolute;z-index:6;left:50%;bottom:max(236px,calc(env(safe-area-inset-bottom) + 214px));display:none;align-items:center;gap:7px;transform:translateX(-50%);padding:8px 12px;border-radius:20px;background:rgba(0,0,0,.58);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;text-shadow:0 1px 3px #000}.player__swipe-next b{color:var(--green);font-size:22px;line-height:.8;animation:swipeHint .8s ease-in-out infinite alternate}@keyframes swipeHint{to{transform:translateY(-6px)}}.player.is-awaiting-swipe .player__swipe-next{display:flex}.player__desktop-nav{display:none}.player__preview{border:0;padding:0;background:rgba(0,0,0,.38);color:#fff;text-align:left;cursor:pointer}.player__preview img{display:block;object-fit:cover;background:#151515}.player__preview-copy{display:flex;flex-direction:column;min-width:0}.player__preview small{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.player__preview strong{margin-top:3px;overflow:hidden;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.player__preview em{margin-top:3px;overflow:hidden;color:rgba(255,255,255,.7);font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}@media(min-width:900px){.player__desktop-nav{position:absolute;z-index:7;inset:0;display:block;pointer-events:none}.player__preview{position:absolute;top:50%;display:flex;align-items:center;gap:10px;width:250px;padding:8px;border:1px solid rgba(255,255,255,.34);border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.46);pointer-events:auto;transform:translateY(-50%);transition:transform .18s ease,border-color .18s ease}.player__preview:hover{border-color:var(--green);transform:translateY(-50%) scale(1.03)}.player__preview img{width:82px;height:110px;border-radius:6px}.player__preview--previous{left:20px}.player__preview--next{right:20px;text-align:right}.player__preview--next .player__preview-copy{align-items:flex-end}.player__controls{right:24px}.player__details{left:calc(50% - 210px);right:auto;width:340px}.player__header,.player__timeline{left:calc(50% - 210px);right:auto;width:340px}.player__timeline{width:340px}}@media(prefers-reduced-motion:reduce){.player__swipe-next b{animation:none!important}}
body.shorts-library-page{height:auto;min-height:100%;overflow:auto;background:linear-gradient(135deg,#07151f,#121027 55%,#061b18);color:#fff}.shorts-library{max-width:1200px;margin:0 auto;padding:28px 20px 48px}.shorts-library__header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(10,20,34,.74);box-shadow:0 12px 35px rgba(0,0,0,.28)}.shorts-library__header img{width:52px;height:52px;border-radius:14px}.shorts-library__header h1{margin:0;font-size:clamp(23px,4vw,36px);line-height:1.1}.shorts-library__header h1 span{color:var(--green)}.shorts-library__header p{margin:5px 0 0;color:rgba(255,255,255,.7);font-size:14px}.shorts-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}.shorts-library__card{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#122131;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:transform .2s ease,border-color .2s ease}.shorts-library__card:hover{border-color:var(--green);transform:translateY(-4px)}.shorts-library__card>img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;background:#000}.shorts-library__copy{display:flex;flex-direction:column;gap:5px;padding:12px}.shorts-library__copy small{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shorts-library__copy strong{font-size:15px;line-height:1.22}.shorts-library__copy em{overflow:hidden;color:rgba(255,255,255,.66);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}@media(max-width:520px){.shorts-library{padding:18px 14px 32px}.shorts-library__header{margin-bottom:20px;padding:16px}.shorts-library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shorts-library__copy{padding:10px}.shorts-library__copy strong{font-size:13px}}
.player__preview-copy{flex:1;width:0;overflow:hidden}.player__preview img{flex:0 0 auto}.player__preview strong,.player__preview em{max-width:100%;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.player__preview strong{-webkit-line-clamp:2}.player__preview em{-webkit-line-clamp:2}.shorts-library__card>img{height:auto;aspect-ratio:auto;object-fit:initial;background:transparent}
:root { color-scheme:dark; --white:#fff; --green:#73f49a; --accent:#ff2b63; } * { box-sizing:border-box; } html,body { width:100%;height:100%;margin:0;background:#000;font-family:Arial,sans-serif; } body { overflow:hidden; }
.player { position:fixed;inset:0;overflow:hidden;background:#000;touch-action:pan-y; }.player__slide { position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:#000;will-change:transform,opacity; }.player__slide.slide-motion-0{animation:slideDriftA 9s ease-out both}.player__slide.slide-motion-1{animation:slideDriftB 9s ease-out both}.player__slide.slide-motion-2{animation:slideDriftC 9s ease-out both}.player__slide.slide-motion-3{animation:slideDriftD 9s ease-out both}@keyframes slideDriftA{0%{opacity:0;transform:scale(1.035) translate3d(-1.2%,.7%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.12) translate3d(1.2%,-.7%,0)}}@keyframes slideDriftB{0%{opacity:0;transform:scale(1.12) translate3d(1.3%,-.8%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.035) translate3d(-1.1%,.8%,0)}}@keyframes slideDriftC{0%{opacity:0;transform:scale(1.04) translate3d(0,1.3%,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.13) translate3d(0,-1.3%,0)}}@keyframes slideDriftD{0%{opacity:0;transform:scale(1.12) translate3d(-.8%,0,0)}10%{opacity:1}100%{opacity:1;transform:scale(1.04) translate3d(.9%,0,0)}}.player__bubbles { position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none; }.player__bubbles i { position:absolute;bottom:-10%;width:18px;height:18px;border:1px solid rgba(255,255,255,.66);border-radius:50%;box-shadow:inset 0 0 8px rgba(255,255,255,.45),0 0 8px rgba(105,215,255,.38);opacity:0;animation:float 11s linear infinite; }.player__bubbles i:nth-child(1){left:7%;width:12px;height:12px;animation-delay:-1s}.player__bubbles i:nth-child(2){left:23%;width:25px;height:25px;animation-delay:-7s}.player__bubbles i:nth-child(3){left:42%;width:10px;height:10px;animation-delay:-3s}.player__bubbles i:nth-child(4){left:61%;width:20px;height:20px;animation-delay:-9s}.player__bubbles i:nth-child(5){left:79%;width:14px;height:14px;animation-delay:-5s}.player__bubbles i:nth-child(6){left:91%;width:28px;height:28px;animation-delay:-11s}@keyframes float{0%{transform:translateY(0) translateX(0) scale(.7);opacity:0}10%{opacity:.52}80%{opacity:.24}100%{transform:translateY(-125vh) translateX(34px) scale(1.25);opacity:0}}.player__sound-wave{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));right:18px;display:flex;align-items:center;gap:3px;height:26px;padding:5px 7px;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:rgba(0,0,0,.34);pointer-events:none}.player__sound-wave i{display:block;width:3px;height:5px;border-radius:4px;background:var(--green);box-shadow:0 0 7px rgba(115,244,154,.65);transform-origin:center;animation:wave .8s ease-in-out infinite alternate}.player__sound-wave i:nth-child(2){animation-delay:-.35s}.player__sound-wave i:nth-child(3){animation-delay:-.65s}.player__sound-wave i:nth-child(4){animation-delay:-.2s}.player__sound-wave i:nth-child(5){animation-delay:-.5s}@keyframes wave{to{height:17px;transform:scaleY(1.15)}}.player:not(.is-playing) .player__sound-wave i,.player.is-muted .player__sound-wave i{animation-play-state:paused;height:5px;box-shadow:none}
.player__header,.player__details,.player__controls,.player__timeline { position:absolute;z-index:4;transition:opacity .25s ease; }.player:not(.is-ui-visible) .player__header,.player:not(.is-ui-visible) .player__details,.player:not(.is-ui-visible) .player__controls,.player:not(.is-ui-visible) .player__timeline { opacity:0;pointer-events:none; }
.player__header { left:18px;right:88px;bottom:max(106px,calc(env(safe-area-inset-bottom) + 84px));color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 8px #000; }.player__header #counter { display:none; }.player__details { left:18px;right:88px;bottom:max(30px,env(safe-area-inset-bottom));color:var(--white);text-shadow:0 2px 8px #000; }.player__details p { margin:0 0 3px;color:#ffe1e9;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }.player__details h1 { margin:0;font-size:clamp(20px,5.8vw,29px);line-height:1.1; }
.player__timeline { appearance:none;-webkit-appearance:none;left:18px;right:88px;bottom:max(92px,calc(env(safe-area-inset-bottom) + 70px));width:calc(100% - 106px);height:24px;background:transparent;cursor:pointer; }.player__timeline::-webkit-slider-runnable-track { height:4px;border-radius:99px;background:rgba(255,255,255,.74); }.player__timeline::-webkit-slider-thumb { -webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:var(--green);box-shadow:0 1px 5px rgba(0,0,0,.6); }.player__timeline:disabled { opacity:.35; }
.player__controls { right:16px;bottom:max(20px,env(safe-area-inset-bottom));display:grid;gap:11px; }.player__controls button { display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.25);color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.25); }.player__controls button:active { transform:scale(.9); }.player__controls svg,.player__center-play svg { width:22px;height:22px;fill:currentColor; }.player__controls #playButton { background:var(--accent);border-color:var(--accent); }.player__center-play { position:absolute;z-index:5;left:50%;top:50%;display:none;place-items:center;width:76px;height:76px;padding-left:5px;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.54);color:#fff;box-shadow:0 3px 18px rgba(0,0,0,.55); }.player__center-play svg { width:36px;height:36px; }.player:not(.is-playing) .player__center-play { display:grid; }.player__caption-overlay { position:absolute;z-index:3;left:0;right:0;bottom:0;height:235px;pointer-events:none;opacity:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.48),transparent);transition:opacity .25s ease; }.player.is-ui-visible .player__caption-overlay { opacity:1; }.player__header { bottom:max(126px,calc(env(safe-area-inset-bottom) + 104px)); }.player__timeline { bottom:max(150px,calc(env(safe-area-inset-bottom) + 128px)); }.player__toast { position:absolute;z-index:6;left:50%;top:50%;padding:10px 15px;border-radius:20px;transform:translate(-50%,-50%) scale(.92);background:rgba(0,0,0,.8);color:#fff;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease; }.player__toast.is-visible { opacity:1;transform:translate(-50%,-50%) scale(1); }.player__tap { position:absolute;z-index:3;inset:0;border:0;background:transparent; }.empty { min-height:100%;display:grid;place-content:center;padding:24px;color:#fff;text-align:center; }.empty p { color:#bbb; }.player__slide.slide-motion-0,.player__slide.slide-motion-1,.player__slide.slide-motion-2,.player__slide.slide-motion-3{animation:slideReveal .55s ease-out both}@keyframes slideReveal{from{opacity:0}to{opacity:1}}.player__bubbles i{border-color:rgba(202,246,255,.8);box-shadow:inset 0 0 10px rgba(255,255,255,.65),0 0 13px rgba(105,215,255,.54);animation-duration:8s}.player__bubbles i:nth-child(7){left:14%;width:20px;height:20px;animation-delay:-4s}.player__bubbles i:nth-child(8){left:34%;width:16px;height:16px;animation-delay:-8s}.player__bubbles i:nth-child(9){left:52%;width:31px;height:31px;animation-delay:-2s}.player__bubbles i:nth-child(10){left:69%;width:11px;height:11px;animation-delay:-6s}.player__bubbles i:nth-child(11){left:85%;width:22px;height:22px;animation-delay:-10s}.player__bubbles i:nth-child(12){left:96%;width:15px;height:15px;animation-delay:-3s}.player__brand{display:flex;align-items:center;gap:6px;margin-top:7px;color:rgba(255,255,255,.88);font-size:11px;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 8px #000}.player__brand img{width:18px;height:18px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.55)}@media(prefers-reduced-motion:reduce){.player__slide,.player__bubbles i,.player__sound-wave i{animation:none!important}}
.shorts-player-page .player,.shorts-player-page .player__slide{background:#fff}.player__header #unitLabel,.player__details #chapterLabel,.player__brand{cursor:pointer}.player__brand:focus-visible,.player__header #unitLabel:focus-visible,.player__details #chapterLabel:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:3px}
@media(max-width:899px){.player__slide{object-fit:cover}}

/* Caption and seek controls behave as one video-player footer. */
.player__header{display:none!important}
.player__details{right:88px;bottom:max(162px,calc(env(safe-area-inset-bottom) + 140px));display:flex;flex-direction:column;gap:3px;margin:0}
.player__unit{color:var(--green);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}
.player__details p{margin:0;color:#ffe1e9;font-size:12px;line-height:1.2}
.player__details h1{margin:0;font-size:clamp(20px,5.8vw,29px);line-height:1.1}
.player__brand{margin-top:5px;text-decoration:none}
.player__progress{position:absolute;z-index:4;left:18px;right:88px;bottom:max(132px,calc(env(safe-area-inset-bottom) + 110px));display:flex;align-items:center;gap:10px;transition:opacity .25s ease}
.player:not(.is-ui-visible) .player__progress{opacity:0;pointer-events:none}
.player__progress .player__timeline{position:static;flex:1;width:auto;height:24px;min-width:0}
.player__duration{min-width:34px;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;text-align:right;text-shadow:0 2px 8px #000}
.player__controls{bottom:max(20px,env(safe-area-inset-bottom))}
.shorts-library__header{color:#fff;text-decoration:none}
@media(min-width:900px){.player__details,.player__progress{left:calc(50% - 210px);right:auto;width:340px}.player__details{bottom:150px}.player__progress{bottom:118px}.player__controls{bottom:20px}}

/* Keep the caption and seek bar at the base; a touch reveals a high-contrast reading surface. */
.player__details{bottom:max(94px,calc(env(safe-area-inset-bottom) + 72px))}
.player__progress{bottom:max(62px,calc(env(safe-area-inset-bottom) + 40px))}
.player__caption-overlay{height:min(46vh,300px);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 56%,rgba(0,0,0,0) 100%)}
@media(min-width:900px){.player__details{bottom:94px}.player__progress{bottom:62px}}

.player__controls .player__shortcut{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(0,0,0,.25);color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.25);text-decoration:none}
.player__controls .player__shortcut:active{transform:scale(.9)}
.player__controls .player__shortcut svg{width:22px;height:22px;fill:currentColor}