:root{color:#e3e1ea;background:#121319;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--surface: #121319;--surface-low: rgba(26, 27, 34, .72);--surface-high: rgba(41, 42, 48, .74);--on-surface: #e3e1ea;--on-surface-variant: #b9cacb;--primary: #dbfcff;--primary-glow: #00f0ff;--secondary: #ffade2;--spotlight-color: #a855f7}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.studio-feed{--top-bar-height: 92px;--song-marquee-height: 38px;--studio-viewport-width: 100vw;--studio-viewport-height: 100dvh;--studio-viewport-offset-left: 0px;--studio-viewport-offset-top: 0px;position:fixed;top:var(--studio-viewport-offset-top);left:var(--studio-viewport-offset-left);width:var(--studio-viewport-width);height:var(--studio-viewport-height);overflow:hidden;overscroll-behavior:none;color:var(--on-surface);background:var(--surface)}.studio-page{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;color:var(--on-surface);background:var(--surface)}.room-feed-track,.room-feed-current,.room-feed-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room-feed-track{z-index:1;transform:translate3d(0,var(--room-feed-offset, 0px),0);will-change:transform}.room-feed-track.settling{transition:transform var(--room-feed-settle-duration, .24s) cubic-bezier(.22,.78,.22,1)}.room-feed-current{z-index:2}.room-feed-preview{z-index:1;overflow:hidden;color:var(--on-surface);background:#0d0e14}.room-feed-preview.previous{transform:translateY(-100%)}.room-feed-preview.next{transform:translateY(100%)}.room-feed-preview-media,.room-feed-preview-media img,.room-feed-preview-vignette{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room-feed-preview-media{background:radial-gradient(circle at 50% 42%,rgba(0,240,255,.13),transparent 34%),#0d0e14}.room-feed-preview-media img{object-fit:cover}.room-feed-preview-vignette{background:linear-gradient(180deg,#07080d2e,#07080d00 48%,#07080de0),linear-gradient(90deg,rgba(7,8,13,.18),transparent 44%,rgba(7,8,13,.2))}.room-feed-preview-copy{position:absolute;z-index:2;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 12px rgba(0,0,0,.82)}.room-feed-preview-copy span{color:var(--primary-glow);font-family:Space Grotesk,PingFang SC,sans-serif;font-size:14px;font-weight:600}.room-feed-preview-copy strong{overflow-wrap:anywhere;color:var(--primary);font-family:Sora,PingFang SC,sans-serif;font-size:24px;line-height:1.2;letter-spacing:0}.room-feed-entry-cover{z-index:120;transform:none;opacity:1;pointer-events:auto;transition:opacity .18s ease}.room-feed-entry-cover.leaving{opacity:0}.room-swipe-surface{position:absolute;z-index:20;top:calc(var(--top-bar-height) + var(--song-marquee-height) + env(safe-area-inset-top));right:0;bottom:calc(112px + env(safe-area-inset-bottom));left:0;display:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.room-swipe-surface[data-disabled=true]{pointer-events:none}.studio-feed[data-keyboard-open=true] .room-swipe-surface{display:none}.studio-entry-error{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;text-align:center;pointer-events:none}.studio-entry-error-media,.studio-entry-error-media img,.studio-entry-error-glass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.studio-entry-error-media{z-index:0;background:#0d0e14}.studio-entry-error-media img{object-fit:cover;transform:scale(1.04);filter:saturate(.82) brightness(.74)}.studio-entry-error-glass{z-index:1;background:#08090e80;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.studio-entry-error-content{position:relative;z-index:2;width:min(100%,460px);min-height:100%;margin:0 auto;padding:calc(32px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center}.studio-entry-error-icon{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;border:1px solid rgba(219,252,255,.3);border-radius:50%;color:var(--primary-glow);background:#0a0e146b;box-shadow:inset 0 1px #ffffff1a,0 12px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.studio-entry-error-icon svg{filter:drop-shadow(0 0 12px rgba(0,240,255,.34))}.studio-entry-error h1,.studio-entry-error p{margin:0}.studio-entry-error h1{margin-top:18px;color:var(--primary);font-family:Sora,PingFang SC,sans-serif;font-size:27px;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 2px 18px rgba(0,0,0,.72)}.studio-entry-error p{max-width:370px;margin-top:10px;color:#e3e1ead1;font-size:15px;line-height:1.55;overflow-wrap:anywhere;text-shadow:0 2px 14px rgba(0,0,0,.8)}.studio-entry-error button,.studio-feed-empty-state button{min-height:42px;margin:0;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(0,240,255,.42);border-radius:8px;color:var(--primary);background:#00f0ff1a;font-weight:700;cursor:pointer;pointer-events:auto}.studio-entry-error-actions,.studio-feed-empty-actions{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.studio-entry-error .studio-exit-action,.studio-feed-empty-state .studio-exit-action{border-color:#e3e1ea4d;color:var(--on-surface);background:#1213196b}.studio-entry-error button:focus-visible,.studio-feed-empty-state button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.studio-feed-empty{display:grid;place-items:center;padding:24px}.studio-feed-empty-state{max-width:420px;text-align:center}.studio-feed-empty-state h1,.studio-feed-empty-state p{margin:0}.studio-feed-empty-state h1{color:var(--primary);font-family:Sora,PingFang SC,sans-serif;font-size:24px;letter-spacing:0}.studio-feed-empty-state p{margin-top:8px;color:var(--on-surface-variant)}.studio-feed-empty-state button:disabled{cursor:default;opacity:.62}.studio-boot-error{display:grid;place-content:center;gap:12px;width:100%;height:100dvh;padding:24px;text-align:center;color:var(--on-surface);background:var(--surface)}.studio-boot-error a{color:var(--primary-glow)}.stage-background,.stage-background img,.background-vignette,.spotlight-layer,.avatar-stage,.petal-layer,.confetti-layer,.glowstick-layer,.gift-layer{position:absolute;top:0;right:0;bottom:0;left:0}.stage-background{z-index:0;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--spotlight-color) var(--spotlight-background-wash, 19%),transparent),transparent var(--spotlight-background-wash-radius, 34%)),#0d0e14}.stage-background img{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.04)}.background-vignette{background:linear-gradient(180deg,#0d0e142e,#0d0e1400 25%,#0d0e14c2),linear-gradient(90deg,#0d0e1433,#0d0e1405,#0d0e1452)}.spotlight-layer{z-index:10;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.spotlight-layer.off{opacity:0;mix-blend-mode:normal;visibility:hidden}.spotlight-layer.off .spotlight,.spotlight-layer.off .spotlight:after{animation:none;background:transparent;filter:none}.spotlight{position:absolute;top:-110px;width:var(--spotlight-beam-width, 120px);height:1000px;transform-origin:top center;filter:blur(var(--spotlight-beam-blur, 11px));background:conic-gradient(from 174deg at 50% 0%,transparent 0deg,color-mix(in srgb,var(--spotlight-color) var(--spotlight-edge-mix, 13%),transparent) var(--spotlight-edge-deg, 3deg),color-mix(in srgb,var(--spotlight-color) var(--spotlight-center-mix, 26%),transparent) var(--spotlight-center-deg, 6deg),color-mix(in srgb,var(--spotlight-color) var(--spotlight-edge-mix, 13%),transparent) var(--spotlight-edge-deg-2, 9deg),transparent var(--spotlight-outer-deg, 11deg))}.spotlight:after{content:"";position:absolute;top:0;left:50%;width:var(--spotlight-source-size, 18px);height:var(--spotlight-source-size, 18px);border-radius:999px;background:var(--spotlight-color);filter:blur(var(--spotlight-source-blur, 5px));transform:translate(-50%)}.spotlight-1{left:8%;animation:sweep-1 7s ease-in-out infinite}.spotlight-2{left:45%;animation:sweep-2 9s ease-in-out infinite}.spotlight-3{left:78%;animation:sweep-3 8s ease-in-out infinite}.avatar-stage{z-index:3;overflow:hidden;pointer-events:none}.avatar-runtime-canvas{display:block;width:100%;height:100%}.studio-feed[data-mobile-portrait=true] .avatar-runtime-canvas{position:absolute;left:50%;width:auto;min-width:100%;height:100%;aspect-ratio:9 / 16;transform:translate(-50%)}.motion-debug-hud{position:absolute;z-index:90;top:calc(var(--top-bar-height) + var(--song-marquee-height) + 10px + env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));max-width:min(72vw,520px);padding:6px 10px;border-radius:8px;border:1px solid rgba(0,240,255,.28);background:#080a10b8;color:#d6f8ffeb;font-family:SF Mono,JetBrains Mono,Menlo,monospace;font-size:12px;line-height:1.35;letter-spacing:.01em;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-debug-hud--error{border-color:#ff60606b;background:#18080ad1;color:#ffc4c4f5}.top-bar{position:absolute;z-index:50;top:0;left:0;right:0;height:calc(var(--top-bar-height) + env(safe-area-inset-top));padding:calc(14px + env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) 14px max(30px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(59,73,75,.45);background:#121319c7}.host-summary{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:14px;overflow:hidden}.host-avatar{width:54px;height:54px;flex:0 0 auto;border-radius:999px;border:1px solid rgba(0,240,255,.45);object-fit:cover;box-shadow:0 0 14px #00dbe966}.host-avatar-placeholder{display:grid;place-items:center;color:#d8f2f4b8;background:#243036eb}.host-copy{min-width:0;overflow:hidden}.host-summary h1{margin:0;overflow:hidden;color:var(--primary);font-family:Sora,PingFang SC,sans-serif;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:0;text-shadow:0 0 10px rgba(0,219,233,.5);text-overflow:ellipsis;white-space:nowrap}.host-tagline-viewport{min-width:0;margin:5px 0 0;overflow:hidden}.host-tagline-track{display:flex;width:max-content;align-items:center;gap:32px;white-space:nowrap}.host-tagline-viewport.is-scrolling .host-tagline-track{animation:host-tagline-marquee 12s linear infinite;will-change:transform}.host-tagline-text{display:block;width:max-content;color:#dbfcffbd;font-family:Space Grotesk,PingFang SC,sans-serif;font-size:14px;line-height:1.3}.top-actions{display:flex;flex:0 0 auto;align-items:center;gap:12px}.icon-button,.round-action,.composer-input button,.send-button,.settings-header button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}.icon-button.flat{width:44px;height:44px;color:var(--primary-glow);background:transparent}.song-marquee{position:absolute;z-index:35;top:calc(var(--top-bar-height) + env(safe-area-inset-top));left:0;right:0;height:var(--song-marquee-height);padding:0 max(30px,env(safe-area-inset-right)) 0 max(30px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;color:var(--primary-glow);border-bottom:1px solid rgba(59,73,75,.34);background:#121319c2;box-shadow:0 8px 22px #00000029}.song-marquee svg{flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(0,240,255,.52))}.song-marquee-viewport{min-width:0;flex:1;overflow:hidden;container-type:inline-size}.song-marquee-track{width:max-content;display:flex;align-items:center;white-space:nowrap;will-change:transform;animation:song-marquee 16s linear infinite}.song-marquee-track span{color:var(--primary);font-family:Space Grotesk,PingFang SC,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-shadow:0 0 8px rgba(0,219,233,.42)}.danmaku-layer{position:absolute;z-index:24;top:calc(var(--top-bar-height) + var(--song-marquee-height) + 20px + env(safe-area-inset-top));bottom:calc(132px + env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:env(safe-area-inset-right);overflow:hidden;pointer-events:none}.danmaku-track{position:absolute;left:0;white-space:nowrap;color:#ffffffeb;font-weight:800;text-shadow:0 2px 3px rgba(0,0,0,.7),0 0 10px rgba(219,252,255,.38);will-change:transform;animation-name:move-danmaku;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.interaction-sidebar{position:absolute;z-index:42;right:max(28px,env(safe-area-inset-right));bottom:calc(176px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:22px}.side-action{display:flex;flex-direction:column;align-items:center;gap:7px}.side-action span{color:var(--secondary);font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600;text-shadow:0 0 8px rgba(255,173,226,.36)}.round-action{width:58px;height:58px;border-radius:999px;color:var(--on-surface);border:0;background:#1213191f;box-shadow:0 0 8px #0000001a;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .16s ease,box-shadow .16s ease,color .16s ease}.round-action:hover,.round-action:focus-visible{transform:scale(1.06)}.round-action.favorite,.round-action.gift,.round-action.share,.round-action.settings{color:var(--primary);box-shadow:0 0 8px #00f0ff1a}.round-action.favorite.active{color:var(--secondary);background:#ffade214;box-shadow:0 0 12px #ffade238}.round-action.gift.active,.round-action.settings.active{color:var(--primary-glow);background:#00f0ff0f;box-shadow:0 0 12px #00f0ff38}.petal-layer,.confetti-layer{pointer-events:none}.petal-layer{z-index:30}.confetti-layer{z-index:18;overflow:hidden}.gift-layer,.gift-showcase{z-index:54;pointer-events:none}.petal-canvas,.confetti-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gift-layer.quick{z-index:62}.glowstick-layer{z-index:24;overflow:hidden;pointer-events:none}.glowstick-wave{position:absolute;top:0;right:0;bottom:0;left:0}.glowstick-wash{position:absolute;left:0;right:0;bottom:0;height:55%;background:radial-gradient(ellipse 90% 70% at 30% 100%,rgba(244,114,208,.4),transparent 70%),radial-gradient(ellipse 90% 70% at 72% 100%,rgba(192,132,252,.38),transparent 70%),linear-gradient(to top,rgba(232,121,249,.2),transparent 72%);mix-blend-mode:screen;opacity:0;animation:glowstick-wash-pulse 3.6s ease-out forwards;will-change:opacity}.glowstick{position:absolute;bottom:var(--stick-bottom, 30%);left:var(--x);translate:-50% 0;width:var(--stick-size, 180px);transform-origin:50% 92%;filter:drop-shadow(0 0 12px rgba(232,121,249,.96)) drop-shadow(0 0 28px rgba(192,132,252,.56));animation:glowstick-flight 6s linear forwards;will-change:transform,opacity}.glowstick-entry{display:block;width:100%;opacity:0;animation:glowstick-enter 576ms cubic-bezier(.22,.9,.3,1) forwards;animation-delay:var(--stick-delay, 0ms);will-change:transform,opacity}.glowstick img{--glowstick-sway-base-from: -23deg;--glowstick-sway-base-to: 21deg;--glowstick-sway-from: var(--glowstick-sway-base-from);--glowstick-sway-to: var(--glowstick-sway-base-to);display:block;width:100%;transform-origin:14% 82%;animation:glowstick-sway var(--sway-duration, .92s) ease-in-out infinite alternate;will-change:transform}.glowstick-spark{position:absolute;left:var(--x);width:var(--spark-size, 4px);height:var(--spark-size, 4px);border-radius:50%;background:var(--spark-color, #ff8fd0);box-shadow:0 0 8px var(--spark-color, #ff8fd0),0 0 18px var(--spark-color, #ff8fd0),0 0 32px var(--spark-color, #ff8fd0);opacity:0;animation:glowstick-spark-rise var(--spark-duration, 2.2s) ease-out forwards;animation-delay:var(--spark-delay, 0ms);will-change:transform,opacity}.gift-showcase{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:82;display:grid;place-items:center;animation:gift-showcase-fade 4.6s ease forwards}.gift-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at 50% 50%,#0000,#0507105c 72%)}.gift-showcase.rocket{color:#fff7ec;animation-duration:4.9s}.gift-showcase.fireworks{isolation:isolate;color:#fff7dc;background:#03050c47;animation:fireworks-showcase-fade var(--fireworks-duration, 11s) linear forwards}.gift-showcase.fireworks:before{z-index:0;background:radial-gradient(circle at 50% 44%,transparent 22%,rgba(2,3,8,.32) 100%)}.gift-video-showcase{position:absolute;top:0;right:0;bottom:0;left:0;z-index:86;overflow:hidden;pointer-events:none;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none}.gift-video-player{display:block;width:100%;height:100%;object-fit:cover;opacity:var(--gift-video-opacity, 1);border:0;outline:0;border-radius:0;background:transparent;box-shadow:none}.gift-fireworks-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;display:block;pointer-events:none}.gift-showcase.mid-tier-gift{isolation:isolate;background:transparent;animation:mid-tier-showcase-fade var(--mid-tier-duration, 6.4s) linear forwards}.gift-showcase.mid-tier-gift.aurora:before{background:radial-gradient(ellipse at 48% 48%,rgba(103,232,249,.11),transparent 34%),radial-gradient(ellipse at 42% 56%,rgba(167,139,250,.11),transparent 64%)}.mid-tier-gift-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.mid-tier-gift-subject{position:absolute;z-index:2;width:clamp(260px,46vmin,500px);aspect-ratio:1;opacity:0;pointer-events:none;transform-origin:center;will-change:left,top,transform,opacity}.mid-tier-gift-subject img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.74)) drop-shadow(0 0 30px rgba(103,232,249,.58)) drop-shadow(0 0 54px rgba(126,87,194,.42))}.mid-tier-gift.aurora .mid-tier-gift-subject{width:clamp(300px,52vmin,560px)}.mid-tier-gift.aurora .mid-tier-gift-subject img{animation:aurora-whale-swim 1.15s ease-in-out infinite alternate;filter:drop-shadow(0 0 11px rgba(255,255,255,.7)) drop-shadow(0 0 28px rgba(103,232,249,.66)) drop-shadow(0 0 54px rgba(167,139,250,.46))}.composer-bar{position:absolute;z-index:55;left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px}.composer-input{height:62px;min-width:0;flex:1;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,240,255,.36);background:#121319d1;box-shadow:0 0 12px #00f0ff6b,inset 0 0 7px #00f0ff38}.composer-input button{flex:0 0 auto;width:28px;height:28px;padding:0;color:var(--primary-glow);background:transparent}.composer-input input{width:100%;min-width:0;border:0;outline:0;color:var(--on-surface);background:transparent;font-size:16px}.composer-input input::placeholder{color:#b9cacb7a}.send-button{width:52px;height:52px;flex:0 0 auto;border-radius:999px;color:#00363a;background:#00f0ff;box-shadow:0 0 18px #00f0ff80}.send-button:disabled{opacity:.68}.bottom-sheet-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;overflow:hidden;pointer-events:none}.settings-panel-frame{z-index:70}.gift-panel-frame{z-index:72}.settings-panel{position:relative;width:100%;max-height:min(72%,620px);padding:10px max(30px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;border-top:1px solid rgba(255,255,255,.2);background:#121319e6;box-shadow:0 -18px 45px #0000006b;pointer-events:auto;transform:translateY(105%);transition:transform .24s ease}.gift-panel{position:relative;width:100%;max-height:min(72%,620px);padding:8px max(20px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;border-top:1px solid rgba(255,255,255,.2);background:#121319e6;box-shadow:0 -18px 45px #0000006b;pointer-events:auto;transform:translateY(105%);transition:transform .24s ease}.gift-panel.open{transform:translateY(0)}.bottom-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#03050a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-panel-backdrop{z-index:69}.gift-panel-backdrop{z-index:71}.gift-panel-status{min-height:28px;display:flex;align-items:center;gap:10px;padding:2px 4px 4px;color:var(--on-surface-variant);font-size:12px}.gift-credit,.gift-send-state{display:inline-flex;align-items:center;gap:6px}.gift-credit{color:#ffe18a;font-weight:700}.gift-subscribe-button{min-height:28px;margin-left:auto;padding:4px 12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,225,138,.38);border-radius:999px;color:#fff1b8;background:linear-gradient(135deg,#ffd35f33,#ff7eb629);box-shadow:inset 0 0 10px #ffd35f14,0 0 12px #ffd35f14;font:inherit;font-weight:800;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.gift-subscribe-button:hover,.gift-subscribe-button:focus-visible{border-color:#ffe18aad;background:linear-gradient(135deg,#ffd35f4d,#ff7eb63d);transform:translateY(-1px)}.gift-send-state{flex:0 1 auto}.gift-retry-button+.gift-subscribe-button{margin-left:0}.gift-send-spinner{animation:gift-spinner .9s linear infinite}.gift-retry-button{width:28px;height:28px;margin-left:auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:var(--on-surface);background:#ffffff14;cursor:pointer}.gift-panel-error{min-height:24px;padding:3px 4px 5px;color:#ffb4ab;font-size:12px}@keyframes gift-spinner{to{transform:rotate(360deg)}}.gift-grid{display:flex;gap:14px;padding:6px 2px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.gift-grid::-webkit-scrollbar{display:none}.gift-card{flex:0 0 auto;width:84px;min-width:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;color:var(--on-surface);background:transparent;cursor:pointer;scroll-snap-align:start}.gift-card-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#1e1f2694;box-shadow:0 0 14px color-mix(in srgb,currentColor 18%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.gift-card-image{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,255,255,.42)) drop-shadow(0 0 12px color-mix(in srgb,currentColor 42%,transparent))}.gift-card:hover .gift-card-icon,.gift-card:focus-visible .gift-card-icon{transform:scale(1.06);border-color:#ffffff38}.gift-card strong{font-size:13px;line-height:1.25;font-weight:700}.gift-card-price{min-width:42px;min-height:20px;padding:2px 8px 2px 7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,225,138,.28);border-radius:999px;color:#ffe18a;background:#ffd35f1a;box-shadow:inset 0 0 8px #ffd35f0d;font-size:11px;line-height:1.35;font-weight:800}.gift-card-price-icon{flex:0 0 auto;stroke-width:2.4}.gift-card.disabled{cursor:not-allowed;opacity:.48}.gift-card.disabled .gift-card-icon{color:var(--on-surface-variant)!important;filter:grayscale(.6);box-shadow:none}.flower-icon{font-family:Sora,PingFang SC,sans-serif;font-size:32px;line-height:1;font-weight:800}.settings-panel.open{transform:translateY(0)}.panel-handle{width:46px;height:4px;margin:4px auto 18px;border-radius:99px;background:#b9cacb5c}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-header h2{margin:0;color:var(--primary);font-family:Plus Jakarta Sans,PingFang SC,sans-serif;font-size:24px;line-height:1.25;font-weight:700}.settings-header button{width:44px;height:44px;color:var(--on-surface-variant);background:transparent}.settings-section{padding:16px 0;border-top:1px solid rgba(59,73,75,.58)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-title{display:flex;align-items:center;gap:12px;color:var(--primary)}.section-title h3,.section-title p{margin:0}.section-title h3{color:var(--primary);font-size:17px;line-height:1.35;font-weight:700}.section-title p{margin-top:2px;color:#b9cacbc2;font-size:13px}.switch{position:relative;width:60px;height:34px;flex:0 0 auto;border:1px solid rgba(132,148,149,.55);border-radius:999px;background:#34343bd9;cursor:pointer}.switch:disabled{cursor:default}.switch span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:var(--on-surface-variant);transition:transform .18s ease,background .18s ease}.switch.on{border-color:#00f0ff85;background:#00f0ff38}.switch.on span{background:var(--primary-glow);box-shadow:0 0 12px #00f0ffa6;transform:translate(26px)}.report-form{padding-bottom:0}.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.reason-grid button,.report-submit{min-height:40px;border-radius:12px;border:1px solid rgba(132,148,149,.28);color:var(--on-surface);background:#ffffff0d;cursor:pointer}.reason-grid button{transition:border-color .16s ease,color .16s ease,background .16s ease,opacity .16s ease}.reason-grid button.selected{border-color:#00f0ff94;color:var(--primary);background:#00f0ff1f}.reason-grid button:disabled{cursor:default;opacity:.62}.reason-grid button.selected:disabled{opacity:1}.report-form textarea{width:100%;min-height:70px;margin-top:12px;padding:12px;max-height:24vh;overflow-y:auto;resize:vertical;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(132,148,149,.28);border-radius:12px;outline:0;color:var(--on-surface);background:#ffffff0d;transition:border-color .16s ease,background .16s ease,opacity .16s ease}.report-form textarea:disabled{cursor:default;opacity:.72;-webkit-text-fill-color:var(--on-surface)}.report-submit{width:100%;min-height:46px;margin-top:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#00363a;border-color:transparent;background:linear-gradient(135deg,#dbfcff,#00f0ff);font-weight:800;box-shadow:0 0 14px #00f0ff57;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.report-submit:disabled{cursor:default}.report-submit.submitting{color:#d8f9fc;border-color:#00f0ff57;background:#00f0ff24;box-shadow:0 0 12px #00f0ff2e}.report-submit.success{color:#d9ffeb;border-color:#6be5a173;background:#35b16e33;box-shadow:0 0 14px #35b16e33}.report-submit.error{color:#ffd9d5;border-color:#ffb4ab80;background:#ffb4ab1f;box-shadow:0 0 12px #ff706629}.report-submit-spinner{animation:report-submit-spinner .85s linear infinite}.report-result{min-height:42px;margin-top:10px;display:flex;align-items:center;gap:9px;color:var(--on-surface-variant);font-size:13px;line-height:1.4}.report-result.success{justify-content:space-between;flex-wrap:wrap;gap:16px;color:#baf5d3}.report-result-copy{min-width:0;flex:1 1 190px;display:flex;align-items:center;gap:9px}.report-result svg{flex:0 0 auto}.report-result.error{color:#ffb4ab}.report-another{min-height:36px;flex:0 0 auto;padding:7px 10px;border:1px solid rgba(107,229,161,.34);border-radius:8px;color:#d9ffeb;background:#35b16e1a;font-size:12px;font-weight:700;cursor:pointer}.report-another:hover,.report-another:focus-visible{border-color:#6be5a1a8;background:#35b16e2e}@keyframes report-submit-spinner{to{transform:rotate(360deg)}}@keyframes move-danmaku{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@keyframes song-marquee{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}@keyframes host-tagline-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 16px))}}@keyframes glowstick-enter{0%{opacity:0;transform:translateY(75vh) scale(.72)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowstick-flight{0%{opacity:1;transform:translateY(0) scale(1)}40.8%{opacity:1;transform:translateY(-1.5vh) scale(1)}90%{opacity:1;transform:translateY(-1.5vh) scale(1)}to{opacity:0;transform:translateY(-110vh) scale(.9)}}@keyframes glowstick-sway{0%{transform:rotate(var(--glowstick-sway-from))}to{transform:rotate(var(--glowstick-sway-to))}}@keyframes glowstick-wash-pulse{0%{opacity:0}18%{opacity:.9}38%{opacity:.55}52%{opacity:.85}to{opacity:0}}@keyframes glowstick-spark-rise{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(calc(var(--spark-rise, 24vh) * -1)) scale(1)}}@keyframes gift-showcase-fade{0%,to{opacity:0}10%,82%{opacity:1}}@keyframes fireworks-showcase-fade{0%,to{opacity:0}3%,94%{opacity:1}}@keyframes mid-tier-showcase-fade{0%,to{opacity:0}4%,92%{opacity:1}}@keyframes aurora-whale-swim{0%{transform:translateY(-2.5%) rotate(-1.2deg) scaleY(.98)}to{transform:translateY(2.5%) rotate(1.2deg) scaleY(1.02)}}@keyframes gift-star-twinkle{0%,to{opacity:0;transform:translateY(20px) scale(.2)}25%,72%{opacity:1;transform:translateY(0) scale(1)}}@keyframes sweep-1{0%,to{transform:rotate(-25deg)}50%{transform:rotate(15deg)}}@keyframes sweep-2{0%,to{transform:rotate(5deg)}50%{transform:rotate(-35deg)}}@keyframes sweep-3{0%,to{transform:rotate(20deg)}50%{transform:rotate(-10deg)}}@media(max-width:480px){.studio-feed[data-mobile-portrait=true] .room-swipe-surface{display:block}.glowstick img{--glowstick-sway-base-from: -55deg;--glowstick-sway-base-to: -35deg}.studio-feed{--top-bar-height: 78px;--song-marquee-height: 34px}.studio-entry-error-content{padding:calc(28px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.studio-entry-error-icon{width:62px;height:62px;flex-basis:62px}.studio-entry-error h1{font-size:23px}.studio-entry-error p{font-size:14px}.top-bar{padding:calc(10px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left))}.host-avatar{width:46px;height:46px}.host-summary h1{font-size:22px}.host-tagline-text{font-size:12px}.song-marquee{padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.song-marquee-track span{font-size:13px}.interaction-sidebar{right:max(20px,env(safe-area-inset-right));bottom:calc(156px + env(safe-area-inset-bottom));gap:22px}.round-action{width:54px;height:54px}.composer-bar{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));gap:12px}.composer-input{height:54px}.send-button{width:46px;height:46px}.settings-panel,.gift-panel{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.gift-grid{gap:12px}.gift-card-icon{width:58px;height:58px}.gift-card-image{width:50px;height:50px}}@media(hover:none)and (pointer:coarse){.room-swipe-surface{display:block}.studio-feed[data-keyboard-open=true] .room-swipe-surface{display:none}}.studio-feed[data-keyboard-open=true] .danmaku-layer,.studio-feed[data-keyboard-open=true] .interaction-sidebar{opacity:0;visibility:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.room-feed-track.settling,.room-feed-entry-cover{transition-duration:0ms}.report-submit-spinner{animation:none}.gift-showcase.mid-tier-gift,.mid-tier-gift.aurora .mid-tier-gift-subject img{animation:gift-showcase-fade 1.5s ease forwards}.host-tagline-viewport.is-scrolling .host-tagline-track{display:block;width:auto;max-width:100%;animation:none}.host-tagline-viewport.is-scrolling .host-tagline-text{width:auto;overflow:hidden;text-overflow:ellipsis}.host-tagline-viewport.is-scrolling .host-tagline-text[aria-hidden=true]{display:none}}