/* Figma 54:112 preview; 133:582 expanded state. Shared header is preserved. */
#region-overview .region-overview-content{min-height:calc(100cqw * 684.973 / 402)}
.region-overview-intro{margin:0;font:inherit;letter-spacing:inherit}
.video-comment-preview{position:absolute;left:calc(100cqw * 13.01 / 402);top:calc(100cqw * 504.55 / 402);width:calc(100cqw * 372 / 402);height:calc(100cqw * 140.423 / 402);margin:0;padding:0;border:0;border-radius:calc(100cqw * 10 / 402);background:#f3f1fd;color:#1d1d1d;text-align:left;cursor:pointer}
.video-comment-avatar{position:absolute;left:calc(100cqw * 13.69 / 402);top:calc(100cqw * 17.83 / 402);width:calc(100cqw * 104.748 / 402);height:calc(100cqw * 104.748 / 402);border-radius:50%;object-fit:cover}
.video-comment-play{position:absolute;left:calc(100cqw * 93.54 / 402);top:calc(100cqw * 77.93 / 402);width:36px;height:36px;transform:scale(var(--comment-asset-scale,1));transform-origin:top left}
.video-comment-info{position:absolute;top:calc(100cqw * 17.83 / 402);left:calc(100cqw * 163.14 / 402);width:calc(100cqw * 193.121 / 402);display:flex;flex-direction:column;gap:calc(100cqw * 8 / 402);font-family:"Tutu Sans",Arial,sans-serif;font-weight:400;font-style:normal;font-size:calc(100cqw * 13 / 402);line-height:1.5;letter-spacing:-.01em}
.video-comment-info>span{display:block}
.video-comment-title{font-size:calc(100cqw * 18 / 402);font-weight:700}
.video-comment-preview:focus-visible{outline:2px solid #fff;outline-offset:4px}
#region-overview[data-comment-open="true"] .overview-shade{opacity:0}
.video-comment-dialog{position:fixed;inset:var(--header-height,60px) 0 0;width:100%;max-width:none;height:calc(100dvh - var(--header-height,60px));max-height:none;margin:0;padding:0;border:0;background:rgba(0,18,19,.85);color:#fff;overflow:hidden;overscroll-behavior:contain;color-scheme:dark;--header-height:clamp(56px,14.925374vw,76px)}
.video-comment-dialog::backdrop{background:transparent}
.video-comment-dialog-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 15px 50px}
.video-comment-player-shell{position:relative;max-width:100%;flex:none}
.video-comment-media{position:relative;overflow:hidden;border-radius:10px;background:#000;isolation:isolate}
.video-comment-player{display:block;width:auto;height:min(55dvh,480px);max-height:calc(100dvh - var(--header-height) - 180px);max-width:100%;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:10px}
.video-comment-dialog-content p{margin:0;color:#fff;font:400 18px/27px "Tutu Sans",Arial,sans-serif;letter-spacing:-.18px}
.video-comment-close{position:absolute;top:-48px;right:-8px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;color:rgba(255,255,255,.8);font:400 36px/1 "Tutu Sans",Arial,sans-serif;cursor:pointer}
.video-comment-close:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
.video-comment-controls{position:absolute;inset:auto 0 0;padding:14px 10px 2px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.video-comment-progress{--played:0%;display:block;width:100%;height:24px;margin:0;padding:0;border:0;border-radius:2px;appearance:none;-webkit-appearance:none;accent-color:#7d71ff;background:linear-gradient(to right,#7d71ff 0%,#7d71ff var(--played),rgba(255,255,255,.35) var(--played),rgba(255,255,255,.35) 100%) center/100% 4px no-repeat;cursor:pointer}
.video-comment-progress::-webkit-slider-runnable-track{height:4px;background:transparent;border:0;border-radius:2px}
.video-comment-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#7d71ff}
.video-comment-progress::-moz-range-track{height:4px;background:transparent;border:0;border-radius:2px}
.video-comment-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#7d71ff}
.video-comment-progress:disabled{cursor:default}
.video-comment-control-row{display:flex;align-items:center;gap:0;height:44px}
.video-comment-control-row button{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;padding:10px;border:0;background:none;color:#fff;cursor:pointer}
.video-comment-control-row svg{display:block;width:20px;height:20px;fill:currentColor}
.video-comment-time{flex:1;white-space:nowrap;font:400 11px/1.2 "Tutu Sans",Arial,sans-serif;font-variant-numeric:tabular-nums}
.video-comment-pause-symbol,.video-comment-muted-symbol{display:none}
.video-comment-toggle[data-playing="true"] .video-comment-play-symbol{display:none}
.video-comment-toggle[data-playing="true"] .video-comment-pause-symbol{display:block}
.video-comment-mute[aria-pressed="true"] .video-comment-muted-symbol{display:block}
.video-comment-controls button:focus-visible,.video-comment-progress:focus-visible{outline:2px solid #7d71ff;outline-offset:3px}
.video-comment-media:fullscreen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:0}
.video-comment-media:fullscreen .video-comment-player{width:100%;height:100%;max-height:none;max-width:none;border-radius:0}
.video-comment-media:fullscreen .video-comment-controls{width:100%;padding:22px 20px 10px}
@media(max-height:500px){.video-comment-dialog-content{padding:48px 15px 12px;gap:8px}.video-comment-close{top:-44px;right:-8px}.video-comment-player{height:calc(100dvh - var(--header-height) - 105px);max-height:calc(100dvh - var(--header-height) - 105px)}.video-comment-controls{padding:12px 4px 0}.video-comment-control-row button{width:32px;height:36px;padding:7px}.video-comment-control-row{height:36px;justify-content:space-between}.video-comment-time{display:none}}