:root{color:#171714;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4f0e8;--ink:#171714;--muted:#6d6a62;--line:#d9d4c9;--coral:#ff6545;--coral-dark:#d94b31;--night:#0d0f13;--night-soft:#15181e;background:#f4f0e8;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-width{width:min(1180px,100% - 48px);margin-inline:auto}.wordmark{letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:760;display:inline-flex}.wordmark-inverse{color:#f7f4ee}.wordmark-mark{background:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex;position:relative;overflow:hidden}.wordmark-inverse .wordmark-mark{background:var(--coral)}.wordmark-mark:before{background:var(--paper);content:"";border-radius:50%;width:9px;height:9px;position:absolute}.wordmark-mark span{border:2px solid var(--paper);border-radius:50%;width:13px;height:5px;position:absolute}.wordmark-mark span:first-child{transform:translate(-9px)}.wordmark-mark span:last-child{transform:translate(9px)}.landing-page{background:var(--paper);min-height:100vh;position:relative;overflow:hidden}.landing-page:before{content:"";background:#17171412;width:1px;position:absolute;top:0;bottom:0;left:max(24px,50vw - 590px)}.landing-page:after{content:"";background:#17171412;width:1px;position:absolute;top:0;bottom:0;right:max(24px,50vw - 590px)}.landing-header{z-index:2;border-bottom:1px solid #1717141c;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.quick-join{background:#ffffff73;border:1px solid #cfc9bd;border-radius:8px;height:39px;display:flex;overflow:hidden}.quick-join input{width:145px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;outline:0;padding:0 13px;font-size:13px;font-weight:620}.quick-join button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-left:1px solid #cfc9bd;align-items:center;gap:5px;padding:0 13px;font-size:13px;display:inline-flex}.hero{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);align-items:center;gap:clamp(48px,8vw,116px);min-height:calc(100vh - 148px);padding-block:64px 76px;display:grid;position:relative}.hero-copy{align-self:center;padding-bottom:22px;position:relative}.eyebrow{color:#5c5952;letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:28px;font-size:12px;font-weight:720;display:flex}.eyebrow span{background:var(--coral);width:27px;height:2px}.hero h1{color:#171714;letter-spacing:-.055em;max-width:690px;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif;font-size:clamp(50px,6.3vw,82px);font-weight:650;line-height:1.06}.hero h1 span{z-index:0;color:var(--coral);white-space:nowrap;position:relative}.hero h1 span:after{z-index:-1;content:"";background:#ffd6ca;height:10px;position:absolute;bottom:6px;left:-4px;right:-7px}.hero-lead{color:#5d5a53;max-width:520px;margin:28px 0 31px;font-size:16px;line-height:1.85}.feature-strip{flex-wrap:wrap;gap:10px;display:flex}.feature-strip span{color:#504d47;background:#ffffff6b;border:1px solid #d4cfc4;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:600;display:inline-flex}.feature-strip svg{color:var(--coral)}.film-note{color:#99958c;letter-spacing:.17em;border-top:1px solid #d5d0c5;justify-content:space-between;width:min(520px,100%);padding-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex;position:absolute;bottom:-51px;left:0}.create-card-wrap{position:relative}.create-card-glow{filter:blur(35px);background:#ff654530;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-32px;right:-34px}.create-card{z-index:1;background:#fbf9f4;border:1px solid #d2ccc0;border-radius:18px;padding:30px;position:relative;box-shadow:0 22px 70px #4b41311f}.create-card:before,.create-card:after{background:var(--paper);content:"";width:16px;height:30px;position:absolute;top:70px}.create-card:before{border-right:1px solid #d2ccc0;border-radius:0 18px 18px 0;left:-9px}.create-card:after{border-left:1px solid #d2ccc0;border-radius:18px 0 0 18px;right:-9px}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:23px;display:flex}.card-heading p,.modal-kicker{color:#9a9488;letter-spacing:.2em;margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700}.card-heading h2{letter-spacing:-.025em;margin:0;font-family:Songti SC,STSong,Georgia,serif;font-size:27px;font-weight:660}.card-heading>svg{color:var(--coral)}.source-toggle{background:#ece8df;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:21px;padding:4px;display:grid}.source-toggle button{color:#77736b;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:39px;font-size:13px;font-weight:650;display:flex}.source-toggle button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #37322a14}.source-toggle button.active svg{color:var(--coral)}.field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.field>span{color:#4e4b45;font-size:12px;font-weight:680}.field>span b{color:var(--coral);margin-left:4px;font-size:9px;font-weight:700}.field>span em{color:#aaa49a;margin-left:4px;font-size:10px;font-style:normal;font-weight:500}.field input{width:100%;height:44px;color:var(--ink);background:#fff;border:1px solid #d7d2c8;border-radius:8px;outline:0;padding:0 12px;font-size:13px;transition:border-color .18s,box-shadow .18s}.field input::placeholder{color:#b0aba1}.field input:focus{border-color:#888177;box-shadow:0 0 0 3px #ff65451a}.field small{color:#aaa59b;font-size:9px;line-height:1.45}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-with-icon{position:relative}.input-with-icon svg{z-index:1;color:#888279;position:absolute;top:14px;left:12px}.input-with-icon input{padding-left:38px}.form-error,.join-error{color:#d3472c;margin:-5px 0 13px;font-size:11px}.primary-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:14px;font-weight:700;transition:transform .18s,background .18s;display:flex;box-shadow:0 9px 24px #dc482b33}.primary-button:hover:not(:disabled){background:#f45838;transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.7}.privacy-note{color:#a09a90;text-align:center;margin:13px 0 0;font-size:9px}.landing-footer{z-index:2;color:#989289;letter-spacing:.14em;border-top:1px solid #1717141a;justify-content:space-between;align-items:center;height:60px;font-size:9px;display:flex;position:relative}.join-page,.room-loading,.room-error-page{background:var(--night);color:#f7f4ee;min-height:100vh;position:relative;overflow:hidden}.join-noise{opacity:.12;background-image:radial-gradient(#ffffff59 .6px,#0000 .6px);background-size:5px 5px;position:absolute;inset:0}.join-page:before{content:"";border:1px solid #ffffff0d;border-radius:50%;width:520px;height:520px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.join-header{z-index:2;justify-content:space-between;align-items:center;height:82px;display:flex;position:relative}.ghost-button{cursor:pointer;background:0 0;border:1px solid #d5d0c6;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:12px;display:inline-flex}.ghost-button.dark{color:#d5d2cc;border-color:#ffffff2e}.join-card{z-index:2;width:min(430px,100% - 34px);color:var(--ink);text-align:center;background:#f6f2e9;border-radius:17px;margin:clamp(25px,6vh,72px) auto 60px;padding:38px 38px 31px;position:relative;box-shadow:0 40px 100px #00000073}.join-card:before,.join-card:after{background:var(--night);content:"";border-radius:50%;width:26px;height:52px;position:absolute;top:80px}.join-card:before{left:-13px}.join-card:after{right:-13px}.join-ticket-top{color:#8d877d;letter-spacing:.16em;border-bottom:1px dashed #c9c2b6;justify-content:space-between;margin:-11px 0 32px;padding-bottom:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.join-icon,.modal-icon{width:58px;height:58px;color:var(--coral);background:#ffe0d8;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 17px;display:flex}.join-kicker{color:#9c958b;letter-spacing:.13em;margin:0 0 8px;font-size:10px}.join-card h1{margin:0;font-family:Songti SC,STSong,Georgia,serif;font-size:29px;line-height:1.3}.join-meta{color:#716c64;justify-content:center;gap:18px;margin:17px 0 27px;font-size:11px;display:flex}.join-meta span{align-items:center;gap:5px;display:inline-flex}.join-card form{text-align:left}.field-dark input{background:#fff}.join-button{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;font-size:14px;font-weight:700;display:flex}.join-arrow{transform:rotate(180deg)}.join-fineprint{color:#99938a;margin:15px 0 0;font-size:9px}.room-page{background:var(--night);color:#eceae5;min-height:100vh}.room-header{z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d0f13f0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(18px,3.2vw,48px);display:flex;position:sticky;top:0}.room-header-left,.room-actions{align-items:center;display:flex}.header-divider{background:#ffffff21;width:1px;height:27px;margin:0 20px}.header-room-title{flex-direction:column;gap:2px;min-width:0;display:flex}.header-room-title span{color:#888b91;letter-spacing:.16em;font-size:8px;font-weight:700}.header-room-title strong{color:#e9e7e2;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;font-weight:630;overflow:hidden}.room-actions{gap:8px}.connection-pill{color:#a8abb1;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:10px;display:inline-flex}.connection-pill i{background:#22c58b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #22c58b1a}.connection-pill.reconnecting i,.connection-pill.connecting i{background:#e2ae4b;box-shadow:0 0 0 4px #e2ae4b1a}.room-action-button,.exit-button{color:#d7d8da;cursor:pointer;background:#171a20;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.room-action-button:hover{border-color:#ffffff40}.room-action-button.accent{border-color:var(--coral);background:var(--coral);color:#fff}.exit-button{color:#8f9298;width:36px;padding:0}.cast-anchor{position:relative}.cast-popover{background:#191c22;border:1px solid #343840;border-radius:12px;width:280px;padding:11px;position:absolute;top:43px;right:0;box-shadow:0 22px 60px #0000006b}.cast-popover-heading{color:#e2e2df;justify-content:space-between;align-items:center;padding:3px 5px 9px;font-size:11px;font-weight:700;display:flex}.cast-popover-heading button{color:#858991;cursor:pointer;background:0 0;border:0;padding:3px;display:flex}.cast-popover>button{color:#dededa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;display:flex}.cast-popover>button:hover{background:#22262e}.cast-popover>button>span:last-child{flex-direction:column;gap:3px;display:flex}.cast-popover>button strong{font-size:11px}.cast-popover>button small{color:#858991;font-size:9px}.cast-device-icon{width:35px;height:35px;color:var(--coral);border:1px solid #363b45;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.cast-popover>p{color:#73777f;border-top:1px solid #2a2e35;align-items:center;gap:5px;margin:7px 5px 2px;padding-top:9px;font-size:8px;display:flex}.room-layout{grid-template-columns:minmax(0,1fr) 310px;gap:clamp(22px,2.5vw,38px);width:min(1440px,100%);min-height:calc(100vh - 70px);margin:0 auto;padding:clamp(22px,3.2vw,46px);display:grid}.screening-column{min-width:0}.player-frame{background:#030405;border:1px solid #ffffff21;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061}.player-topline{color:#73777f;letter-spacing:.13em;background:#121419;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:35px;padding:0 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.player-topline span{align-items:center;gap:5px;display:inline-flex}.player-topline .live{color:#ff765d}.player-topline .live i{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #ff65451f}.player-mount{aspect-ratio:16/9;background:#000;width:100%}.player-mount.dplayer{height:auto}.player-mount .dplayer-video-wrap{background:#000}.player-mount.dplayer .dplayer-video-wrap .dplayer-video-wrap-aspect{background:#000;justify-content:center;align-items:center;display:flex;aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.player-mount.dplayer .dplayer-video-wrap .dplayer-video-wrap-aspect .dplayer-video{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.player-mount.dplayer-fulled,.player-mount.dplayer-fulled-browser{aspect-ratio:auto!important}.player-mount .dplayer-controller{background:linear-gradient(#0000,#000000d1)}.player-mount .dplayer-danmaku{text-shadow:0 1px 3px #000000e6;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:650}.realtime-danmaku-layer{z-index:20;pointer-events:none;position:absolute;inset:35px 0 48px;overflow:hidden}.realtime-danmaku-item{color:#fff;text-shadow:0 1px 2px #000,0 2px 5px #000000f2;white-space:nowrap;will-change:transform;padding:2px 5px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(17px,1.55vw,27px);font-weight:720;line-height:1.25;display:block;position:absolute}.realtime-danmaku-item.mode-right{animation:8s linear forwards tongying-danmaku-scroll;left:100%}.realtime-danmaku-item.mode-top,.realtime-danmaku-item.mode-bottom{animation:5s forwards tongying-danmaku-hold;left:50%;transform:translate(-50%)}.realtime-danmaku-item.mode-bottom{bottom:9%;top:auto!important}.realtime-danmaku-item.size-big{font-size:clamp(20px,1.9vw,32px)}.realtime-danmaku-item.size-small{font-size:clamp(14px,1.25vw,21px)}@keyframes tongying-danmaku-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 100%))}}@keyframes tongying-danmaku-hold{0%,82%{opacity:1}to{opacity:0}}.is-guest .dplayer-play-icon,.is-guest .dplayer-bar-wrap,.is-guest .dplayer-setting,.is-guest .dplayer-mobile-play,.is-guest .dplayer-sync-icon{pointer-events:none!important;opacity:.28!important}.is-guest .dplayer-menu{display:none!important}.guest-lock-layer{z-index:30;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:35px 0 48px}.guest-lock-layer.needs-gesture{cursor:pointer;background:#00000057}.guest-lock-layer span{color:#fff;background:#0f1115e0;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:650;display:inline-flex}.frame-corner{z-index:31;pointer-events:none;width:13px;height:13px;position:absolute}.corner-one{border-top:1px solid #666b73;border-left:1px solid #666b73;top:6px;left:6px}.corner-two{border-top:1px solid #666b73;border-right:1px solid #666b73;top:6px;right:6px}.corner-three{border-bottom:1px solid #666b73;border-right:1px solid #666b73;bottom:6px;right:6px}.corner-four{border-bottom:1px solid #666b73;border-left:1px solid #666b73;bottom:6px;left:6px}.danmaku-composer{background:#15181e;border:1px solid #2c3037;border-radius:8px;align-items:center;height:53px;margin-top:12px;display:flex;overflow:visible}.danmaku-label{color:#8f939a;border-right:1px solid #2c3037;flex:none;align-items:center;gap:7px;height:100%;padding:0 15px;font-size:10px;display:flex}.danmaku-label svg{color:var(--coral)}.danmaku-composer>input{color:#e5e5e2;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 15px;font-size:12px}.danmaku-composer>input::placeholder{color:#666a72}.danmaku-tools{align-items:center;gap:5px;padding-right:6px;display:flex}.color-picker{padding:6px;position:relative}.color-picker>button{cursor:pointer;border:2px solid #51555d;border-radius:50%;width:15px;height:15px;padding:0}.color-options{z-index:70;background:#1d2027;border:1px solid #363a42;border-radius:8px;gap:8px;padding:10px;display:none;position:absolute;bottom:36px;right:-5px;box-shadow:0 12px 30px #00000052}.color-picker:hover .color-options,.color-picker:focus-within .color-options{display:flex}.color-options button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:15px;height:15px;padding:0}.color-options button.selected{border-color:var(--coral);box-shadow:0 0 0 2px #1d2027}.mode-button,.danmaku-send{color:#8d9198;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:3px;height:34px;padding:0 9px;font-size:9px;display:inline-flex}.danmaku-send{background:var(--coral);color:#fff;gap:5px;padding:0 12px;font-weight:650}.danmaku-send:disabled{color:#666a72;cursor:default;background:#2b2e35}.guest-hint{color:#70747c;align-items:center;gap:6px;margin:10px 1px 0;font-size:9px;display:flex}.room-sidebar{flex-direction:column;gap:12px;min-width:0;display:flex}.now-playing-card,.audience-card,.danmaku-feed-card,.privacy-card{background:#14171c;border:1px solid #292d34;border-radius:10px}.now-playing-card{padding:20px}.section-label{color:#696d74;letter-spacing:.15em;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.section-label span:last-child{color:#ff7d63;letter-spacing:.05em;background:#ff65451f;border-radius:4px;padding:4px 6px}.now-playing-card h1{color:#f2f0eb;margin:16px 0 18px;font-family:Songti SC,STSong,Georgia,serif;font-size:22px;font-weight:600;line-height:1.35}.room-code-line{background:#101217;border:1px dashed #393d45;border-radius:6px;align-items:center;height:34px;padding:0 8px 0 10px;display:flex}.room-code-line span{color:#5f636b;letter-spacing:.15em;margin-right:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.room-code-line strong{color:#d9d7d2;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.room-code-line button{color:#6c7078;cursor:pointer;background:0 0;border:0;margin-left:8px;padding:4px;display:flex}.host-control-note{color:#efb14c;border-top:1px solid #292d34;align-items:center;gap:10px;margin-top:15px;padding-top:15px;display:flex}.host-control-note div{flex-direction:column;gap:3px;display:flex}.host-control-note strong{color:#c9c8c3;font-size:10px}.host-control-note span{color:#696d74;font-size:8px;line-height:1.4}.audience-card{min-height:250px;padding:18px}.danmaku-feed-card{padding:18px}.danmaku-feed-heading{border-bottom:1px solid #292d34;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.danmaku-feed-heading div{align-items:center;gap:7px;display:flex}.danmaku-feed-heading svg{color:#6ad5b0}.danmaku-feed-heading strong{color:#dcdad5;font-size:11px}.danmaku-feed-heading>span{color:#676b72;font-size:8px}.danmaku-feed-list{flex-direction:column;gap:3px;min-height:100px;max-height:236px;padding-top:9px;display:flex;overflow:auto}.danmaku-feed-row{border-bottom:1px solid #ffffff0b;gap:9px;padding:8px 3px;display:flex}.danmaku-feed-avatar{color:#15171b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:9px;font-weight:800;display:flex}.danmaku-feed-row>div{flex:1;min-width:0}.danmaku-feed-row>div>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.danmaku-feed-row strong{color:#8f939a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;overflow:hidden}.danmaku-feed-row time{color:#50545b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.danmaku-feed-row p{color:#d4d3cf;overflow-wrap:anywhere;margin:3px 0 0;font-size:10px;line-height:1.5}.danmaku-feed-empty{color:#555960;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;font-size:8px;display:flex}.audience-heading{border-bottom:1px solid #292d34;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.audience-heading div{align-items:center;gap:7px;display:flex}.audience-heading svg{color:var(--coral)}.audience-heading strong{color:#dcdad5;font-size:11px}.audience-heading>span{color:#676b72;font-size:8px}.member-list{flex-direction:column;gap:4px;max-height:280px;padding-top:10px;display:flex;overflow:auto}.member-row{align-items:center;min-height:48px;padding:6px 4px;display:flex}.member-avatar{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;font-size:11px;font-weight:720;display:flex;position:relative}.member-avatar i{background:#21bd85;border:2px solid #14171c;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:-1px}.member-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-row strong{color:#cbc9c5;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.member-row div span{color:#676b72;font-size:8px}.member-crown{color:#e6ac4d}.privacy-card{color:#58cfa5;background:#12171a;gap:10px;padding:15px 17px;display:flex}.privacy-card div{flex-direction:column;gap:4px;display:flex}.privacy-card strong{color:#a5bcb4;font-size:9px}.privacy-card span{color:#606b68;font-size:8px;line-height:1.5}.player-shortcuts{color:#4f535a;justify-content:center;gap:15px;padding-top:3px;font-size:8px;display:flex}.player-shortcuts span{align-items:center;gap:4px;display:flex}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030406bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{width:min(410px,100%);color:var(--ink);text-align:center;background:#f7f3eb;border-radius:16px;padding:34px;position:relative;box-shadow:0 35px 90px #00000073}.modal-close{color:#7b756b;cursor:pointer;background:#ece7dd;border:0;border-radius:50%;padding:7px;display:flex;position:absolute;top:13px;right:13px}.modal-card h2{margin:0 0 10px;font-family:Songti SC,STSong,Georgia,serif;font-size:26px}.modal-card>p:not(.modal-kicker):not(.password-reminder){color:#777168;margin:0 auto 20px;font-size:11px;line-height:1.7}.share-link{background:#fff;border:1px solid #d8d1c6;border-radius:7px;align-items:center;height:43px;margin-bottom:9px;display:flex;overflow:hidden}.share-link span{color:#635e56;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;overflow:hidden}.share-link button{width:43px;height:100%;color:var(--coral);cursor:pointer;background:#f5f1e8;border:0;border-left:1px solid #d8d1c6;justify-content:center;align-items:center;display:flex}.share-room-code{color:#787168;background:#eee9df;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:9px 11px;font-size:9px;display:flex}.share-room-code strong{color:var(--ink);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.password-reminder{color:#b06e2c;justify-content:center;align-items:center;gap:6px;margin:-5px 0 17px;font-size:9px;display:flex}.toast{z-index:500;bottom:max(28px, env(safe-area-inset-bottom));color:#e6e4df;background:#20232a;border:1px solid #3a3e46;border-radius:8px;max-width:calc(100% - 34px);padding:11px 15px;font-size:11px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0006}.room-loading{color:#74777e;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.room-loading .wordmark{position:absolute;top:25px;left:30px}.room-loading p{margin:0;font-size:11px}.spin{color:var(--coral);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-error-page{padding:28px clamp(22px,5vw,74px)}.room-error-page>div{text-align:center;width:min(650px,100%);margin:20vh auto 0}.room-error-page>div>span{color:var(--coral);letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.room-error-page h1{margin:18px 0 13px;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(31px,5vw,53px)}.room-error-page p{color:#7c7f85;margin:0 0 28px;font-size:12px}.room-error-page .join-button{width:auto;margin:0 auto;padding:0 20px}@media (width<=1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:45px}.hero h1{font-size:clamp(46px,6vw,65px)}.room-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:25px}.connection-pill{display:none}}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-copy{max-width:700px}.create-card-wrap{width:min(560px,100%);margin-inline:auto}.film-note{display:none}.room-header{height:62px}.header-divider,.header-room-title{display:none}.room-layout{grid-template-columns:1fr;min-height:calc(100vh - 62px);padding:18px}.room-sidebar{grid-template-columns:1fr 1fr;display:grid}.now-playing-card,.privacy-card,.player-shortcuts{grid-column:1}.audience-card{grid-area:1/2}.danmaku-feed-card{grid-area:2/2/span 2}}@media (width<=620px){.page-width{width:calc(100% - 28px)}.landing-header{height:72px}.quick-join input{width:105px}.quick-join button{justify-content:center;width:38px;padding:0;font-size:0}.hero{gap:45px;min-height:0;padding-block:48px 58px}.eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(43px,13vw,58px);line-height:1.08}.hero h1 span:after{height:7px;bottom:3px}.hero-lead{margin:22px 0 25px;font-size:14px;line-height:1.75}.feature-strip{gap:7px}.feature-strip span{padding:7px 9px;font-size:10px}.create-card{border-radius:15px;padding:24px 19px}.field-row{grid-template-columns:1fr;gap:0}.landing-footer{height:52px}.landing-footer span:last-child{display:none}.join-header{height:68px}.join-header .ghost-button{justify-content:center;width:36px;padding:0;font-size:0}.join-card{margin-top:25px;padding:32px 25px 27px}.room-header{padding:0 12px}.room-header .wordmark{gap:7px;font-size:17px}.room-header .wordmark-mark{width:28px;height:28px}.room-actions{gap:5px}.room-action-button{width:36px;padding:0}.room-action-button span{display:none}.exit-button{width:34px}.cast-popover{position:fixed;top:69px;right:12px}.room-layout{gap:16px;padding:12px 0 28px}.player-frame{border-left:0;border-right:0;border-radius:0}.danmaku-composer{height:50px;margin:10px 12px 0}.danmaku-label{justify-content:center;width:43px;padding:0}.danmaku-label span,.mode-button,.danmaku-send span{display:none}.danmaku-composer>input{padding:0 10px;font-size:11px}.danmaku-send{width:35px;padding:0}.guest-hint{margin-inline:13px}.room-sidebar{padding:0 12px;display:flex}.now-playing-card,.audience-card,.danmaku-feed-card,.privacy-card{width:100%}.audience-card{min-height:0}.member-list{max-height:220px}.danmaku-feed-list{max-height:210px}.modal-card{padding:31px 22px 25px}.player-mount .dplayer-controller .dplayer-volume,.player-mount .dplayer-controller .dplayer-setting{display:none}.player-topline{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}