*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#f5f5f5;background:#111112}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff7b29;outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{touch-action:manipulation}button>*{pointer-events:none}input,textarea{color:inherit;accent-color:#ff7b29}input::placeholder{color:#7e7e82}img{display:block;max-width:100%}button,a,input{-webkit-tap-highlight-color:transparent}.muted{color:#929295}.preview-shell{min-height:100vh;background:#f3f2f0;color:#222}.preview-header{height:88px;padding:0 42px;border-bottom:1px solid #dfdeda;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfaf8}.preview-brand{display:flex;align-items:center;gap:14px}.preview-brand img{width:88px;height:48px;object-fit:cover;object-position:center;border-radius:8px;background:#151719}.preview-brand strong{display:block;font-size:19px;letter-spacing:.5px}.preview-brand p{font-size:12px;color:#787672;margin:6px 0 0}.preview-controls{display:flex;align-items:center;gap:9px}.shell-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d7d5cf;color:#444;border-radius:8px;padding:10px 14px;font-size:12px;white-space:nowrap}.shell-btn.active{color:#fff;border-color:#1b1b1d;background:#1b1b1d}.device-switch{display:flex;gap:4px;background:#e8e6e1;border-radius:8px;padding:3px}.device-switch button{padding:7px 11px;border-radius:6px;font-size:12px;color:#777}.device-switch button.active{background:#fff;color:#222;box-shadow:0 1px 4px #0001}.overview-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:27px 42px 25px;gap:20px}.overview-intro h1{font-size:26px;letter-spacing:-.7px;margin:0;font-weight:650}.overview-intro p{font-size:12px;color:#7d7973;line-height:1.7;margin:7px 0 0}.preview-label{color:#a56b35;border:1px solid #dfc7a9;border-radius:30px;padding:7px 12px;font-size:11px;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:0 32px 32px;max-width:1900px;margin:auto}.gallery-item{min-width:0}.gallery-caption{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-bottom:12px;color:#777;font-size:12px}.gallery-caption b{color:#28282b;font-size:14px;font-weight:600}.gallery-caption span{color:#b0aaa0;font-size:10px;margin-right:6px;font-variant-numeric:tabular-nums}.gallery-caption a{display:flex;align-items:center;gap:4px}.device-slot{position:relative;margin:auto;width:100%;aspect-ratio:417/876}.device-slot iframe{position:absolute;left:0;top:0;width:417px;height:876px;border:0;transform-origin:top left;background:transparent}.preview-foot{padding:0 42px 24px;display:flex;justify-content:space-between;color:#8e8980;font-size:11px;line-height:1.7}.single-stage{display:grid;grid-template-columns:230px 1fr 230px;align-items:start;gap:24px;max-width:1230px;margin:auto;padding:25px 28px}.single-device{display:flex;justify-content:center}.side-guide{padding-top:30px}.side-guide h2{font-size:12px;margin:0 0 18px;color:#8c867c;font-weight:500;letter-spacing:1px}.side-guide nav{display:flex;flex-direction:column;gap:6px}.side-guide nav a{display:flex;gap:12px;align-items:center;font-size:14px;padding:12px;border-radius:8px;color:#777}.side-guide nav a.active{background:#e7e3dc;color:#222}.guide-note{border-top:1px solid #ded9cf;margin-top:24px;padding-top:17px;color:#8f877d;font-size:12px;line-height:1.9}.source-note{font-size:11px;line-height:1.9;color:#948a7c;max-width:220px}.source-note strong{color:#5f564a;display:block;font-size:12px;margin:12px 0 6px}.source-dot{width:6px;height:6px;border-radius:50%;background:#b68142;display:inline-block;margin-right:6px}.preview-notes{position:fixed;inset:0;background:#0009;z-index:1000;display:grid;place-items:center;padding:22px}.preview-notes article{background:#fff;color:#333;border-radius:15px;max-width:530px;padding:30px;line-height:1.85;font-size:13px}.preview-notes h2{font-size:21px;margin:0 0 18px}.preview-notes article button{background:#222;color:#fff;border-radius:8px;padding:10px 18px;margin-top:10px}.preview-notes li{margin:8px 0}.embedded{min-height:100vh;background:transparent!important;overflow:hidden}.embedded #root{display:flex;align-items:flex-start;justify-content:center}.phone-content{font-size:14px;background:#111112;color:#f5f5f5;isolation:isolate;overflow:hidden!important}.app-root{position:absolute;inset:0;overflow:hidden;background:#111112}.app-main{position:absolute;inset:0 0 65px;overflow:hidden}.app-main.full{bottom:0}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:65px;display:flex;z-index:25;background:#1b1b1b;border-top:1px solid #29292b;padding:8px 7px 3px}.bottom-nav button{flex:1;min-width:0;color:#86868b;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;position:relative}.bottom-nav button.active{color:#fff}.bottom-nav button.active svg{stroke-width:2.2}.nav-dot{width:5px;height:5px;background:#ff742e;border-radius:50%;position:absolute;top:1px;right:22px}.home-screen{position:absolute;inset:0;overflow:hidden;background:#121214}.home-top{height:48px;position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;padding:0 13px;gap:13px;background:#13131599}.home-top .icon-btn{width:25px;padding:0;color:#b3b3b7}.home-tabs{display:flex;align-items:center;justify-content:space-around;flex:1;height:100%;gap:12px;white-space:nowrap}.home-tabs button{position:relative;padding:13px 0;color:#a1a1a6;font-size:15px;font-weight:550}.home-tabs button.active{color:#fff}.home-tabs button.active:after{content:"";position:absolute;bottom:6px;left:calc(50% - 9px);height:2px;width:18px;background:#fff;border-radius:2px}.home-video-wrap{position:absolute;inset:55px 0 150px;display:flex;align-items:center;justify-content:center;background:#111113;touch-action:pan-x}.home-video{width:100%;height:100%;object-fit:contain;background:#111113}.video-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#11111350,transparent 25%,transparent 78%,#11111333)}.home-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:56px;height:56px;background:#0005;display:grid;place-items:center;color:white;z-index:2}.home-play[hidden]{display:none}.home-video-wrap .play-state{position:absolute;bottom:5px;left:14px;right:72px;text-align:center;color:#a4a4ab;font-size:10px;pointer-events:none}.fullscreen-btn{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:#ffffff14;color:#eee;border-radius:5px;padding:6px 9px;display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.home-actions{position:absolute;right:12px;bottom:124px;display:flex;flex-direction:column;gap:17px;z-index:5}.feed-action{display:flex;align-items:center;flex-direction:column;gap:4px;padding:0;width:43px;font-size:10px;color:#e9e9eb}.feed-action svg{filter:drop-shadow(0 1px 3px #0007)}.feed-action.is-active{color:#ff6e35}.feed-action.is-active svg{fill:currentColor}.home-meta{position:absolute;bottom:62px;left:15px;right:69px;z-index:3}.home-title{display:block;text-align:left;padding:0;font-size:15px;line-height:1.55;font-weight:600;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-tags{display:flex;gap:5px;margin:7px 0}.home-tags span{background:#ffffff12;font-size:10px;color:#afafb5;padding:3px 5px;border-radius:3px}.home-description{color:#9b9ba3;font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.home-description button{font-size:11px;color:#ddd;padding:0}.home-author{font-size:9px;color:#55565f;margin-top:8px;display:flex;gap:4px;align-items:center}.home-all{position:absolute;bottom:12px;left:14px;right:14px;background:#242426;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;text-align:left;font-size:11px;color:#eee}.home-all>span{display:flex;align-items:center;gap:6px}.feed-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b3b40}.feed-progress>span{display:block;background:#c7c7cb;height:100%;width:0;transition:width .2s linear}.feed-move{animation:feed-enter .28s ease-out}.home-empty{padding:110px 30px;color:#aaa;text-align:center;font-size:13px;line-height:1.8}.home-empty button{display:block;margin:20px auto;padding:9px 20px;color:#fff;background:#f7762c;border-radius:7px}@keyframes feed-enter{from{opacity:.35;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.theater-screen{height:100%;overflow-y:auto;background:#131415;padding:6px 11px 20px;scrollbar-width:none}.theater-screen::-webkit-scrollbar{display:none}.search-bar{display:flex;align-items:center;gap:7px;background:#ffffff0c;border:1px solid #ffffff08;border-radius:7px;height:36px;padding:0 9px;color:#797c7e}.search-bar input{min-width:0;flex:1;outline:0;background:none;border:0;font-size:12px}.search-bar button{font-size:10px;white-space:nowrap;display:flex;gap:3px;align-items:center;padding:0}.theater-categories{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;margin:13px 0 11px;white-space:nowrap}.theater-categories button{font-size:14px;padding:1px 0 5px;color:#929398;font-weight:600;position:relative}.theater-categories button.active{color:#fff}.theater-categories button.active:after{content:"";height:2px;background:#ff762e;width:12px;position:absolute;bottom:0;left:calc(50% - 6px)}.filter-line{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin-bottom:12px}.filter-line button{font-size:10px;color:#85878a;border-radius:4px;padding:5px 8px;background:#ffffff06}.filter-line button.active{color:#ff8b4b;background:#4c2b19}.results-label{display:flex;justify-content:space-between;color:#8b8b90;font-size:10px;margin:2px 1px 10px}.results-label button{font-size:10px;color:#a1a1a6;padding:0;display:flex;align-items:center;gap:3px}.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 8px}.work-card{min-width:0;text-align:left;display:block;padding:0;background:#1b1b1d;border-radius:6px;overflow:hidden}.work-poster{aspect-ratio:3/4;position:relative;overflow:hidden;background:#242428}.work-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.work-card:hover .work-poster img{transform:scale(1.03)}.poster-type{position:absolute;top:6px;right:5px;background:#0006;border-radius:3px;padding:3px 5px;font-size:9px;color:white}.poster-caption{position:absolute;bottom:7px;left:7px;right:7px;display:flex;align-items:center;gap:4px;font-size:9px;color:#fff;text-shadow:0 1px 3px #000}.work-copy{padding:7px 7px 8px}.work-copy h3{margin:0 0 5px;color:#dedee2;font-weight:450;font-size:12px;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.work-copy p{font-size:9px;color:#8b847b;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.empty-state{text-align:center;color:#777;padding:70px 20px;line-height:1.8;font-size:12px}.empty-state svg{color:#555;display:block;margin:0 auto 12px}.empty-state strong{color:#ddd;display:block;font-size:15px;font-weight:500}.empty-state button{display:block;margin:20px auto 0;padding:9px 18px;color:#eee;background:#333;border-radius:6px}.loading-state{height:100%;display:grid;place-items:center;text-align:center;color:#aaa;line-height:1.9;font-size:12px}.loading-state svg{display:block;margin:0 auto 13px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-screen{position:absolute;inset:0;background:#101012}.player-header{position:absolute;top:0;left:0;right:0;height:47px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;z-index:4;color:#c6c6cc;font-size:12px}.player-header button{display:flex;align-items:center;gap:3px;font-size:12px;padding:8px 0}.player-video-area{position:absolute;inset:49px 0 201px;display:flex;align-items:center;justify-content:center}.player-video-area video{width:100%;height:100%;object-fit:contain}.player-info{position:absolute;bottom:104px;left:15px;right:70px}.player-info h2{font-size:15px;margin:0 0 8px;font-weight:550}.player-info p{font-size:11px;color:#9b9ba3;line-height:1.7;max-height:60px;overflow:hidden;margin:0}.player-controls{position:absolute;left:14px;right:14px;bottom:58px;display:flex;align-items:center;gap:8px;height:37px}.player-controls button{padding:0}.player-controls input{width:100%;min-width:0;flex:1;height:3px}.player-controls span{font-size:9px;color:#aaa;white-space:nowrap}.player-bottom{position:absolute;bottom:12px;left:14px;right:14px;border-radius:6px;padding:12px;background:#242428;display:flex;align-items:center;justify-content:space-between;font-size:12px}.end-state{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#101012b0;text-align:center;font-size:13px}.end-state button{padding:9px 18px;border-radius:6px;background:#ff762e;font-size:12px}.sheet-overlay{position:absolute;inset:0;background:#0009;z-index:60;display:flex;align-items:flex-end}.sheet-overlay[hidden]{display:none}.sheet-panel{width:100%;max-height:89%;min-height:190px;background:#222225;border-radius:17px 17px 0 0;overflow-y:auto;overscroll-behavior:contain;padding:0 17px 24px;box-shadow:0 -8px 30px #0003;scrollbar-width:none}.sheet-handle{height:4px;width:35px;background:#55555a;border-radius:8px;margin:9px auto 11px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;gap:12px;position:sticky;top:0;background:#222225;z-index:2}.sheet-heading h2{font-size:16px;font-weight:550;margin:0}.sheet-heading button{width:30px;height:30px;display:grid;place-items:center;color:#a5a5ad}.sheet-body{font-size:12px;color:#b7b7bd;line-height:1.75}.sheet-body h3{color:#f0f0f2;font-size:15px;font-weight:500;margin:8px 0}.sheet-body p{margin:8px 0}.sheet-body input,.sheet-body textarea{background:#ffffff08;border:1px solid #ffffff13;outline:0;border-radius:7px;padding:10px;color:#eee;min-width:0}.sheet-body textarea{resize:vertical;width:100%;min-height:78px}.sheet-body button.primary{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;border-radius:7px;color:white;background:#ff762e;margin-top:15px;font-size:13px}.sheet-body button.secondary{padding:10px;background:#ffffff09;border-radius:7px;color:#ddd;margin-top:10px}.sheet-body .notice{font-size:11px;color:#9b9ba6;padding:10px 12px;background:#ffffff05;border-radius:6px;margin:13px 0}.sheet-body .menu-list{display:flex;flex-direction:column}.sheet-body .menu-list button{display:flex;gap:10px;align-items:center;padding:14px 1px;border-bottom:1px solid #ffffff08;text-align:left;font-size:13px}.sheet-body .menu-list button>svg:last-child{margin-left:auto;color:#707077}.episode-summary{display:flex;gap:12px;margin-bottom:17px;align-items:center}.episode-summary img{width:57px;height:76px;object-fit:cover;border-radius:4px}.episode-summary strong{font-size:14px;color:#eee}.episode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0}.episode-grid button{background:#303033;border-radius:4px;padding:12px 0;font-size:12px;color:#bbb}.episode-grid button.active{background:#673b21;color:#ff8b40}.comment-list{max-height:260px;overflow:auto}.comment-item{display:flex;gap:9px;padding:13px 0;border-bottom:1px solid #ffffff08}.comment-avatar{width:29px;height:29px;border-radius:50%;background:#5b4939;color:#dfbf9e;display:grid;place-items:center;flex-shrink:0}.comment-item p{margin:0;color:#e2e2e6}.comment-item small{font-size:9px;color:#777}.comment-form{display:flex;gap:7px;margin-top:15px}.comment-form input{width:100%;flex:1}.comment-form button{background:#ff762e;border-radius:7px;padding:8px 11px;color:white}.rate-options{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.rate-options button{padding:10px 20px;background:#ffffff0a;border-radius:5px}.rate-options button.active{color:#ff8c46;background:#5e3722}.app-toast{position:absolute;left:50%;bottom:95px;transform:translateX(-50%);max-width:88%;background:#000d;color:#eee;padding:11px 15px;border-radius:8px;text-align:center;font-size:12px;z-index:100;pointer-events:none;line-height:1.6;box-shadow:0 4px 20px #0004}.app-toast[hidden]{display:none}.source-banner{margin:14px 1px 0;font-size:9px;color:#76757c;line-height:1.7}.search-sheet-form{display:flex;gap:8px}.search-sheet-form input{flex:1;width:100%}.search-sheet-form button{background:#ff762e;color:#fff;border-radius:6px;padding:6px 14px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}.work-detail-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;margin:10px 0}.error-card{padding:28px;color:#aaa;text-align:center;font-size:12px;line-height:1.9}.error-card button{padding:10px 18px;background:#ff762e;border-radius:7px;color:#fff;margin-top:15px}.phone-content:fullscreen{width:100vw!important;height:100vh!important;position:fixed;inset:0;top:0!important;bottom:0!important}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1900px){.gallery{gap:34px}}@media(max-width:1199px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1060px;gap:30px}.preview-header{padding:0 24px}.overview-intro{padding-left:28px;padding-right:28px}.single-stage{grid-template-columns:170px 1fr;max-width:850px}.single-stage>.source-note{display:none}.preview-foot{padding-left:28px;padding-right:28px}}@media(max-width:760px){.preview-header{height:auto;padding:17px 20px;flex-wrap:wrap}.preview-brand strong{font-size:16px}.preview-controls{width:100%;justify-content:space-between}.overview-intro{padding:20px}.overview-intro h1{font-size:22px}.preview-label{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 15px 20px;gap:20px 12px}.preview-foot{padding:0 20px 20px;display:block}.single-stage{display:flex;justify-content:center;padding:20px 0}.side-guide{display:none}}@media(max-width:460px){body.single-body .preview-header,body.single-body .side-guide,body.single-body .source-note{display:none}body.single-body .single-stage{padding:0;display:block}body.single-body .preview-shell{background:#111112}body.single-body .single-device{display:block}.embedded #root{display:block}.single-body .phone-content{font-size:14px}.gallery{grid-template-columns:1fr;max-width:350px}.preview-brand img{display:none}}

