.watch-player.is-vertical{position:relative;width:min(940px,96vw);max-height:92vh;overflow:hidden}.watch-player.is-vertical .player-close{position:absolute;float:none;top:12px;right:12px;margin:0;z-index:20;background:rgba(8,9,12,.9);backdrop-filter:blur(8px)}.watch-player.is-vertical #playerBody{display:grid;grid-template-columns:minmax(300px,484px) minmax(340px,1fr);height:min(88vh,860px);min-height:620px;overflow:hidden}.watch-player.is-vertical .player-frame{clear:none;width:100%;height:100%;aspect-ratio:9/16;background:#000;display:grid;place-items:center;overflow:hidden}.watch-player.is-vertical .player-frame iframe{width:100%;height:100%;object-fit:contain}.watch-player.is-vertical .player-info{min-width:0;height:100%;display:block;border-top:0;border-left:1px solid #222730;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.watch-player.is-vertical .player-info::-webkit-scrollbar{width:0;height:0;display:none}.watch-player.is-vertical .player-title{border-right:0;border-bottom:1px solid #222730;padding:24px 26px 20px}.watch-player.is-vertical .player-title h2{font-size:clamp(22px,2.5vw,36px);padding-right:30px}.watch-player.is-vertical .player-comments{min-height:0;max-height:none;overflow:visible}.watch-thumb img[data-quality="hq"]{image-rendering:auto}.watch-thumb img[data-quality="fallback"]{filter:saturate(.9)}.frame-topkku-action{display:grid;gap:8px}.frame-topkku-dock{position:absolute;left:12px;right:12px;bottom:12px;z-index:18;margin:0;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(10,12,16,.78);box-shadow:0 12px 34px rgba(0,0,0,.34);backdrop-filter:blur(12px);grid-template-columns:auto minmax(190px,1fr) auto;align-items:center}.frame-topkku-dock .frame-scene-head{grid-column:1;display:grid;gap:3px}.frame-topkku-dock .frame-nudge{grid-column:2}.frame-topkku-dock #frameTopkkuButton{grid-column:3}.frame-topkku-dock>span{grid-column:1/-1;margin-top:-2px}.frame-scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.frame-scene-head b{font-size:10px;color:#dce0e6}.frame-scene-head strong{font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:.04em;color:#cdbfff;background:#191724;border:1px solid #353049;border-radius:999px;padding:5px 9px}.frame-nudge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.frame-nudge button{border:1px solid #313743;background:#15181d;color:#c3c8d0;border-radius:9px;padding:8px 5px;font:inherit;font-size:9px;font-weight:850;cursor:pointer;transition:.16s border-color,.16s background,.16s transform}.frame-nudge button:hover,.frame-nudge button:focus-visible{border-color:#7164a8;background:#1d1b27;outline:none;transform:translateY(-1px)}#frameTopkkuButton{justify-self:start;border:1px solid rgba(255,134,187,.34);background:linear-gradient(135deg,#f4eaff,#ffd8e9);color:#231626;border-radius:999px;padding:10px 15px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(159,108,240,.12);transition:.18s transform,.18s opacity}#frameTopkkuButton:hover,#frameTopkkuButton:focus-visible{transform:translateY(-1px);outline:none}.frame-topkku-action button:disabled{opacity:.5;cursor:wait;transform:none}.frame-topkku-action span{display:block;max-width:520px;color:#747c87;font-size:8px;line-height:1.55}.frame-topkku-action span[data-state="picked"]{color:#bcaeff}.frame-topkku-action span[data-state="working"]{color:#c7b8ff}.frame-topkku-action span[data-state="success"]{color:#7ff6c2}.frame-topkku-action span[data-state="error"]{color:#ff9fbd}
html.nugu-watch-modal-open,body.nugu-watch-modal-open{overflow:hidden!important;overscroll-behavior:none}.watch-player{position:relative;overflow:hidden!important}.watch-player>.player-close{position:absolute;float:none;top:12px;right:12px;margin:0;z-index:30}.watch-player #playerBody{max-height:92vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.watch-player:not(.is-vertical) .player-comments{max-height:none;overflow:visible}.watch-player.is-vertical #playerBody{overflow:hidden;scrollbar-gutter:auto}.player-frame{position:relative}.capture-calibration{position:absolute;inset:0;z-index:50;pointer-events:none}.capture-calibration i{position:absolute;width:24px;height:24px;border:3px solid #000;border-radius:3px;box-shadow:0 0 0 2px rgba(255,255,255,.85)}.capture-calibration .tl{left:4px;top:4px;background:rgb(0,255,170)}.capture-calibration .tr{right:4px;top:4px;background:rgb(255,0,170)}.capture-calibration .bl{left:4px;bottom:4px;background:rgb(0,170,255)}.capture-calibration .br{right:4px;bottom:4px;background:rgb(255,210,0)}
@media(max-width:760px){.frame-topkku-dock{left:8px;right:8px;bottom:8px;padding:8px;grid-template-columns:1fr auto;gap:6px}.frame-topkku-dock .frame-scene-head{grid-column:1}.frame-topkku-dock .frame-nudge{grid-column:1/-1;order:3}.frame-topkku-dock #frameTopkkuButton{grid-column:2;grid-row:1}.frame-topkku-dock>span{display:none}.watch-player.is-vertical{width:100vw;max-height:100dvh;border-radius:0;border-left:0;border-right:0;overflow:hidden}.watch-player.is-vertical #playerBody{display:block;height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.watch-player.is-vertical #playerBody::-webkit-scrollbar{width:0;height:0;display:none}.watch-player.is-vertical .player-frame{width:min(100%,430px);height:auto;aspect-ratio:9/16;margin:0 auto}.watch-player.is-vertical .player-info{height:auto;display:block;border-left:0;border-top:1px solid #222730;overflow:visible}.watch-player.is-vertical .player-comments{max-height:none;overflow:visible}.frame-nudge{gap:5px}.frame-nudge button{min-height:40px;font-size:9px}#frameTopkkuButton{width:100%;justify-self:stretch;min-height:44px}.frame-topkku-action span{font-size:9px}.watch-player:not(.is-vertical) #playerBody{max-height:100dvh}}

/* Watch modal scrollbars: thin glass rail that matches the dark UI instead of the native bright gutter. */
.watch-player #playerBody,.watch-player.is-vertical #playerBody,.watch-player .player-info,.watch-player.is-vertical .player-info,.watch-player .player-comments{scrollbar-width:thin;scrollbar-color:rgba(205,211,222,.30) transparent}
.watch-player #playerBody::-webkit-scrollbar,.watch-player.is-vertical #playerBody::-webkit-scrollbar,.watch-player .player-info::-webkit-scrollbar,.watch-player.is-vertical .player-info::-webkit-scrollbar,.watch-player .player-comments::-webkit-scrollbar{display:block;width:9px;height:9px}
.watch-player #playerBody::-webkit-scrollbar-track,.watch-player.is-vertical #playerBody::-webkit-scrollbar-track,.watch-player .player-info::-webkit-scrollbar-track,.watch-player.is-vertical .player-info::-webkit-scrollbar-track,.watch-player .player-comments::-webkit-scrollbar-track{background:rgba(255,255,255,.018);border-radius:999px}
.watch-player #playerBody::-webkit-scrollbar-thumb,.watch-player.is-vertical #playerBody::-webkit-scrollbar-thumb,.watch-player .player-info::-webkit-scrollbar-thumb,.watch-player.is-vertical .player-info::-webkit-scrollbar-thumb,.watch-player .player-comments::-webkit-scrollbar-thumb{min-height:52px;border:2px solid transparent;border-radius:999px;background:rgba(205,211,222,.30);background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);transition:background .18s ease,box-shadow .18s ease}
.watch-player #playerBody::-webkit-scrollbar-thumb:hover,.watch-player.is-vertical #playerBody::-webkit-scrollbar-thumb:hover,.watch-player .player-info::-webkit-scrollbar-thumb:hover,.watch-player.is-vertical .player-info::-webkit-scrollbar-thumb:hover,.watch-player .player-comments::-webkit-scrollbar-thumb:hover{background:rgba(126,238,187,.46);background-clip:padding-box;box-shadow:0 0 12px rgba(126,238,187,.14),inset 0 0 0 1px rgba(255,255,255,.08)}
.watch-player #playerBody::-webkit-scrollbar-thumb:active,.watch-player.is-vertical #playerBody::-webkit-scrollbar-thumb:active,.watch-player .player-info::-webkit-scrollbar-thumb:active,.watch-player.is-vertical .player-info::-webkit-scrollbar-thumb:active,.watch-player .player-comments::-webkit-scrollbar-thumb:active{background:rgba(199,184,255,.56);background-clip:padding-box}
.watch-player #playerBody::-webkit-scrollbar-corner,.watch-player .player-info::-webkit-scrollbar-corner,.watch-player .player-comments::-webkit-scrollbar-corner{background:transparent}

.comment-signin-gate{padding:16px;border:1px solid #272d36;border-radius:14px;background:#11151a;margin:12px 0}.comment-signin-gate b,.comment-signin-gate span{display:block}.comment-signin-gate b{color:#f1f3f6;font-size:12px}.comment-signin-gate span{margin-top:5px;color:#8e97a3;font-size:10px;line-height:1.45}.comment-signin-gate button{margin-top:11px;border:0;border-radius:999px;padding:9px 13px;background:#f6f7f9;color:#111;font:900 10px/1 system-ui;cursor:pointer}


/* Minimal Topkku affordance: keep the video visually dominant until the user opts in. */
.frame-topkku-action[hidden]{display:none!important;pointer-events:none!important}
.frame-topkku-minimal{position:absolute;right:12px;bottom:12px;z-index:19;display:block}
.frame-topkku-minimal #frameTopkkuButton{width:auto;min-height:0;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(10,12,16,.72);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(10px);font-size:10px;font-weight:900}
.frame-topkku-minimal #frameTopkkuButton:hover,.frame-topkku-minimal #frameTopkkuButton:focus-visible{background:rgba(20,23,29,.9);border-color:rgba(255,255,255,.26)}
.frame-topkku-minimal .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.player-frame.nugu-topkku-transition>iframe{visibility:hidden!important}
.nugu-topkku-transition-screen{position:absolute;inset:0;z-index:17;display:grid;place-items:center;background:#08090b;color:#9ca3ad;font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.01em}
.nugu-topkku-preview{display:block;padding:0;background:#000;color:#fff;overflow:hidden}
.nugu-topkku-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#000}
.nugu-topkku-preview-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:46px 14px 14px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.78))}
.nugu-topkku-preview-copy{min-width:0;display:grid;gap:3px;text-align:left}
.nugu-topkku-preview-copy strong{color:#fff;font:900 12px/1.25 system-ui,sans-serif}
.nugu-topkku-preview-copy span{color:rgba(255,255,255,.72);font:700 9px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.nugu-topkku-preview-actions{display:flex;gap:8px;flex:0 0 auto}
.nugu-topkku-preview-actions button{border-radius:999px;padding:10px 13px;font:900 10px/1 system-ui,sans-serif;cursor:pointer}
.nugu-topkku-preview-retry{border:1px solid rgba(255,255,255,.28);background:rgba(10,12,16,.62);color:#fff;backdrop-filter:blur(10px)}
.nugu-topkku-preview-confirm{border:1px solid rgba(255,255,255,.14);background:#f4eaff;color:#231626;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.nugu-topkku-preview-actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nugu-topkku-failure{display:grid;place-items:center;padding:18px;background:#08090b}
.nugu-topkku-failure-panel{width:min(430px,92%);display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(16,18,23,.96);box-shadow:0 18px 50px rgba(0,0,0,.38);text-align:left}
.nugu-topkku-failure-panel strong{color:#fff;font:900 14px/1.35 system-ui,sans-serif}
.nugu-topkku-failure-panel p{margin:0;color:#d6d9df;font:700 11px/1.5 system-ui,sans-serif}
.nugu-topkku-failure-panel small{color:#7f8792;font:700 9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
@media(max-width:760px){.nugu-topkku-preview-ui{align-items:stretch;flex-direction:column;gap:9px;padding:52px 10px 10px}.nugu-topkku-preview-actions{display:grid;grid-template-columns:1fr 1fr}.nugu-topkku-preview-actions button{min-height:42px}.nugu-topkku-preview-copy strong{font-size:11px}}
@media(max-width:760px){.frame-topkku-minimal{right:8px;bottom:8px}.frame-topkku-minimal #frameTopkkuButton{width:auto;min-height:0;padding:9px 11px}}

.frame-topkku-manual{display:block;margin-top:7px;margin-left:auto;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,10,13,.62);color:rgba(255,255,255,.82);padding:7px 10px;font:800 9px/1 system-ui;backdrop-filter:blur(10px)}
.frame-topkku-manual[hidden]{display:none!important}
.nugu-mobile-topkku-preview{position:absolute;inset:0;z-index:24;background:#000;overflow:hidden}
.nugu-mobile-topkku-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.nugu-mobile-topkku-preview-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:10px;padding:48px 12px 12px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.86));color:#fff}
.nugu-mobile-topkku-preview-bar>div:first-child{display:grid;gap:3px}
.nugu-mobile-topkku-preview-bar strong{font:900 12px/1.3 system-ui}
.nugu-mobile-topkku-preview-bar span{color:rgba(255,255,255,.7);font:700 9px/1.3 system-ui;font-variant-numeric:tabular-nums}
.nugu-mobile-topkku-preview-bar>div:last-child{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
.nugu-mobile-topkku-preview-bar button{min-height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(11,13,17,.7);color:#fff;font:900 10px/1 system-ui}
.nugu-mobile-topkku-preview-bar button.confirm{background:#f4eaff;color:#231626;border-color:#f4eaff}