:root{--radius: 8px;--radius-sm: 6px;--radius-xs: 4px;--danger: #f2555a;--success: #3ecf9a;--warn: #ffb020;--shadow: 0 14px 36px rgba(0, 0, 0, .5);--shadow-soft: 0 6px 18px rgba(0, 0, 0, .3)}:root,:root[data-theme=sakura]{--primary: #fb7299;--primary-soft: rgba(251, 114, 153, .16);--accent: #8fd4ff;--on-primary: #ffffff;--bg-base: #1a1418;--bg-elev: #221a20;--surface: #221a20;--surface-2: #2b2029;--surface-3: #362833;--surface-hover: #271d23;--border: #342832;--border-strong: #4a3a47;--text: #f2eaee;--text-dim: #afa4ab;--text-faint: #80747b}:root[data-theme=violet]{--primary: #8b6cf6;--primary-soft: rgba(139, 108, 246, .18);--accent: #93e0ff;--on-primary: #ffffff;--bg-base: #151320;--bg-elev: #1c1929;--surface: #1c1929;--surface-2: #251f36;--surface-3: #2f2843;--surface-hover: #211b2f;--border: #2d2541;--border-strong: #42385c;--text: #ece9f5;--text-dim: #a8a1c0;--text-faint: #7b7492}:root[data-theme=galaxy]{--primary: #3d9bff;--primary-soft: rgba(61, 155, 255, .18);--accent: #a5b4fc;--on-primary: #ffffff;--bg-base: #121722;--bg-elev: #181e2b;--surface: #181e2b;--surface-2: #1f2737;--surface-3: #283245;--surface-hover: #1c2231;--border: #252e41;--border-strong: #38445a;--text: #e8edf5;--text-dim: #9fa8ba;--text-faint: #727b8c}:root[data-theme=mint]{--primary: #2fbf8f;--primary-soft: rgba(47, 191, 143, .18);--accent: #ffe08a;--on-primary: #ffffff;--bg-base: #111a17;--bg-elev: #16211d;--surface: #16211d;--surface-2: #1d2b26;--surface-3: #253630;--surface-hover: #1a2621;--border: #22312c;--border-strong: #34473f;--text: #e7f2ee;--text-dim: #9cb3ab;--text-faint: #70857e}:root[data-theme=sunset]{--primary: #ff7a45;--primary-soft: rgba(255, 122, 69, .18);--accent: #ffd98a;--on-primary: #ffffff;--bg-base: #1a1512;--bg-elev: #221b16;--surface: #221b16;--surface-2: #2b221b;--surface-3: #372b22;--surface-hover: #261e18;--border: #33281f;--border-strong: #4b3b2d;--text: #f4ece5;--text-dim: #b8a89b;--text-faint: #8a7b6e}:root[data-theme=mono]{--primary: #d8dbe4;--primary-soft: rgba(216, 219, 228, .14);--accent: #a9b0c2;--on-primary: #16171b;--bg-base: #131316;--bg-elev: #191a1e;--surface: #191a1e;--surface-2: #202126;--surface-3: #292a30;--surface-hover: #1d1e23;--border: #26272c;--border-strong: #3a3b42;--text: #e9eaf0;--text-dim: #a4a6b0;--text-faint: #767880}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{color:var(--text);font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei UI,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;background:var(--bg-base);transition:background-color .3s ease}#app{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:14px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary);border-color:var(--primary);filter:brightness(1.1)}.btn-primary:active:not(:disabled){filter:brightness(.94)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim);font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:transparent;color:var(--text)}.btn-block{width:100%;padding:10px 16px}.input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input:focus-visible{outline:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-dim)}.field-hint{font-size:12px;color:var(--text-faint)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-xs);font-size:11.5px;font-weight:500;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap}.tag-primary{background:var(--primary-soft);border-color:#ffffff0f;color:var(--primary)}.tag-success{background:#3ecf9a24;border-color:#3ecf9a4d;color:var(--success)}.tag-warn{background:#ffb02024;border-color:#ffb0204d;color:var(--warn)}.avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-glow{box-shadow:0 0 0 2px var(--surface-3)}.switch{position:relative;display:inline-block;width:40px;height:22px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch input:checked+span{background:var(--primary);border-color:var(--primary)}.switch input:checked+span:after{transform:translate(18px)}.alert{padding:9px 12px;border-radius:var(--radius-sm);font-size:12.5px;margin-bottom:14px;background:#f2555a1f;border:1px solid rgba(242,85,90,.3);color:#ff9a9e}.divider{height:1px;background:var(--border);margin:16px 0}.app-header{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-base);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;letter-spacing:.4px;white-space:nowrap;color:var(--text);transition:color .15s ease}.brand:hover{color:var(--primary)}.brand-mark{width:22px;height:22px;border-radius:var(--radius-xs);display:grid;place-items:center;background:var(--primary);color:var(--on-primary);flex:none}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.user-chip:hover{background:var(--surface-3);border-color:var(--border-strong)}.user-chip-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-wrap{position:relative}.header-pill{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;transition:background .15s ease,border-color .15s ease}.header-pill:hover{background:var(--surface-3);border-color:var(--border-strong)}.header-pill>svg{color:var(--primary)}.theme-swatch{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #ffffff47 inset}.theme-pop{position:absolute;top:42px;right:0;width:210px;padding:8px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:60}.theme-pop-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-faint);padding:4px 8px 8px}.theme-option{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:12.5px;color:var(--text-dim);transition:background .15s ease,color .15s ease}.theme-option:hover{background:var(--surface-2);color:var(--text)}.theme-option.active{color:var(--text);background:var(--surface-2);border-color:var(--border)}.theme-option .dot{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #ffffff47 inset}.theme-option-label{flex:1;text-align:left}.theme-option-check{flex:none;color:var(--primary)}.page{max-width:1180px;margin:0 auto;padding:20px 20px 64px;display:flex;flex-direction:column;min-height:calc(100vh - 57px)}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:28px;padding:32px;margin-bottom:26px;border-radius:14px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--primary) 1px,transparent 1.01px);background-size:10px 10px;opacity:.2;-webkit-mask-image:radial-gradient(120% 110% at 10% 0%,#000 0%,transparent 60%);mask-image:radial-gradient(120% 110% at 10% 0%,#000 0%,transparent 60%)}.hero-blob{position:absolute;top:50%;right:-50px;width:420px;height:250px;transform:translateY(-50%) rotate(-8deg);border-radius:44% 56% 52% 48%/52% 46% 54% 48%;background:var(--primary);opacity:.1}.hero-stripes{position:absolute;right:-12%;bottom:-46px;width:74%;height:130px;transform:rotate(-5deg);background:repeating-linear-gradient(-45deg,var(--primary) 0 5px,transparent 5px 16px);opacity:.08;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}.hero-main{position:relative;min-width:0}.hero-kana{display:inline-block;padding:3px 10px;margin-bottom:13px;border-radius:5px;border:1px solid var(--primary);color:var(--primary);font-size:11px;font-weight:700;letter-spacing:2.5px}.hero-title{margin:0 0 10px;font-size:clamp(24px,3.2vw,33px);font-weight:800;letter-spacing:1.5px;color:var(--text);text-shadow:2px 2px 0 var(--primary)}.hero-lede{margin:0 0 16px;font-size:13px;line-height:1.75;color:var(--text-dim)}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}.hero-chips li{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--text-dim)}.hero-chips li svg{color:var(--primary)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-lg{padding:10px 20px;font-size:14px}.hero-art{position:relative;display:grid;place-items:center;min-height:210px}.hero-ring{position:absolute;width:236px;height:236px;border-radius:50%;border:2px dashed var(--border-strong);opacity:.8}.hero-screen{position:relative;z-index:1;display:grid;place-items:center;width:186px;height:124px;transform:rotate(-4deg);border-radius:10px;border:2px solid var(--primary);background:var(--surface-2);color:var(--primary);box-shadow:8px 8px 0 var(--primary-soft);overflow:hidden}.hero-screen-shine{position:absolute;top:-40%;left:-30%;width:60%;height:180%;transform:rotate(24deg);background:#ffffff17}.hero-spark{position:absolute;color:var(--primary);animation:float-y 3.4s ease-in-out infinite}.spark-1{top:4px;left:14px}.spark-2{right:20px;bottom:26px;animation-delay:.5s}.spark-3{top:44%;right:2px;color:var(--accent);animation-delay:1s}.petal{position:absolute;top:-12px;width:11px;height:11px;border-radius:100% 0;background:var(--primary);opacity:0;animation:petal-fall 7s linear infinite}.petal-1{left:12%;animation-delay:.4s}.petal-2{left:40%;animation-delay:2.6s;animation-duration:8.4s}.petal-3{left:68%;animation-delay:4.4s;animation-duration:6.4s}.petal-4{left:86%;animation-delay:5.8s;animation-duration:9s}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes petal-fall{0%{transform:translateZ(0) rotate(0);opacity:0}12%{opacity:.55}80%{opacity:.4}to{transform:translate3d(-42px,250px,0) rotate(240deg);opacity:0}}.page-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.head-bar{width:4px;height:15px;border-radius:2px;background:var(--primary)}.head-spark{color:var(--primary);opacity:.75}.page-title{font-size:16px;font-weight:600;margin:0;color:var(--text)}.page-count{font-size:12.5px;color:var(--text-faint)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:22px 16px}.room-card{display:flex;flex-direction:column;gap:9px;cursor:pointer;min-width:0}.room-card:hover .room-name{color:var(--primary)}.room-cover{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background-color:var(--surface-2);background-size:cover;background-position:center;display:grid;place-items:center;color:var(--text-faint);transition:border-color .18s ease}.room-card:hover .room-cover{border-color:var(--primary)}.room-cover.is-blank:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--primary) 1px,transparent 1.01px);background-size:9px 9px;opacity:.24}.cover-icon{position:relative;z-index:1;color:var(--primary);opacity:.7}.room-cover-badges{position:absolute;top:8px;right:8px;display:flex;gap:5px;z-index:2}.room-live{position:absolute;bottom:8px;left:8px;z-index:2;display:flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-xs);font-size:11.5px;font-weight:500;background:#000000b8;color:#fff}.dot-live{width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.room-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.room-name{font-weight:500;font-size:13.5px;line-height:1.5;color:var(--text);transition:color .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-sub{font-size:12px;color:var(--text-faint);display:flex;align-items:center;justify-content:space-between;gap:8px}.owner-line{display:flex;align-items:center;gap:6px;min-width:0}.owner-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px;color:var(--text-faint);flex:none}.room-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;min-height:24px}.room-countdown{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--warn);white-space:nowrap}.room-open{font-size:12px;color:var(--text-faint)}.room-remove{flex:none;padding:0;font-size:12px;color:var(--text-faint);transition:color .15s ease}.room-remove:hover:not(:disabled){color:var(--danger)}.room-remove:disabled{opacity:.5;cursor:not-allowed}.empty-state{position:relative;display:flex;align-items:center;gap:14px;padding:26px 22px;border-radius:var(--radius);border:1px dashed var(--border-strong);background:var(--surface);color:var(--text-faint);overflow:hidden}.empty-state:before{content:"";position:absolute;top:50%;right:-40px;width:240px;height:160px;transform:translateY(-50%) rotate(-8deg);border-radius:46% 54% 50% 50%/54% 46%;background:var(--primary);opacity:.09;pointer-events:none}.empty-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary)}.empty-text{display:flex;flex-direction:column;gap:3px;min-width:0}.empty-text strong{color:var(--text);font-size:14px;font-weight:600}.empty-text span{font-size:12.5px;color:var(--text-faint)}.empty-cta{margin-left:auto;flex:none}.notice-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);font-size:12.5px;color:var(--text-dim)}.notice-tag{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 8px;border-radius:var(--radius-xs);background:var(--primary-soft);border:1px solid var(--primary);color:var(--primary);font-size:11.5px;font-weight:600}.notice-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-oath{position:relative;margin:0 0 26px;padding:15px 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-align:center;font-size:13.5px;letter-spacing:.6px;color:var(--text-dim);overflow:hidden}.home-oath:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--primary) 1px,transparent 1.01px);background-size:9px 9px;opacity:.16;-webkit-mask-image:radial-gradient(58% 150% at 50% 50%,transparent 0%,#000 80%);mask-image:radial-gradient(58% 150% at 50% 50%,transparent 0%,#000 80%);pointer-events:none}.how-to{margin-top:40px;margin-bottom:44px}.section-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:18px}.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.step-item{position:relative;display:flex;gap:13px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden}.step-item:after{content:"";position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:var(--primary);opacity:.07}.step-num{flex:none;font-size:26px;font-weight:800;font-style:italic;line-height:1.1;color:var(--primary-soft);-webkit-text-stroke:1.5px var(--primary)}.step-body{min-width:0}.step-body strong{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:3px}.step-body p{margin:0;font-size:12.5px;line-height:1.7;color:var(--text-faint)}.site-foot{margin-top:auto;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.foot-copy{margin:0;font-size:12.5px;letter-spacing:.4px;color:var(--text-faint)}.skeleton-card{display:flex;flex-direction:column;gap:9px}.skeleton-block{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;padding:20px;z-index:100;animation:fade-in .14s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:440px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow);padding:22px;max-height:90vh;overflow:auto;animation:fade-in .14s ease}.modal-title{font-size:17px;font-weight:600;margin:0 0 6px}.modal-desc{color:var(--text-dim);font-size:12.5px;margin:0 0 18px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.thanks-modal .modal-title{display:flex;align-items:center;gap:7px}.thanks-modal .modal-title>svg{flex:none;color:var(--primary)}.thanks-card{display:flex;align-items:center;gap:13px;padding:14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2)}.thanks-avatar{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:50%;overflow:hidden;border:2px solid var(--primary);background:var(--primary-soft)}.thanks-avatar img{width:100%;height:100%;object-fit:cover;display:block}.thanks-avatar-fallback{font-size:22px;font-weight:600;color:var(--primary)}.thanks-info{display:flex;flex-direction:column;gap:3px;min-width:0}.thanks-info strong{font-size:15px;font-weight:600;color:var(--text)}.thanks-info span{font-size:12.5px;color:var(--text-dim)}.quick-fill{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.quick-fill .btn{padding:4px 10px;font-size:12px;font-weight:500}.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.avatar-choice{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;transition:border-color .15s ease,filter .15s ease;overflow:hidden;padding:0;color:#fff}.avatar-choice:hover{filter:brightness(1.15)}.avatar-choice.active{border-color:var(--text)}.avatar-choice img{width:100%;height:100%;object-fit:cover}.avatar-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);margin-bottom:16px}.preview-name{font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row{display:flex;gap:8px}.link-row .input{flex:1;min-width:0}.auth-wrap{min-height:calc(100vh - 56px);display:grid;place-items:center;padding:32px 20px}.auth-card{width:100%;max-width:372px;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:28px;box-shadow:var(--shadow-soft)}.auth-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:16px}.auth-card h1{font-size:20px;margin:0 0 6px;font-weight:700}.auth-card p.sub{color:var(--text-dim);font-size:12.5px;margin:0 0 22px}.auth-foot{margin-top:16px;text-align:center;font-size:12.5px;color:var(--text-dim)}.auth-foot a{color:var(--primary);font-weight:600}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:12px;padding:12px;height:100vh}.room-left{min-width:0;display:flex;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto}.room-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}.room-topbar-spacer{flex:1}.player-wrap{display:flex;flex-direction:column;gap:0;min-height:0;flex:0 1 auto;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#0f1013}.player-box{position:relative;background:#000;overflow:hidden;aspect-ratio:16 / 9;width:100%;flex:0 1 auto;min-height:0}.player-box video{width:100%;height:100%;display:block;background:#000;object-fit:contain}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0000009e;z-index:3;cursor:pointer;text-align:center;padding:20px}.player-overlay.is-buffering{background:#0000006b}.player-overlay .overlay-sub{font-size:12px;color:var(--text-dim);margin-top:-6px}.play-big{width:62px;height:62px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.85);color:#fff;display:grid;place-items:center;padding-left:4px;transition:background .16s ease,border-color .16s ease}.player-overlay:hover .play-big{background:var(--primary);border-color:var(--primary)}.overlay-text{color:#fff;font-size:13.5px;font-weight:600}.spinner{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-status{position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.controls{display:flex;align-items:center;gap:12px;padding:9px 13px;background:#15171b;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap;flex:none;transition:opacity .22s ease,transform .22s ease}.controls.disabled{opacity:.72}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--text);transition:background .15s ease,color .15s ease;flex:none}.icon-btn:hover:not(:disabled){background:#ffffff17;color:var(--primary)}.icon-btn:disabled{opacity:.38;cursor:not-allowed}.time-label{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.progress{flex:1;min-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#ffffff2e;outline:none;cursor:pointer}.progress:disabled{cursor:not-allowed}.progress::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;cursor:pointer;transition:transform .15s ease}.progress::-webkit-slider-thumb:hover{transform:scale(1.18)}.progress::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.volume-box{display:flex;align-items:center;gap:7px;flex:none}.volume{width:78px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#ffffff2e;outline:none;cursor:pointer}.volume::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;cursor:pointer;transition:transform .15s ease}.volume::-webkit-slider-thumb:hover{transform:scale(1.18)}.volume::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:none;cursor:pointer}.volume-value{min-width:34px;text-align:right;font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.room-meta{position:relative;display:flex;align-items:flex-start;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden;flex:none}.room-meta-main{position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;min-width:0;flex:1}.room-meta-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;letter-spacing:.3px;min-width:0}.room-meta-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.room-meta-title .head-spark{flex:none}.room-facts{display:flex;flex-wrap:wrap;gap:7px}.tag-fact{gap:6px;padding:4px 10px;font-size:12.5px;color:var(--text);max-width:100%}.tag-fact>svg,.tag-fact>.avatar{flex:none}.room-watch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.watch-label{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-faint)}.watch-avatars{display:flex;align-items:center}.watch-avatars>*+*{margin-left:-8px}.watch-more{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-3);box-shadow:0 0 0 2px var(--surface-3);font-size:11.5px;font-weight:600;color:var(--text-dim)}.watch-hint{font-size:12px;color:var(--text-faint)}.room-meta-deco{position:absolute;inset:0 0 0 auto;width:180px;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(-45deg,var(--primary) 0 2px,transparent 2px 9px);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 78%);mask-image:linear-gradient(90deg,transparent 0%,#000 78%)}.room-bar{display:flex;align-items:center;gap:16px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;font-size:13px;flex:none}.room-bar-item{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.owner-absent{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-xs);font-size:12.5px;font-weight:500;color:var(--warn);background:#ffb02021;border:1px solid rgba(255,176,32,.28)}.player-wrap:fullscreen{border-radius:0;border:none;gap:0;background:#000;height:100vh;width:100vw}.player-wrap:fullscreen .player-box{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.player-wrap:fullscreen .controls{background:#0f1013f2;padding:14px 24px}.player-wrap.hide-controls .controls{opacity:0;pointer-events:none;transform:translateY(12px)}.player-wrap.hide-controls .player-status{opacity:0;transform:translateY(-10px)}.player-wrap:fullscreen.hide-controls,.player-wrap:fullscreen.hide-controls .player-box{cursor:none}.room-side{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:0}.side-tabs{display:flex;border-bottom:1px solid var(--border);flex:none}.side-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 0;font-size:13px;font-weight:500;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.side-tab:hover{color:var(--text)}.side-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--primary)}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-height:0}.chat-item{display:flex;gap:9px;align-items:flex-start;padding:6px 7px;border-radius:var(--radius-sm);transition:background .15s ease}.chat-item:hover{background:var(--surface-2)}.chat-main{min-width:0;flex:1}.chat-head{display:flex;align-items:baseline;gap:7px;margin-bottom:1px}.chat-name{font-size:12px;font-weight:600;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name.self{color:var(--primary)}.chat-time{font-size:11px;color:var(--text-faint)}.chat-text{font-size:13px;line-height:1.6;color:var(--text);word-break:break-word;white-space:pre-wrap}.chat-empty{margin:auto;text-align:center;color:var(--text-faint);font-size:12.5px;padding:20px}.chat-empty-icon{display:flex;justify-content:center;margin-bottom:10px;color:var(--text-faint);opacity:.72}.chat-form{flex:none;display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}.chat-form .input,.chat-form .btn{padding:8px 12px}.chat-locked{flex:none;padding:12px;border-top:1px solid var(--border);text-align:center;font-size:12px;color:var(--text-faint);line-height:1.7}.member-list{flex:1;overflow-y:auto;padding:10px;min-height:0}.member-item{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:var(--radius-sm);transition:background .15s ease}.member-item:hover{background:var(--surface-2)}.member-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.member-tags{display:flex;gap:4px;flex:none}.toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%);max-width:calc(100vw - 40px);padding:10px 18px;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-size:13px;box-shadow:var(--shadow);z-index:200;animation:fade-in .16s ease}@media (prefers-reduced-motion: reduce){.skeleton-block,.spinner,.hero-spark,.petal{animation:none!important}.petal{opacity:.3}}@media (max-width: 940px){.home-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 22px}.hero-art{min-height:150px;order:-1}.hero-ring{width:168px;height:168px}.hero-screen{width:140px;height:94px}.room-layout{grid-template-columns:minmax(0,1fr);height:auto;padding:10px;gap:10px}.room-side{height:460px}.page{padding:16px 14px 64px}.page-head{flex-wrap:wrap}.room-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:12px}.step-list{grid-template-columns:minmax(0,1fr)}.how-to{margin-top:32px}.app-header{padding:0 14px;gap:10px}.brand{font-size:15px}.header-actions{gap:6px}.volume,.volume-value{display:none}.avatar-picker{grid-template-columns:repeat(6,1fr)}.controls{gap:9px;padding:8px 11px}}@media (max-width: 780px){.header-pill{padding:0 10px}.header-pill-label{display:none}.user-chip{padding:4px}.user-chip-name{display:none}}@media (max-width: 600px){.room-topbar .btn{padding:7px 11px}.room-topbar .btn-label{display:none}}