.end-state[hidden]{display:none}

.home-video-wrap .fullscreen-btn{bottom:auto;top:calc(50% + 112px)}

@media(max-width:459px){body.single-body{height:100dvh;overflow:hidden}.single-body #root,.single-body .preview-shell,.single-body .single-stage,.single-body .single-device{height:100dvh;overflow:hidden}.single-body .phone-frame{display:block}}

/* B001: the synopsis opens beneath the existing video, without rebuilding it. */
.home-description{display:flex;align-items:baseline;gap:6px;-webkit-line-clamp:unset}
.home-description .description-preview{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:inherit}
.home-description>[data-action="description-open"]{padding:0;line-height:1.6}
.home-description>button:last-child{flex:none}
.description-panel[hidden]{display:none}
.app-root.is-description-open{display:flex;flex-direction:column;background:#1b1b1b}
.is-description-open>.app-main{position:relative;inset:auto;flex:none;width:calc(100% - 12px);margin:0 6px;aspect-ratio:16/9}
.is-description-open .home-video-wrap{inset:0;touch-action:auto}
.is-description-open .home-top,.is-description-open .home-actions,.is-description-open .home-meta,.is-description-open .home-all,.is-description-open .feed-progress,.is-description-open .bottom-nav,.is-description-open .fullscreen-btn,.is-description-open .play-state{display:none}
.description-panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;color:#dedee0;background:#1b1b1b;z-index:30}
.description-heading{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;flex:none;min-height:43px}
.description-heading button{display:grid;place-items:center;width:44px;height:43px;padding:0;color:#d4d4d8}
.description-heading h2{margin:0;text-align:center;font-size:12px;font-weight:450}
.description-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
.description-summary{padding:10px 15px 14px;background:#222223;overflow-wrap:anywhere}
.description-summary h3{margin:0 0 8px;color:#a5a5ab;font-size:11px;font-weight:450}
.description-copy{margin:0;white-space:pre-wrap;line-height:1.7;color:#dddde1;font-size:13px}
.description-copy.is-collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.description-fold{display:block;margin:4px 0 0 auto;padding:2px 0 0 10px;color:#6ea4d8;font-size:12px;line-height:1.6}
.description-fold[hidden]{display:none}
.description-local-comments{padding:0 15px}
.description-local-comments .comment-item{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.description-local-comments .comment-item>div{min-width:0}
.description-empty{padding:30px 0;color:#73737c;font-size:12px;text-align:center}
.description-form{flex:none;gap:8px;margin:0;padding:8px 12px 4px;background:#1b1b1b}
.description-form input{min-width:0;border:0;border-radius:7px;padding:10px 12px;background:#2b2b2e;color:#eee;font-size:12px;outline-offset:2px}
.description-form button{background:#303034;color:#c2c2c8;font-size:12px;padding:8px 12px}
.description-note{flex:none;margin:0;padding:3px 12px 7px;color:#73737c;font-size:10px;text-align:center}
.description-panel button:focus-visible,.description-form input:focus-visible,.home-description button:focus-visible{outline:2px solid #86b9e4;outline-offset:-2px}
.is-comments-panel .description-local-comments .comment-item{border-bottom:0}

/* B003: a home-only drawer leaves the existing video in place. */
.home-menu-overlay[hidden]{display:none}
.is-home-menu-open>.app-main,.is-home-menu-open>.bottom-nav{transform:translateX(80%)}
.home-menu-overlay{position:absolute;inset:0;z-index:40;color:#dfdfe1;overflow:hidden}
.home-menu-panel{position:absolute;inset:0 20% 0 0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;background:#1f1f1f;padding:0 9px 22px}
.home-menu-profile{display:flex;align-items:center;gap:11px;min-height:85px;padding:13px 9px 12px}
.home-menu-avatar{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#333336;color:#c6c6cd}
.home-menu-profile>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550}
.home-menu-card{margin:0 0 8px;padding:12px 11px;border-radius:9px;background:#272727}
.home-menu-card h2{margin:0;font-size:13px;font-weight:550;line-height:1.5;color:#d6d6d9}
.home-menu-messages{min-height:74px}
.home-menu-messages header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.home-menu-messages header button{display:flex;align-items:center;gap:2px;padding:0;font-size:10px;color:#88888e}
.home-menu-messages>p{margin:11px 0 0;font-size:10px;line-height:1.6;color:#85858d}
.home-menu-recent{min-height:192px}
.home-menu-work{display:flex;align-items:center;gap:10px;width:100%;margin-top:11px;padding:0;text-align:left}
.home-menu-work>img{flex:none;width:61px;height:82px;object-fit:cover;border-radius:5px;background:#333336}
.home-menu-work>span{display:flex;flex-direction:column;gap:9px;min-width:0}
.home-menu-work strong{font-size:12px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.home-menu-work small{font-size:10px;line-height:1.5;color:#929299}
.home-menu-work>span>span{display:flex;align-items:center;gap:3px;color:#b9b9bf;font-size:10px;line-height:1.5}
.home-menu-empty{display:grid;place-items:center;min-height:105px;color:#85858d;font-size:11px;text-align:center}
.home-menu-functions{padding-bottom:8px}
.home-menu-functions h2{margin-bottom:4px}
.home-menu-functions>button{display:flex;align-items:center;gap:8px;min-height:39px;width:100%;padding:5px 0;text-align:left;color:#c4c4c9;font-size:12px}
.home-menu-functions>button>span{flex:1;min-width:0}
.home-menu-functions>button>svg:last-child{color:#78787f}
.home-menu-dismiss{position:absolute;inset:0 0 0 80%;padding:0;background:#0008;color:#a9a9ae}
.home-menu-dismiss>span{position:absolute;left:13px;top:14px;display:grid;place-items:center;width:25px;height:20px}
.home-menu-overlay button:focus-visible{outline:2px solid #86b9e4;outline-offset:2px}
.home-menu-dismiss:focus-visible{outline-offset:-3px}

/* B003.02.01: authenticated system notifications, independent of preview state. */
.notifications-overlay[hidden]{display:none}
.notifications-overlay{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;overflow:hidden;background:#111111;color:#dedede;touch-action:pan-y}
.notifications-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:47px;flex:none;background:#111111}
.notifications-header h1{margin:0;text-align:center;font-size:15px;font-weight:550;line-height:1.5}
.notifications-header button{display:grid;place-items:center;width:44px;height:44px;padding:0;color:#c3c3c3}
.notifications-header .notifications-refresh{font-size:12px;color:#aabdd1}
.notifications-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 13px 22px;background:#111111;outline:0}
.notifications-overlay button:focus-visible,.notifications-overlay input:focus-visible,.notifications-overlay select:focus-visible{outline:2px solid #86b9e4;outline-offset:2px}
.notifications-overlay button:disabled{opacity:.55;cursor:default}
.notifications-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0 15px;font-size:11px;line-height:1.5;color:#999999}
.notifications-account span{min-width:0;overflow-wrap:anywhere}
.notifications-account button{flex:none;padding:6px 0;color:#bbbbbb;font-size:11px}
.notifications-system-entry{display:flex;align-items:center;gap:12px;width:100%;padding:16px 12px;text-align:left;border-radius:9px;background:#202020}
.notifications-system-entry>span:nth-child(2){flex:1;min-width:0}
.notifications-system-entry strong{display:block;font-size:14px;font-weight:550;line-height:1.5}
.notifications-system-entry small{display:block;margin-top:5px;color:#999999;font-size:11px;line-height:1.5}
.notifications-system-entry>svg{flex:none;color:#999999}
.notifications-category-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#183646;color:#52a4dc}
.notifications-list-summary{min-height:14px;font-size:10px;line-height:1.5;color:#8c8c8c;text-align:right}
.notification-item{margin:8px 0 23px}
.notification-category{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:25px;color:#9b9b9b;font-size:11px;line-height:1.5}
.notification-category .notifications-category-icon{width:22px;height:22px}
.notification-category.is-activity .notifications-category-icon{background:#193a34;color:#4aaf93}
.notification-category time{margin-left:auto;max-width:100%;font-size:10px;color:#777777}
.notification-card{display:block;width:calc(100% - 29px);margin:8px 0 0 29px;padding:12px 12px 10px;border-radius:6px;background:#202020;text-align:left;overflow-wrap:anywhere}
.notification-card strong{display:block;font-size:13px;font-weight:550;line-height:1.6;color:#dedede}
.notification-card p{margin:8px 0 11px;white-space:pre-wrap;font-size:12px;line-height:1.8;color:#b8b8b8}
.notification-card>span{display:flex;align-items:center;gap:3px;color:#999999;font-size:10px;line-height:1.5}
.notification-card.is-unread>span{color:#b7cadd}
.notifications-state{padding:45px 12px;text-align:center;color:#999999;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.notifications-state p{margin:0 0 15px;white-space:pre-wrap}
.notifications-button{display:block;border-radius:7px;padding:10px 15px;background:#333333;color:#eeeeee;font-size:12px;line-height:1.6;text-align:center;margin:12px auto 0}
.notifications-text-button,.notifications-load-more{display:block;margin:10px auto;padding:10px 16px;color:#bbbbbb;font-size:12px;line-height:1.6;text-align:center}
.notifications-list-end{margin:18px 0;color:#777777;font-size:10px;text-align:center;line-height:1.5}
.notifications-login{max-width:420px;margin:14px auto;padding:8px 7px;color:#bbbbbb}
.notifications-login h2{margin:0 0 9px;color:#e6e6e6;font-size:17px;font-weight:550;line-height:1.5}
.notifications-login>p{margin:0 0 23px;color:#999999;font-size:12px;line-height:1.6}
.notifications-login label{display:flex;flex-direction:column;gap:8px;margin:0 0 17px;font-size:12px;line-height:1.5}
.notifications-login input,.notifications-login select{display:block;min-width:0;width:100%;height:42px;padding:9px 10px;border:1px solid #3a3a3a;border-radius:7px;background:#202020;color:#e6e6e6;font:inherit;outline-offset:2px}
.notifications-login .notifications-button{width:100%;margin-top:18px}
.notifications-error{margin:10px 0;color:#eeac91;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.notifications-hint{margin:5px 0 12px;color:#aaaaaa;font-size:11px;line-height:1.6}
.notification-detail{padding:5px 2px 20px;overflow-wrap:anywhere}
.notification-detail h2{margin:17px 0 13px;font-size:17px;font-weight:550;line-height:1.6;color:#e6e6e6}
.notification-detail-body{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.9;color:#c7c7c7}
.notification-read-state{min-height:20px;margin-top:25px;color:#999999;font-size:11px;line-height:1.6}

/* B015: identity is confirmed by the common server; these slots never rebuild video. */
.auth-menu-unavailable{visibility:hidden;pointer-events:none}
.shell-auth-overlay{position:absolute;inset:0;z-index:100;overflow-y:auto;overscroll-behavior:contain;background:#101212;padding:38px 22px 26px;color:#f3f5f3}
.shell-auth-overlay[hidden]{display:none}
.shell-auth-card{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.shell-auth-card h2{margin:12px 0 0;font-size:25px;line-height:1.45;font-weight:650}
.shell-auth-card p{line-height:1.7;margin:0;color:#a4ada8;font-size:13px}
.shell-auth-caption{color:#98a49b;font-size:12px;line-height:1.65}
.shell-auth-identity{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 0}
.shell-auth-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#24332b;color:#d7e4d9;flex-shrink:0}
.shell-auth-identity-copy{min-width:0;flex:1}
.shell-auth-identity-copy strong{display:block;font-size:19px;font-weight:600;overflow-wrap:anywhere;line-height:1.45}
.shell-auth-identity-copy p{font-size:11px;color:#9ca79f;line-height:1.6;margin:6px 0 0;overflow-wrap:anywhere}
.shell-auth-identity.is-compact .shell-auth-avatar{width:40px;height:40px}
.shell-auth-identity.is-compact .shell-auth-identity-copy strong{font-size:14px}
.shell-auth-identity.is-compact{flex-wrap:wrap}
.shell-auth-primary{border-radius:9px;background:#ff8135;color:#15100c;padding:12px 16px;font-weight:650;line-height:1.4;font-size:14px;min-height:43px}
.shell-auth-identity>.shell-auth-primary,.shell-auth-identity>.shell-auth-text{flex-shrink:0;font-size:12px;padding:9px 10px;max-width:110px}
.shell-auth-text{border-radius:8px;background:#ffffff0a;color:#bcc8bf;padding:11px 12px;line-height:1.5;font-size:13px}
.shell-auth-form{display:flex;flex-direction:column;gap:17px;margin:5px 0 0}
.shell-auth-form label{display:flex;flex-direction:column;gap:8px;color:#adb9b0;font-size:12px}
.shell-auth-form input,.shell-auth-form select{width:100%;min-width:0;min-height:45px;padding:11px 12px;border:1px solid #3b4840;border-radius:8px;color:#eef3ed;background:#1b211d;font-size:16px}
.shell-auth-error{color:#ffad88!important;min-height:1em}
.shell-auth-state{padding-top:25px}
.shell-auth-card>.shell-auth-identity{flex-wrap:wrap}
@media(max-width:350px){.shell-auth-overlay{padding-inline:15px}.shell-auth-identity{gap:9px}.shell-auth-identity-copy strong{font-size:17px}.shell-auth-avatar{width:44px;height:44px}}
.personal-likes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px}
.personal-likes-toolbar .me-filters{display:flex;gap:6px;flex-wrap:wrap}
.personal-likes-refresh{flex-shrink:0;padding:7px 9px;color:#b8c4bb;font-size:12px}
.personal-likes-error{padding:14px;border-radius:10px;background:#ffffff08;color:#ffb28c;font-size:13px;margin:12px 0}
.personal-likes-error p{line-height:1.6;margin:0 0 12px}
.personal-likes-more{display:block;margin:20px auto}
[data-personal-likes-root] button:disabled,.me-tabs button:disabled{opacity:.45;cursor:default}