:root{color-scheme:dark;--bg:#111315;--panel:#1a1c1f;--line:#2a2d30;--text:#f4f4f2;--muted:#a2a3a5;--quiet:#76797e;--accent:#ff925d;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-width{width:min(1480px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:#211207;padding:12px 18px;z-index:50}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid #26282a;background:#121416}.header-inner{display:flex;align-items:center;gap:35px;min-height:77px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand>span:last-child{font-size:24px;letter-spacing:3px;font-weight:720;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#99958f;font-weight:500;margin-top:5px}.brand-mark{display:flex;align-items:center;gap:4px;transform:skewY(-13deg);width:31px;height:34px}.brand-mark i{display:block;width:7px;height:25px;border-radius:2px;background:var(--accent)}.brand-mark i:nth-child(2){height:34px}.brand-mark i:nth-child(3){height:29px}.back-link{display:flex;align-items:center;gap:9px;color:#b4b5b6;font-size:12px;padding-left:29px;border-left:1px solid #343638;white-space:nowrap}.back-link:hover{color:#fff}.back-link>.icon{width:16px;height:16px}.header-search{margin-left:auto;display:flex;align-items:center;gap:11px;max-width:410px;flex:1;min-width:170px;height:41px;border:1px solid #343638;background:#1e2023;border-radius:6px;padding:0 10px 0 13px}.header-search:focus-within{border-color:#b97751}.header-search>.icon{width:17px;height:17px;color:#8e9092}.header-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;color:var(--text);font-size:12px}.header-search input::placeholder{color:#888b8f}.header-search button{border:0;background:transparent;padding:0;width:27px;height:28px;display:grid;place-items:center;color:#a6a9ad}.header-search button:hover{color:var(--accent)}.header-search button>.icon{width:17px;height:17px}.header-home{white-space:nowrap;color:#aaa9a7;font-size:12px}.header-home span{margin-left:5px;color:var(--accent)}.watch-main{padding-top:29px;min-height:calc(100vh - 171px)}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:29px;align-items:start}.watch-primary{min-width:0}.player-mount{width:100%;background:#070809;border:1px solid #2a2d30;border-radius:10px;overflow:hidden;isolation:isolate}.player-stage,.player-placeholder{position:relative;width:100%;aspect-ratio:16/9;max-height:70vh;background:#070809}.player-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#898d91;background:radial-gradient(ellipse at 50% 45%,#272b2e70,transparent 70%),#0a0c0d}.player-placeholder>.icon{width:42px;height:42px;stroke-width:1.15;color:#a99584}.player-placeholder>span{font-size:12px}.watch-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#050606}.player-stage.is-portrait{aspect-ratio:auto;height:min(68vh,690px)}.watch-video:fullscreen{width:100vw;height:100vh;max-height:none;object-fit:contain}.watch-video:-webkit-full-screen{width:100vw;height:100vh;max-height:none;object-fit:contain}.watch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;border-bottom:1px solid var(--line);padding:9px 0}.playback-status{font-size:11px;color:#999c9f;line-height:1.7;margin:0;min-width:0}.playback-status.is-waiting{color:#dbb190}.watch-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;border:1px solid transparent;background:transparent;padding:6px 10px;font-size:11px;border-radius:5px;color:#b6b8ba;white-space:nowrap}.action-button:hover{color:#fff;background:#25282b}.action-button[aria-pressed="true"]{color:#ffc09c;background:#33261f;border-color:#5a3d2a}.action-button>.icon{width:16px;height:16px}.video-info{padding:20px 0 28px}.category-link{display:inline-flex;align-items:center;max-width:100%;font-size:11px;color:#f5ac81;letter-spacing:.3px;line-height:1.6;overflow-wrap:anywhere}.category-link:before{content:"";height:4px;width:4px;border-radius:50%;background:var(--accent);margin-right:8px;flex-shrink:0}.category-link:hover{text-decoration:underline;text-underline-offset:4px}.video-info h1{font-size:25px;line-height:1.5;letter-spacing:.1px;font-weight:650;margin:10px 0 13px;overflow-wrap:anywhere}.video-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 19px;color:#9b9da0;font-size:11px;line-height:1.6}.video-meta>span,.video-meta>time{display:inline-flex;align-items:center;gap:6px}.video-meta .icon{width:14px;height:14px;color:#86898d}.video-meta .meta-separator{width:3px;height:3px;border-radius:50%;background:#555a5f;display:block}.related-section{min-width:0;padding-top:1px}.related-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.related-heading h2{font-size:18px;font-weight:600;letter-spacing:.3px;margin:0}.related-heading h2>span{color:var(--accent);margin-left:3px}.related-heading>a{font-size:11px;color:#969b9f;display:flex;align-items:center;gap:6px;white-space:nowrap}.related-heading>a:hover{color:var(--accent)}.related-heading>a>.icon{width:14px;height:14px}.related-subtitle{font-size:10px;color:#878b90;line-height:1.7;margin:8px 0 19px;overflow-wrap:anywhere}.related-list{display:flex;flex-direction:column;gap:18px}.related-card{display:grid;grid-template-columns:137px minmax(0,1fr);gap:12px;align-items:start;min-width:0}.related-cover{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#202429;border:1px solid #303439;isolation:isolate}.related-placeholder{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:linear-gradient(145deg,#303333,#1b2023);color:#8c8b82}.related-placeholder .icon{width:27px;height:27px;stroke-width:1.1}.related-cover img{position:relative;width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.related-duration{position:absolute;right:5px;bottom:5px;border-radius:3px;background:#040607c4;color:#f2f3f4;padding:2px 5px;font-size:9px;font-variant-numeric:tabular-nums;z-index:1}.related-card:hover .related-cover img{transform:scale(1.055)}.related-copy{min-width:0;padding-top:2px}.related-copy h3{font-size:12px;line-height:1.65;font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0 0 8px;color:#d8dadd}.related-card:hover h3{color:#ffbd93}.related-copy p{font-size:9px;line-height:1.7;color:#858b90;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-note{font-size:12px;color:#a2a4a6;line-height:1.9;padding:23px 18px;border:1px dashed #363b3f;border-radius:7px;background:#191c1e;margin:0}.related-empty-mark{margin-bottom:12px;color:#988674}.related-empty-mark>.icon{width:26px;height:26px;stroke-width:1.2}.related-empty p{margin:0}.related-empty strong{display:block;font-size:13px;font-weight:500;color:#c4c5c6;margin-bottom:8px}.related-retry{border:0;background:transparent;color:var(--accent);padding:0;margin-top:12px;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:30px}.related-skeleton{height:86px;border-radius:6px;background:linear-gradient(90deg,#202428,#282d30,#202428);background-size:200% 100%;animation:shimmer 1.8s ease infinite}.playback-error{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #604733;background:#2a211b;border-radius:7px;padding:15px 17px;margin-top:15px}.playback-error strong{font-size:13px;font-weight:550;color:#f1c19b}.playback-error p{margin:5px 0 0;color:#c4a891;line-height:1.8;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:10px 15px;min-height:40px;font-weight:550;font-size:12px;white-space:nowrap}.button .icon{width:16px;height:16px}.button.primary{color:#231207;background:var(--accent)}.button.primary:hover{background:#ffa875}.button.secondary{border-color:#414449;background:#24272a;color:#dadbdc}.button.secondary:hover{background:#30353a}.playback-error>.button{flex-shrink:0;font-size:11px;padding:8px 12px}.info-skeleton{padding:24px 0}.info-skeleton>div{height:18px;background:#23272a;border-radius:5px;width:70%;animation:shimmer 1.8s ease infinite}.info-skeleton>div:last-child{height:10px;width:32%;margin-top:15px}.watch-error{padding:70px 28px;min-height:400px;text-align:center;border:1px solid #34393d;border-radius:10px;background:#181c1f}.error-mark{width:67px;height:67px;border:1px solid #53504a;border-radius:17px;background:#2a2823;color:#d4b796;display:grid;place-items:center;margin:0 auto 23px}.error-mark .icon{width:31px;height:31px;stroke-width:1.3}.watch-error h1{font-size:23px;line-height:1.6;margin:0 0 13px;font-weight:600}.watch-error>p{font-size:13px;color:var(--muted);line-height:1.8;margin:0 auto 23px;max-width:450px}.watch-error>div{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}.watch-layout.page-failed{grid-template-columns:minmax(0,1fr);max-width:850px;margin:15px auto 40px}.site-footer{margin-top:24px;padding:21px 0 25px;border-top:1px solid #282c2f;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#767b80;font-size:10px}.site-footer i{font-style:normal;margin:0 8px;color:#9d846e}.site-footer>a{display:flex;align-items:center;gap:9px;color:#a4a3a0}.site-footer>a .icon{width:14px;height:14px}.watch-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100% - 36px);padding:12px 18px;border:1px solid #5c5145;background:#29241e;color:#f5e1cf;border-radius:7px;font-size:12px;line-height:1.7;box-shadow:0 10px 35px #0005;text-align:center}.wide-mode .watch-layout{grid-template-columns:minmax(0,1fr)}.wide-mode .related-section{border-top:1px solid var(--line);padding-top:25px}.wide-mode .related-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.wide-mode .related-card{display:block}.wide-mode .related-cover{aspect-ratio:16/9}.wide-mode .related-copy{padding-top:11px}.wide-mode .related-copy h3{font-size:14px}.wide-mode .related-copy p{font-size:10px}.wide-mode .related-note{grid-column:1/-1}.wide-mode .player-stage:not(.is-portrait){height:min(70vh,800px);aspect-ratio:auto}.wide-mode .related-skeleton{height:170px}
@keyframes shimmer{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}
@media(min-width:1700px){.watch-layout{grid-template-columns:minmax(0,1fr) 345px;gap:35px}.related-card{grid-template-columns:149px minmax(0,1fr);gap:14px}.related-copy h3{font-size:13px}}
@media(max-width:1150px){.page-width{width:calc(100% - 52px)}.header-inner{gap:25px}.header-home{display:none}.back-link{padding-left:24px}.watch-layout{grid-template-columns:minmax(0,1fr) 276px;gap:23px}.related-card{grid-template-columns:117px minmax(0,1fr);gap:10px}.related-copy h3{font-size:11px;margin-bottom:6px}.related-copy p{font-size:9px}.related-list{gap:16px}.watch-actions{gap:1px}.action-button{font-size:10px;padding:6px 7px;gap:5px}.action-button .icon{width:15px;height:15px}.playback-status{font-size:10px}.video-info h1{font-size:23px}}
@media(max-width:900px){.page-width{width:calc(100% - 40px)}.header-inner{min-height:70px;gap:23px}.back-link{padding-left:21px;font-size:11px}.header-search{max-width:320px;min-width:140px}.watch-main{padding-top:22px}.watch-layout{grid-template-columns:minmax(0,1fr);gap:5px}.related-section{padding-top:24px;border-top:1px solid var(--line)}.related-heading h2{font-size:19px}.related-subtitle{margin-bottom:20px;font-size:11px}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 17px}.related-card{display:block}.related-cover{aspect-ratio:16/10}.related-copy{padding-top:10px}.related-copy h3{font-size:13px;margin-bottom:7px}.related-copy p{font-size:10px}.related-note{grid-column:1/-1}.related-skeleton{height:125px}.wide-button{display:none}.watch-toolbar{min-height:52px}.action-button{font-size:11px}.playback-status{font-size:11px}.video-info{padding-top:18px}.video-info h1{font-size:25px}.wide-mode .related-list{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-mode .player-stage:not(.is-portrait){aspect-ratio:16/9;height:auto}}
@media(max-width:560px){.page-width{width:calc(100% - 32px)}.header-inner{min-height:0;padding:15px 0 13px;display:grid;grid-template-columns:1fr auto;gap:14px 20px}.brand{gap:9px}.brand>span:last-child{font-size:23px;letter-spacing:2px}.brand small{font-size:7px;margin-top:4px}.brand-mark{width:27px;height:30px;gap:3px}.brand-mark i{height:22px;width:7px}.brand-mark i:nth-child(2){height:30px}.brand-mark i:nth-child(3){height:25px}.back-link{padding-left:0;border:0;font-size:11px;gap:7px}.back-link>.icon{width:15px;height:15px}.header-search{grid-column:1/-1;max-width:none;min-width:0;width:100%;height:38px;font-size:12px}.header-search input{font-size:12px}.watch-main{padding-top:17px;min-height:calc(100vh - 198px)}.watch-layout{gap:0}.player-mount{border-radius:7px}.player-stage,.player-placeholder{max-height:65svh}.player-stage.is-portrait{height:min(62svh,550px)}.player-placeholder{gap:12px}.player-placeholder>.icon{height:32px;width:32px}.player-placeholder>span{font-size:11px}.watch-toolbar{min-height:53px;padding:8px 0;gap:8px;align-items:center}.playback-status{font-size:10px;line-height:1.6;max-width:62%}.watch-actions{gap:0}.action-button{font-size:10px;padding:7px 4px;gap:5px;min-height:37px}.action-button>.icon{width:15px;height:15px}.video-info{padding:17px 0 23px}.category-link{font-size:10px}.video-info h1{font-size:21px;line-height:1.5;margin:9px 0 11px}.video-meta{font-size:10px;gap:8px 14px}.video-meta .icon{width:12px;height:12px}.related-section{padding-top:21px}.related-heading h2{font-size:18px}.related-heading>a{font-size:10px}.related-subtitle{font-size:10px;margin:7px 0 17px}.related-list,.wide-mode .related-list{display:flex;flex-direction:column;gap:18px}.related-card,.wide-mode .related-card{display:grid;grid-template-columns:142px minmax(0,1fr);gap:13px;align-items:start}.related-cover,.wide-mode .related-cover{aspect-ratio:16/10;border-radius:6px}.related-copy,.wide-mode .related-copy{padding-top:2px}.related-copy h3,.wide-mode .related-copy h3{font-size:12px;line-height:1.65;margin-bottom:9px}.related-copy p,.wide-mode .related-copy p{font-size:9px;line-height:1.8}.related-duration{font-size:9px}.related-skeleton{height:90px}.related-note{padding:20px 17px;font-size:11px}.related-empty strong{font-size:12px}.site-footer{font-size:9px;padding:19px 0 23px;margin-top:30px;gap:12px}.site-footer>a{gap:6px}.site-footer>a>.icon{width:13px;height:13px}.site-footer i{margin:0 5px}.playback-error{flex-direction:column;align-items:flex-start;gap:12px;padding:14px;margin-top:12px}.playback-error p{font-size:11px}.playback-error>.button{min-height:40px;font-size:11px}.watch-error{padding:43px 19px;min-height:350px}.watch-error h1{font-size:21px}.watch-error>p{font-size:12px}.watch-error .button{font-size:11px;min-height:42px}.watch-layout.page-failed{margin-top:0}.watch-toast{font-size:11px;bottom:20px}.info-skeleton{padding:20px 0 23px}}
@media(max-width:370px){.page-width{width:calc(100% - 28px)}.related-card,.wide-mode .related-card{grid-template-columns:125px minmax(0,1fr);gap:11px}.related-copy h3,.wide-mode .related-copy h3{font-size:11px}.video-info h1{font-size:20px}.header-search input{font-size:11px}.playback-status{max-width:61%;font-size:9px}.action-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Compact native quality control, aligned with the player actions. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.watch-toolbar{flex-wrap:wrap;gap:10px 16px;min-height:57px;padding:10px 0}
.watch-toolbar>.playback-status{flex:1;min-width:110px;max-width:none}
.watch-actions{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;gap:5px;width:auto}
.quality-control{display:flex;align-items:center;flex:0 0 auto;min-width:0;margin-left:9px;padding-left:14px;border-left:1px solid #2c3135;transition:opacity .16s}
.quality-control[aria-busy="true"]{opacity:.6}
.quality-badge,.quality-picker{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border:1px solid #353c40;border-radius:7px;background:#1a1f22;color:#d6dcdf;font-size:11px;line-height:1.5;white-space:nowrap}
.quality-badge{font-weight:550;letter-spacing:.6px;color:#aeb8bd;background:transparent;border-color:#30373b}
.quality-picker{position:relative;gap:8px;max-width:150px;transition:background .16s,border-color .16s}
.quality-picker:hover{background:#262d31;border-color:#555d62}
.quality-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}
#quality-value{overflow:hidden;text-overflow:ellipsis;min-width:0;pointer-events:none}
.quality-chevron{width:12px;height:12px;color:#909bA2;pointer-events:none;flex-shrink:0}
#quality-select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;font:inherit;color:#e3e7e9;background:#1c2226}
#quality-select:disabled{cursor:default}
.playback-error-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}
.playback-error-actions>.button{font-size:11px;padding:8px 12px;min-height:40px}
#quality-original-retry{border-color:#805638;background:#3c2c20;color:#f1c6a5}
@media(max-width:1150px){.watch-toolbar{gap:8px 12px}.playback-error{align-items:flex-start}.playback-error-actions{flex-direction:column;align-items:stretch}}
@media(max-width:560px){.watch-toolbar{padding:8px 0;gap:6px 10px;min-height:55px}.watch-toolbar>.playback-status{font-size:10px;min-width:100px}.watch-actions{gap:3px}.watch-actions>.action-button{min-height:40px;flex-shrink:0;padding-inline:6px}.quality-control{margin-left:5px;padding-left:10px}.quality-picker{min-height:38px;padding:6px 10px;font-size:11px;max-width:138px}.quality-badge{min-height:30px;font-size:10px;padding:5px 9px}.playback-error-actions{width:100%;flex-direction:row;gap:9px}.playback-error-actions>.button{flex:1;min-height:42px;font-size:11px;white-space:normal}}
@media(max-width:370px){.watch-toolbar{gap:6px}.watch-actions{gap:1px}.watch-actions>.action-button{font-size:9px}.quality-control{padding-left:8px;margin-left:3px}.quality-picker{gap:6px;padding-inline:8px}}

.watch-description{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.watch-description h2{font-size:13px;font-weight:550;color:#c7b6a8;margin:0 0 10px}.watch-description p{font-size:13px;line-height:1.95;color:#afb2b5;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:560px){.watch-description{margin-top:18px;padding-top:17px}.watch-description h2{font-size:12px}.watch-description p{font-size:12px;line-height:1.9}}
.watch-topic-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;max-width:100%}.watch-topic-link{display:inline-block;max-width:100%;padding:5px 9px;border:1px solid #4d3c2f;border-radius:5px;background:#292119;color:#e2b694;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.watch-topic-link:hover{background:#3d2b1d;color:#ffdbbf;border-color:#856044}.related-card-item{min-width:0}.related-topic-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px;min-width:0}.related-topic-links .watch-topic-link{font-size:9px;padding:3px 6px;border-radius:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-topic-extra{font-size:9px;color:#9a8b7d;padding:3px 2px}.wide-mode .related-topic-links{margin-top:10px}@media(max-width:560px){.watch-topic-list{gap:6px;margin-bottom:12px}.watch-topic-link{font-size:10px;padding:6px 8px;min-height:30px}.related-topic-links{margin-top:8px}.related-topic-links .watch-topic-link{font-size:9px;min-height:26px;padding:4px 6px}.related-topic-extra{font-size:9px}}

.preview-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;color:#a8afb3}
.preview-notice>a{color:#edb58e}.preview-notice>a:hover{color:#ffd4b6}.preview-notice>a>span{margin-left:5px}

/* This shell follows the native player/placeholder height. Only its sibling
   overlay is positioned; replacing player-mount contents cannot remove it. */
.player-shell{--player-radius:10px;position:relative;width:100%;border-radius:var(--player-radius);overflow:hidden;isolation:isolate;container-name:player;container-type:inline-size}
.player-shell>.player-mount{border-radius:var(--player-radius)}
.player-shell.is-preview-ended .watch-video{pointer-events:none}
.preview-ended{position:absolute;inset:1px;z-index:3;display:grid;place-items:center;margin:0;padding:24px;border:0;border-radius:calc(var(--player-radius) - 1px);overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 50% 30%,#70462c36,transparent 68%),linear-gradient(180deg,#090c10d9,#070a0df5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.preview-ended-content{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,520px);min-width:0;text-align:center}
.preview-complete-mark{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #bd84545e;border-radius:16px;background:#b7773821;color:#ffc397;box-shadow:0 6px 24px #0003}
.preview-complete-mark>.icon{width:26px;height:26px;stroke-width:1.8}
.preview-ended-copy{min-width:0;max-width:100%}
.preview-eyebrow{display:block;margin-bottom:8px;font-size:11px;letter-spacing:1px;line-height:1.5;color:#d4a785}
.preview-ended h2{margin:0;font-size:clamp(20px,2.1vw,29px);font-weight:650;line-height:1.4;letter-spacing:.2px;color:#fff6ee;overflow-wrap:anywhere;text-wrap:balance}
.preview-ended p{max-width:430px;margin:9px auto 0;font-size:13px;line-height:1.65;color:#bbc0c4;overflow-wrap:anywhere;text-wrap:pretty}
.preview-ended-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;width:min(100%,360px);min-width:0}
.preview-ended-actions>.button{min-width:0;min-height:46px;padding:10px 15px;font-size:13px;line-height:1.4;border-radius:7px}
.preview-ended-actions>.button.primary{background:#ff925d;color:#251409;border-color:#ffb08261;box-shadow:0 4px 18px #ff8b4520}
.preview-ended-actions>.button.primary:hover{background:#ffa674}
.preview-ended-actions>.button.secondary{background:#ffffff08;border-color:#ffffff36;color:#e0e2e4}
.preview-ended-actions>.button.secondary:hover{background:#ffffff14;border-color:#ffffff55}
.preview-replay{grid-column:1/-1;justify-self:center;min-width:112px;min-height:44px;margin:0;padding:9px 14px;border:1px solid transparent;border-radius:5px;background:transparent;color:#969fa5;font-size:12px;line-height:1.5;text-align:center}
.preview-replay:hover{color:#e6e9eb;text-decoration:underline;text-underline-offset:4px}

@container player (max-width:560px){
  .preview-ended{padding:10px 12px}
  .preview-ended-content{gap:8px}
  .preview-complete-mark,.preview-eyebrow{display:none}
  .preview-ended h2{font-size:clamp(16px,5cqi,22px);line-height:1.35}
  .preview-ended p{margin-top:6px;font-size:12px;line-height:1.45}
  .preview-ended-actions{column-gap:8px;row-gap:0;max-width:330px}
  .preview-ended-actions>.button{min-height:44px;padding:8px 10px;font-size:12px}
  .preview-replay{min-height:44px;padding-block:8px}
}
@media(max-width:560px){
  .player-shell{--player-radius:7px}
  .preview-notice{font-size:10px;gap:8px;padding:11px 0;flex-wrap:wrap}
  .preview-ended{padding:8px 10px}
  .preview-ended-content{gap:8px}
  .preview-complete-mark,.preview-eyebrow{display:none}
  .preview-ended h2{font-size:17px;line-height:1.35}
  .preview-ended p{margin-top:6px;font-size:12px;line-height:1.45}
  .preview-ended-actions{column-gap:8px;row-gap:0;max-width:330px}
  .preview-ended-actions>.button{min-height:44px;padding:8px 10px;font-size:12px}
  .preview-replay{min-height:44px;padding-block:8px}
}
@media(max-height:440px) and (orientation:landscape){
  .preview-ended{padding:6px 12px}
  .preview-ended-content{gap:8px}
  .preview-complete-mark,.preview-eyebrow,.preview-ended p{display:none}
  .preview-ended h2{font-size:18px;line-height:1.3}
  .preview-ended-actions{row-gap:0}
  .preview-ended-actions>.button,.preview-replay{min-height:44px;padding-block:8px}
}
@container player (max-width:320px){.preview-ended p{display:none}}
@media(max-width:360px){.preview-ended p{display:none}}