:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.video-window{touch-action:pan-x pinch-zoom}
.phone{height:100vh;height:var(--app-height,100vh);width:min(100vw,calc(var(--app-height,100vh)*9/16))}
.immersive main,.immersive .workspace,.immersive .stage,.immersive .feed,.immersive .video-card{height:100vh;height:var(--app-height,100vh)}
.immersive .topbar{height:calc(80px + var(--safe-top));padding:calc(17px + var(--safe-top)) calc(17px + var(--safe-right)) 22px calc(17px + var(--safe-left))}
.immersive .video-info{padding-right:calc(78px + var(--safe-right));padding-bottom:calc(22px + var(--safe-bottom));padding-left:calc(16px + var(--safe-left))}
.immersive .actions{right:calc(12px + var(--safe-right));bottom:calc(140px + var(--safe-bottom))}
.immersive .toast{bottom:calc(32px + var(--safe-bottom));max-width:calc(100vw - 36px - var(--safe-left) - var(--safe-right))}
.enable-sound{width:max-content;max-width:calc(100vw - 56px - var(--safe-left) - var(--safe-right));white-space:normal;justify-content:center;text-align:center;font-size:clamp(13px,3.7vw,15px)}
.enable-sound svg{flex-shrink:0}
.intro-loader{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
.intro-footer{bottom:calc(28px + var(--safe-bottom))}
.sheet,.create-dialog{max-height:calc(var(--visible-height,100vh) - 24px);overflow:auto;overscroll-behavior:contain}
.sheet[open],.create-dialog[open]{position:fixed;top:calc(var(--visible-top,0px) + var(--visible-height,100vh)/2);left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);margin:0}
.sheet[open]{display:flex;flex-direction:column}
.sheet-heading,.sheet-subtitle,#comment-form{flex-shrink:0}
.comments-list{min-height:0;max-height:38vh;max-height:min(38vh,calc(var(--visible-height,100vh) - 280px));flex:1 1 auto;overflow:auto}
.comment-input-wrap textarea{font-family:inherit;font-size:16px;line-height:1.6;min-height:48px;resize:vertical}
.fallback-dialog:not([open]){display:none}
.fallback-dialog[open]{z-index:151}
.dialog-fallback-backdrop{position:fixed;inset:0;background:#16182188;z-index:150}
.auth-view,.auth-art,.auth-content{min-height:100vh;min-height:var(--app-height,100vh)}
.metric-card>strong{overflow-wrap:anywhere}
@media(max-width:720px),(pointer:coarse){input,textarea,select,.field input,.field textarea,.auth-form>input,.link-filter select{font-size:16px!important}.sidebar{padding-top:calc(14px + var(--safe-top));padding-left:calc(15px + var(--safe-left));padding-right:calc(15px + var(--safe-right))}.auth-content{padding-top:calc(29px + var(--safe-top));padding-right:calc(27px + var(--safe-right));padding-bottom:calc(23px + var(--safe-bottom));padding-left:calc(27px + var(--safe-left))}.page-footer{padding-bottom:calc(22px + var(--safe-bottom))}}
@media(max-width:600px),(pointer:coarse),(max-height:500px) and (max-width:1000px){.phone{width:100vw}}
@media(max-height:600px){.immersive .actions{bottom:calc(108px + var(--safe-bottom));gap:13px}.immersive .video-info{padding-top:60px}.immersive .video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.intro-mark{width:62px;height:62px}.intro-mark img{width:54px;height:54px}.intro-brand{gap:12px;margin-bottom:20px}.intro-brand strong{font-size:38px}.intro-content h1{font-size:18px;min-height:44px}.intro-content p{margin:10px 0 15px}.intro-dots{margin-top:14px}.intro-footer{bottom:18px}}
@media(max-height:500px) and (orientation:landscape){.immersive .actions{bottom:calc(25px + var(--safe-bottom));gap:8px}.immersive .action-btn{gap:2px;min-height:44px}.immersive .action-btn .action-icon{height:28px}.immersive .action-btn svg{width:26px;height:26px}.immersive .topbar{height:calc(62px + var(--safe-top));padding-top:calc(10px + var(--safe-top));padding-bottom:12px}.immersive .video-info{padding-top:45px;padding-bottom:calc(12px + var(--safe-bottom))}.immersive .video-tags{display:none}.immersive .video-title{margin:5px 0;font-size:11px;-webkit-line-clamp:1}.immersive .video-bottom{margin-top:7px}.intro-brand{flex-direction:row;justify-content:center;gap:15px;margin-bottom:12px}.intro-content h1{font-size:17px;min-height:0}.intro-content p{margin:8px 0 12px}.intro-footer{bottom:10px}.comments-list{max-height:calc(var(--visible-height,100vh) - 230px)}.sheet{padding:16px}.sheet-heading h2{font-size:17px}.sheet-subtitle{margin-top:7px;padding-bottom:7px}.comment-input-wrap textarea{min-height:34px;max-height:65px}}