:root{color-scheme:dark;--bg: #09101c;--bg-soft: #101a2c;--panel: rgba(10, 17, 30, .88);--panel-soft: rgba(255, 255, 255, .06);--panel-strong: rgba(19, 29, 47, .94);--line: rgba(255, 255, 255, .1);--text: #f5f7fb;--muted: rgba(255, 255, 255, .68);--gold: #f6cf85;--gold-strong: #edbf62;--danger: #f46b7b;--green: #74d5a3;--shadow: 0 30px 80px rgba(0, 0, 0, .42);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--transition: .18s ease;--telegram-top-offset: 0px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(255,145,79,.38),transparent 24%),radial-gradient(circle at top right,rgba(110,215,196,.22),transparent 20%),radial-gradient(circle at 50% 60%,rgba(86,43,141,.28),transparent 24%),linear-gradient(180deg,#64765f,#334e53 18%,#1c1f37 44%,#0b1321,#08101c);color:var(--text);font-family:Segoe UI,Segoe UI Variable Display,system-ui,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{color:var(--text)}img{display:block;max-width:100%}body[data-motion=off] *,html[data-motion=off] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-room-mode=on],body[data-room-mode=on],body[data-room-mode=on] #root,body[data-room-mode=on] .app-shell,body[data-room-mode=on] .viewport-shell{height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}html[data-telegram=inside]{--telegram-top-offset: 24px}html[data-telegram=inside][data-telegram-platform=ios]{--telegram-top-offset: 38px}.app-shell{position:relative;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top) + var(--telegram-top-offset)) 10px calc(16px + env(safe-area-inset-bottom))}.viewport-shell{position:relative;z-index:1;width:min(430px,100%);margin:0 auto}.background-glow span{position:fixed;border-radius:999px;filter:blur(90px);opacity:.3;pointer-events:none;animation:floatGlow 18s ease-in-out infinite}.background-glow span:nth-child(1){top:-80px;left:-60px;width:240px;height:240px;background:#ff884a70}.background-glow span:nth-child(2){top:160px;right:-60px;width:220px;height:220px;background:#3cdcbe38;animation-delay:-5s}.background-glow span:nth-child(3){bottom:120px;left:-60px;width:220px;height:220px;background:#7842d747;animation-delay:-10s}.background-glow span:nth-child(4){bottom:-70px;right:0;width:180px;height:180px;background:#ffda782e;animation-delay:-14s}.browser-gate-shell{min-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;place-items:center;padding:18px 12px}.browser-gate-card{width:min(420px,100%);display:grid;gap:12px;padding:24px 20px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(180deg,#131c2ceb,#080d18f5);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.browser-gate-badge{justify-self:center;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#f6cf8529;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.12em}.browser-gate-card strong{font-size:1.32rem;line-height:1.1}.browser-gate-card p{margin:0;color:#ffffffc2;font-size:.98rem;line-height:1.5}.browser-gate-room{color:#ffffffd6;font-size:.9rem}.browser-gate-meta{display:inline-flex;justify-self:center;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:#ffffff0f;color:#ffffffbd}.browser-gate-meta strong{font-size:.92rem}.browser-gate-button{display:inline-flex;justify-self:center;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:18px;background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#18131d;font-weight:800;text-decoration:none;box-shadow:0 14px 30px #f6cf8533}.home-screen,.utility-screen,.room-screen{min-height:calc(100dvh - 26px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.home-screen,.utility-screen{padding-bottom:calc(118px + env(safe-area-inset-bottom))}.room-screen{display:flex;flex-direction:column;gap:14px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}.screen-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topbar-spacer{width:46px;height:46px;flex:0 0 46px}.header-actions{display:flex;align-items:center;gap:10px}.room-topbar{margin-bottom:4px}.icon-button,.avatar-button,.back-button,.pill-button,.fab-create,.tab-button,.segmented-chip,.service-card,.drawer-link,.toggle-row,.mini-action-button,.friend-chip,.feed-room-card{border:0;transition:transform var(--transition),opacity var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.icon-button,.avatar-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%}.icon-button svg,.back-button svg,.fab-create svg,.section-icon-circle svg,.drawer-link-icon svg,.pill-button svg{width:22px;height:22px}.icon-button.ghost,.avatar-button{background:#ffffff14;color:#fff}.icon-button.solid,.pill-button{background:linear-gradient(135deg,var(--gold),var(--gold-strong));color:#1a1521;box-shadow:0 12px 30px #f6cf853d}.icon-button:hover,.avatar-button:hover,.back-button:hover,.pill-button:hover,.fab-create:hover,.tab-button:hover,.segmented-chip:hover,.service-card:hover,.drawer-link:hover,.toggle-row:hover,.mini-action-button:hover,.friend-chip:hover,.feed-room-card:hover{transform:translateY(-1px)}.language-menu{position:relative;z-index:3}.language-trigger{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff14;color:#fff;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.language-trigger:hover,.language-option:hover{transform:translateY(-1px)}.language-caret{color:#ffffff9e;font-size:.72rem}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:6px;min-width:148px;padding:8px;border:1px solid var(--line);border-radius:18px;background:#090f1af5;box-shadow:var(--shadow)}.language-option{display:inline-flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#fff}.language-option.active{background:#f6cf8529;color:var(--gold)}.back-button{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:999px;background:#ffffff1c;color:#fff}.brand-block,.room-brand{display:grid;justify-items:center;gap:2px;text-align:center}.brand-tag{color:#ffebbaeb;font-size:.74rem;font-weight:900;letter-spacing:.16em}.brand-block strong,.room-brand strong{font-size:1.1rem;font-weight:800}.brand-block span,.room-brand span{color:var(--muted);font-size:.86rem}.hero-gradient,.room-meta-card,.profile-hero-card,.drawer-account-card,.section-card,.access-card,.room-panel-card,.sheet-footer-card,.friend-request-box,.toggle-row,.history-card,.participant-card{border:1px solid var(--line);background:linear-gradient(180deg,#182033c7,#0a111eeb);box-shadow:var(--shadow)}.hero-gradient{position:relative;overflow:hidden;margin-bottom:18px;padding:22px 18px 18px;border-radius:var(--radius-xl)}.hero-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,206,122,.4),transparent 32%),linear-gradient(45deg,transparent 60%,rgba(86,201,188,.22));pointer-events:none}.hero-copy,.hero-copy h1,.hero-copy p{position:relative;z-index:1}.hero-copy h1{margin:0;font-size:3rem;line-height:.9;letter-spacing:-.08em}.hero-copy p{margin:8px 0 0;max-width:240px;color:#ffffffbd}.search-shell,.inline-code-box,.field-stack input,.field-stack textarea,.readonly-field,.chat-composer,.room-code-box{border:1px solid rgba(255,255,255,.08);background:#080d18a8}.search-shell{position:relative;z-index:1;display:flex;align-items:center;gap:12px;min-height:56px;margin-top:18px;padding:0 16px;border-radius:22px;color:#fffc}.search-shell input,.inline-code-box input,.field-stack input,.field-stack textarea,.chat-composer input{width:100%;border:0;background:transparent;outline:none}.search-shell input::placeholder,.field-stack input::placeholder,.field-stack textarea::placeholder,.chat-composer input::placeholder{color:#ffffff6b}.home-inline-tools{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.inline-code-box,.room-code-box{display:grid;gap:4px;padding:12px 14px;border-radius:18px}.inline-code-box span,.room-code-box span,.field-stack span,.section-kicker,.sheet-header-copy span,.access-card-head span,.participant-copy span,.history-copy span,.history-copy p{color:var(--muted);font-size:.88rem}.pill-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:800}.pill-button.dark{background:#ffffff14;color:#fff;box-shadow:none}.pill-button.wide{width:100%}.pill-button:disabled,.mini-action-button:disabled,.segmented-chip:disabled{opacity:.48;cursor:not-allowed}.section-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-row h2,.sheet-hero h2,.room-meta-top h2{margin:4px 0 0;font-size:1.45rem}.room-feed,.utility-stack,.people-list,.access-grid,.friend-list,.voice-member-list{display:grid;gap:12px}.feed-room-card{display:grid;grid-template-columns:116px 1fr;gap:12px;overflow:hidden;width:100%;padding:0;border-radius:24px;text-align:left;color:inherit}.feed-room-thumb{width:116px;height:132px;object-fit:cover}.feed-room-copy{display:grid;gap:8px;padding:14px 16px 14px 0}.feed-room-copy strong,.sheet-header-copy strong,.history-copy strong,.participant-headline strong,.access-card-head strong,.drawer-account-card strong,.friend-row strong{font-size:1rem;font-weight:800}.feed-room-copy p,.chat-message p,.sheet-hero p{margin:0;color:var(--muted)}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.avatar.small{width:38px;height:38px}.avatar.fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e48cf5,#6ad2f1);color:#fff;font-weight:900}.avatar-stack{display:flex;align-items:center}.avatar-stack-item{margin-left:-8px}.avatar-stack-item:first-child{margin-left:0}.avatar-stack-badge,.feed-room-extra,.role-pill,.meta-pill,.soft-pill,.empty-inline{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px}.feed-room-avatars,.feed-room-meta,.room-meta-pills,.chip-row,.access-actions,.participant-actions,.friend-row-actions{display:flex;flex-wrap:wrap;gap:8px}.feed-room-meta span,.feed-room-extra{color:#ffffffa3;font-size:.83rem}.feed-room-progress{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.feed-room-progress span{display:block;width:48%;height:100%;background:linear-gradient(90deg,var(--gold),#fff2ca)}.empty-state,.empty-inline{padding:18px;border:1px dashed rgba(255,255,255,.14);border-radius:22px;text-align:center;color:var(--muted)}.empty-state strong{display:block;margin-bottom:6px;color:var(--text)}.fab-create{position:fixed;right:max(22px,calc((100vw - min(430px,100vw))/2 + 22px));bottom:calc(22px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fff5e1,#f6cf85);color:#17131c;box-shadow:0 18px 42px #f6cf8547}.fab-menu{position:fixed;left:max(22px,calc((100vw - min(430px,100vw))/2 + 22px));bottom:calc(22px + env(safe-area-inset-bottom));width:72px;height:72px;border-radius:50%;background:#111827db;border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 16px 34px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#02060c8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.create-overlay,.side-overlay,.welcome-overlay{display:flex;align-items:stretch;justify-content:center;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.create-sheet,.drawer-panel,.welcome-card{width:min(430px,100%);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#182535f5,#080e19fa);box-shadow:var(--shadow)}.drawer-panel,.create-sheet{display:flex;flex-direction:column;overflow:hidden}.drawer-panel{margin-left:auto;width:min(360px,100%);overflow-y:auto}.drawer-header,.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 10px}.drawer-account-card,.sheet-footer-card,.welcome-card,.profile-hero-card{padding:18px}.drawer-account-card{display:flex;align-items:center;gap:14px;margin:0 18px 12px;border-radius:24px}.drawer-links{display:grid;gap:10px;padding:0 18px 18px}.drawer-link{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border-radius:22px;background:#ffffff0d;color:#fff}.drawer-link-icon,.section-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff14;color:#fff}.sheet-header-copy{display:grid;justify-items:center;gap:2px;text-align:center}.sheet-header-spacer{width:46px;height:46px}.sheet-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 18px 18px}.sheet-hero{margin-bottom:16px}.sheet-hero.compact{margin-bottom:12px}.sheet-search{margin-top:0}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{display:grid;gap:6px;padding:18px;border-radius:22px;background:#ffffff0f;color:#fff;text-align:left}.service-card.active{background:linear-gradient(135deg,#f6cf853d,#ffffff12);border:1px solid rgba(246,207,133,.32)}.service-card span{color:var(--muted)}.sheet-results{display:grid;gap:10px;padding-bottom:10px}.media-result-card,.selected-media-row,.history-card,.friend-row,.voice-member-row{display:flex;align-items:center;gap:12px}.media-result-card{width:100%;padding:12px;border:1px solid var(--line);border-radius:22px;background:#ffffff0d;color:#fff;text-align:left}.media-result-card.active{border-color:#f6cf8570;background:#f6cf851a}.media-result-card img,.selected-media-row img{width:108px;height:62px;border-radius:14px;object-fit:cover}.sheet-footer-card{display:grid;gap:14px;border-radius:28px 28px 34px 34px;border-top:1px solid var(--line)}.field-stack{display:grid;gap:8px}.field-stack input,.field-stack textarea,.readonly-field{min-height:50px;padding:14px 16px;border-radius:18px}.field-stack textarea{resize:vertical}.username-shell{display:flex;align-items:center;min-height:50px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#080d18a8;gap:6px}.username-prefix{color:#f6cf85eb;font-weight:700;letter-spacing:.01em}.username-shell input{width:100%;min-width:0;border:0;background:transparent;outline:none;color:#fff}.username-shell input::placeholder{color:#ffffff6b}.readonly-field{display:flex;align-items:center;color:var(--muted)}.segmented-chip{min-height:40px;padding:0 14px;border-radius:999px;background:#ffffff0f;color:#fff}.segmented-chip.active{background:linear-gradient(135deg,#f6cf853d,#f6cf8529);color:var(--gold)}.utility-body{display:grid;gap:14px}.section-icon-circle{flex-shrink:0}.profile-hero-card{display:flex;align-items:center;gap:14px;border-radius:var(--radius-xl)}.friend-request-box,.section-card{padding:16px;border-radius:24px}.friend-row{justify-content:space-between}.friend-row-main,.participant-main{display:flex;align-items:center;gap:12px}.friend-row-actions,.participant-actions{justify-content:flex-end}.toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px;border-radius:24px;color:#fff;text-align:left}.toggle-switch{position:relative;width:54px;height:32px;border-radius:999px;background:#ffffff24}.toggle-switch i{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform var(--transition)}.toggle-switch.active{background:#f6cf8575}.toggle-switch.active i{transform:translate(22px)}.history-card{justify-content:space-between;padding:12px;border-radius:24px}.history-card img{width:112px;height:72px;border-radius:16px;object-fit:cover}.history-copy{flex:1;display:grid;gap:4px}.room-player-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#070d16f0;box-shadow:var(--shadow)}.player-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden}.player-frame:fullscreen,.player-frame:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;background:#02060b}.player-stage,.youtube-slot,.html5-player{width:100%;height:100%}.html5-player{background:#02060b}.player-frame:fullscreen .html5-player,.player-frame:-webkit-full-screen .html5-player{object-fit:contain}.player-action-cluster{position:absolute;top:10px;right:10px;z-index:7;display:inline-flex;gap:8px;transition:opacity .18s ease,transform .18s ease}.player-action-cluster.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.player-frame:hover .player-action-cluster.hidden,.player-frame:focus-within .player-action-cluster.hidden{opacity:1;pointer-events:auto;transform:translateY(0)}.player-action-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#050910ad;color:#fff;box-shadow:0 12px 24px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}.player-action-button:disabled{cursor:not-allowed;opacity:.54}.player-action-button svg{width:18px;height:18px}.player-control-bar{position:absolute;right:10px;bottom:10px;left:10px;z-index:6;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#050910b8;box-shadow:0 14px 30px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .18s ease,transform .18s ease}.player-control-bar.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.player-frame:hover .player-control-bar.hidden,.player-frame:focus-within .player-control-bar.hidden{opacity:1;pointer-events:auto;transform:translateY(0)}.player-control-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#111722;cursor:pointer}.player-control-button:disabled,.player-seek:disabled{cursor:not-allowed;opacity:.56}.player-control-button svg{width:18px;height:18px}.player-time-label{color:#ffffffdb;font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;white-space:nowrap}.player-time-label.duration{color:#ffffff9e}.player-seek{width:100%;min-width:0;height:22px;margin:0;accent-color:var(--gold)}.player-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-content:center;justify-items:center;gap:10px;width:100%;min-width:0;padding:18px;border:0;background:linear-gradient(180deg,#04080e47,#04080ec7),#04080e52;color:#fff;text-align:center;cursor:pointer}.player-start-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fffffff5;color:#111722;box-shadow:0 16px 34px #0000004d}.player-start-icon svg{width:24px;height:24px}.player-start-overlay strong{max-width:100%;overflow-wrap:anywhere;font-size:1rem;line-height:1.1}.player-start-overlay>span:last-child{max-width:280px;color:#ffffffc2;font-size:.82rem;line-height:1.35}.player-overlay-meta{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.soft-pill,.meta-pill,.role-pill{border:1px solid rgba(255,255,255,.08);background:#060c17b3;color:#fff}.soft-pill.active,.meta-pill.accent{background:#f6cf852e;color:var(--gold)}.room-meta-card,.room-panel-card{padding:16px;border-radius:28px}.room-meta-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-meta-top p{margin:4px 0 0;color:var(--muted)}.tab-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tab-button{min-height:46px;border-radius:999px;background:#ffffff14;color:var(--muted)}.tab-button.active{background:#f6cf8529;color:var(--gold)}.room-panel-card{flex:1;min-height:0;display:flex}.room-panel-card.chat-open{padding-bottom:10px}.room-panel-scroll{flex:1;min-height:0;overflow-y:auto}.message-list{display:flex;flex-direction:column;gap:10px}.chat-message{max-width:86%;padding:12px 14px;border-radius:18px;background:#ffffff0f;position:relative;overflow:visible}.chat-message.own{align-self:flex-end;background:#f6cf8524}.chat-message.system{max-width:100%;background:#ffffff0a;color:var(--muted)}.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.participant-card{display:grid;gap:12px;padding:16px;border-radius:24px}.participant-copy{display:grid;gap:4px}.participant-headline{display:flex;align-items:center;gap:8px}.role-pill.host{color:#fff0c2;background:#f6cf852e}.role-pill.operator{color:#8ed8ff;background:#67bfff29}.role-pill.viewer{color:var(--muted)}.mini-action-button{min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff14;color:#fff}.mini-action-button.danger{color:#ffd2d7;background:#f46b7b29}.access-card{display:grid;gap:14px;padding:16px;border-radius:24px}.access-card.action-card{gap:10px}.friend-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#ffffff14;color:#fff}.chat-composer{position:fixed;right:max(10px,calc((100vw - min(430px,100vw))/2 + 10px));bottom:calc(12px + env(safe-area-inset-bottom));left:max(10px,calc((100vw - min(430px,100vw))/2 + 10px));display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:70px;padding:10px;border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.create-sheet-rave{background:radial-gradient(circle at top left,rgba(255,179,92,.18),transparent 26%),radial-gradient(circle at top right,rgba(126,84,230,.22),transparent 24%),radial-gradient(circle at bottom left,rgba(71,201,182,.16),transparent 24%),linear-gradient(180deg,#202b3afa,#090e1afa)}.picker-header{padding-bottom:14px}.picker-brand{display:grid;justify-items:center;gap:2px;text-align:center}.picker-brand strong{font-size:1.08rem;font-weight:800}.picker-scroll{display:grid;gap:16px}.picker-search{margin-top:0;background:#1e212561}.picker-search.muted{opacity:.9}.picker-mode-line,.picker-link-head{display:grid;gap:6px}.picker-mode-line span,.picker-link-head span{color:var(--muted);font-size:.92rem}.vk-link-actions{display:grid;gap:8px}.vk-link-actions span{color:var(--muted);font-size:.88rem;line-height:1.4}.vk-video-button{background:linear-gradient(135deg,#3d7dff,#2f62db);color:#f7fbff;box-shadow:0 14px 30px #3d7dff42}.service-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:6px 2px 20px}.rave-service-card{align-content:end;min-height:128px;padding:18px 16px;border-radius:26px;background:#ffffff0d;box-shadow:inset 0 1px #ffffff0a}.rave-service-card.service-red{background:linear-gradient(180deg,#68242252,#ffffff0a)}.rave-service-card.service-blue{background:linear-gradient(180deg,#22488a4d,#ffffff0a)}.rave-service-card.service-gold{background:linear-gradient(180deg,#89631a47,#ffffff0a)}.rave-service-card.service-silver{background:linear-gradient(180deg,#6e76843d,#ffffff0a)}.service-card-mark{display:block;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:900;letter-spacing:-.06em;line-height:.94}.service-card-sub{display:block;margin-top:10px;color:#ffffff94;font-size:.85rem}.picker-footer{border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f141de6,#080d18fa)}.room-stage-stack{display:grid;gap:12px;flex:1;min-height:0}.room-brand-hero strong{font-size:1.2rem}.room-player-card{position:relative;border-radius:30px;background:#060a12f5}.room-player-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,205,120,.14),transparent 20%),radial-gradient(circle at bottom right,rgba(78,194,182,.14),transparent 22%);pointer-events:none}.room-brief-shell,.room-surface-panel{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:linear-gradient(180deg,#1b2537d1,#090e19f0);box-shadow:var(--shadow)}.room-brief-shell{display:grid;gap:14px;padding:16px 16px 18px}.room-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-brief-head{display:flex;align-items:flex-start;gap:12px}.room-brief-copy{flex:1;min-width:0;display:grid;gap:4px}.room-brief-copy h2{margin:0;font-size:1.75rem;line-height:.96;letter-spacing:-.05em}.room-brief-copy p{margin:0;color:#ffffff9e}.room-play-toggle{flex-shrink:0;width:58px;height:58px}.room-segment-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-surface-panel{flex:1;min-height:0;padding:14px}.room-panel-scroll{min-height:0;height:100%}.room-chat-scroll,.room-access-scroll,.room-people-scroll{padding-right:4px}.room-section-block{display:grid;gap:12px;padding:14px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.room-section-title{display:grid;gap:4px}.room-section-title span{color:var(--muted);font-size:.9rem}.room-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.privacy-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.privacy-chip{display:grid;justify-items:center;gap:8px;min-height:92px;padding:12px 10px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#ffffff0a;color:#fff}.privacy-chip svg{width:24px;height:24px}.privacy-chip.active{background:#f6cf8524;border-color:#f6cf854d;color:var(--gold)}.room-friend-pile,.voice-live-list{display:grid;gap:10px}.voice-audio-bank{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.chat-message{max-width:92%;padding:13px 14px;border-radius:22px;background:#ffffff0f}.chat-message.system{max-width:100%;background:#ffffff0a}.chat-composer{background:#a0a6b138;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.chat-composer .icon-button.ghost{background:#0c101b6b}.player-error-overlay{position:absolute;inset:auto 16px 16px 16px;display:grid;gap:8px;padding:14px;border-radius:18px;background:#050911d6;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-error-overlay strong{font-size:.95rem}.player-error-overlay span{color:#ffffffb3;font-size:.88rem}.player-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;width:fit-content;border-radius:999px;background:#f6cf8529;color:var(--gold);text-decoration:none;font-weight:700}.welcome-card{margin:auto 0;display:grid;gap:12px;place-items:start;align-content:center}.welcome-card h1{margin:0;font-size:2.2rem;line-height:1}.welcome-card p{margin:0;color:var(--muted)}.welcome-form-copy{display:grid;gap:8px;width:100%}.welcome-form-copy strong{font-size:1rem}.welcome-form-copy span{color:var(--muted);line-height:1.45}.welcome-username-shell{width:100%}.toast{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;z-index:30;transform:translate(-50%);max-width:min(420px,calc(100vw - 20px));padding:14px 18px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.toast.success{background:#123727f0}.toast.error{background:#41121bf5}.toast.info{background:#101a2ff5}.loading-stack{display:grid;gap:10px}.skeleton-card,.skeleton-video{position:relative;overflow:hidden;border-radius:24px;background:#ffffff0f}.skeleton-card{height:132px}.skeleton-video{height:86px}.skeleton-card:after,.skeleton-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes floatGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-16px,0) scale(1.06)}}@media (max-width: 420px){.hero-copy h1{font-size:2.4rem}.service-grid,.service-showcase,.privacy-row{grid-template-columns:1fr}.feed-room-card{grid-template-columns:96px 1fr}.feed-room-thumb{width:96px;height:124px}.history-card{align-items:flex-start;flex-direction:column}.chat-composer{grid-template-columns:auto 1fr auto}.chat-composer .icon-button:last-child{grid-column:3}}:root{--shell-width: 100vw;--radius-xl: 28px;--radius-lg: 20px;--radius-md: 15px;--radius-sm: 12px;--shadow: 0 18px 48px rgba(0, 0, 0, .34)}.app-shell{padding:calc(6px + env(safe-area-inset-top)) 0 calc(6px + env(safe-area-inset-bottom))}.viewport-shell{width:100%;max-width:none;margin:0}.home-screen,.utility-screen,.room-screen{min-height:100dvh;padding-inline:12px}.home-screen,.utility-screen{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.room-screen{gap:8px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.screen-topbar{gap:8px;margin-bottom:8px;padding-inline:2px}.header-actions{gap:8px;flex-shrink:0}.brand-block,.room-brand,.picker-brand{flex:1;min-width:0}.brand-block strong,.room-brand strong{font-size:1.06rem;line-height:1}.brand-tag{font-size:.76rem}.icon-button,.avatar-button{width:40px;height:40px}.icon-button svg,.back-button svg,.fab-create svg,.section-icon-circle svg,.drawer-link-icon svg,.pill-button svg{width:20px;height:20px}.language-trigger{height:38px;gap:5px;padding:0 11px}.back-button{height:40px;gap:7px;padding:0 14px}.hero-gradient{margin-bottom:14px;padding:18px 16px 14px;border-radius:28px}.hero-copy.compact{display:grid;gap:2px}.hero-copy h1{font-size:clamp(2.2rem,12vw,3rem)}.hero-copy p{margin-top:6px;max-width:100%;font-size:.92rem}.search-shell{min-height:48px;gap:10px;margin-top:14px;padding:0 14px;border-radius:18px}.home-inline-tools{gap:8px;margin-top:12px}.inline-code-box,.room-code-box{padding:10px 12px;border-radius:16px}.pill-button{min-height:42px;padding:0 16px}.feed-room-card{padding:10px;border-radius:20px}.feed-room-thumb{width:104px;height:132px;border-radius:16px}.fab-create{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:62px;height:62px;box-shadow:0 14px 34px #f6cf853d}.create-overlay,.side-overlay,.welcome-overlay{padding:0}.create-sheet,.drawer-panel,.welcome-card{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}.drawer-panel{width:min(88vw,360px);margin-left:auto;border-radius:28px 0 0 28px}.drawer-header,.sheet-header{padding:14px 14px 8px}.drawer-account-card,.sheet-footer-card,.welcome-card,.profile-hero-card{padding:14px}.drawer-account-card{gap:12px;margin:0 14px 10px;border-radius:20px}.drawer-account-copy,.profile-hero-copy{display:grid;gap:4px;min-width:0}.drawer-account-copy strong,.profile-hero-copy strong{display:block;line-height:1.05}.drawer-account-copy span,.profile-hero-copy span{display:block;color:var(--muted);line-height:1.25}.drawer-links{gap:8px;padding:0 14px 14px}.drawer-link{gap:10px;padding:12px 14px;border-radius:18px}.drawer-link-icon,.section-icon-circle{width:38px;height:38px}.sheet-scroll{padding:0 14px 14px}.picker-header{padding-bottom:10px}.picker-scroll{gap:12px}.picker-link-head,.picker-mode-line{gap:4px}.picker-link-head span,.picker-mode-line span{font-size:.86rem}.service-showcase{gap:12px;padding:4px 0 14px}.rave-service-card{min-height:110px;padding:14px;border-radius:20px}.service-card-mark{font-size:clamp(1.45rem,6vw,2rem)}.service-card-sub{margin-top:8px;font-size:.8rem}.media-result-card{gap:10px;padding:10px;border-radius:18px}.media-result-card img,.selected-media-row img{width:96px;height:56px;border-radius:12px}.sheet-footer-card{gap:10px;border-radius:20px 20px 28px 28px}.field-stack{gap:6px}.field-stack input,.field-stack textarea,.readonly-field{min-height:44px;padding:12px 14px;border-radius:14px}.field-stack textarea{min-height:88px}.utility-body,.utility-stack{gap:12px}.friend-request-box,.section-card,.toggle-row{padding:14px;border-radius:20px}.toggle-switch{width:48px;height:28px}.toggle-switch i{top:4px;left:4px;width:20px;height:20px}.toggle-switch.active i{transform:translate(20px)}.history-card{gap:10px;align-items:center;padding:10px;border-radius:20px}.history-card img{width:92px;height:56px;border-radius:12px;flex-shrink:0}.history-copy{min-width:0;gap:2px}.history-copy strong,.history-copy span,.history-copy p{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.history-copy strong{-webkit-line-clamp:2;line-height:1.05}.history-copy span{-webkit-line-clamp:2}.history-copy p{-webkit-line-clamp:1}.history-card .mini-action-button{flex-shrink:0}.room-stage-stack{gap:10px}.room-player-card{border-radius:18px}.player-overlay-meta{right:10px;bottom:10px;gap:6px}.soft-pill,.meta-pill,.role-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;font-size:.84rem}.room-mini-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.mini-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#ffffff0f;color:#fff;transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}.mini-icon-button:hover{transform:translateY(-1px)}.mini-icon-button svg{width:18px;height:18px}.mini-icon-button.active{color:var(--gold);background:#f6cf8524;border-color:#f6cf8542}.room-brief-shell,.room-surface-panel,.room-inline-panel{border-radius:22px;box-shadow:0 16px 44px #00000047}.room-brief-shell{gap:10px;padding:13px 14px 14px}.room-status-row{gap:8px}.room-brief-head{gap:10px;align-items:center}.room-brief-copy h2{font-size:1.38rem;line-height:.98;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.room-brief-copy p{font-size:.9rem}.room-play-toggle{width:50px;height:50px}.room-inline-panel{padding:12px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#141c2bd6,#080e19f0)}.room-inline-panel .room-panel-scroll{max-height:30dvh;overflow-y:auto}.room-section-block{gap:10px;padding:12px;border-radius:18px}.room-section-title span{font-size:.84rem}.room-inline-actions{gap:6px}.privacy-row{gap:8px}.privacy-chip{min-height:74px;gap:6px;padding:10px 8px;border-radius:18px;font-size:.88rem}.privacy-chip svg{width:20px;height:20px}.room-surface-panel{min-height:220px;max-height:38dvh;padding:12px}.message-list{gap:8px}.chat-message{max-width:100%;padding:10px 12px;border-radius:16px}.chat-message-head{gap:10px;margin-bottom:4px}.chat-message-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-head span{flex-shrink:0}.chat-message p{margin:0;line-height:1.35;word-break:break-word}.message-reaction-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px}.chat-message.own .message-reaction-row{justify-content:flex-end}.message-reaction-chip,.message-reaction-add,.message-reaction-palette button{display:inline-flex;align-items:center;justify-content:center;border:0;color:#ffffffe6;transition:transform var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition)}.message-reaction-chip{gap:4px;min-height:28px;padding:0 9px;border-radius:999px;background:#ffffff14;font-size:.9rem}.message-reaction-chip strong{font-size:.72rem;font-weight:800}.message-reaction-chip.active{color:#1b1720;background:linear-gradient(135deg,var(--gold),var(--gold-strong));box-shadow:0 8px 20px #f6cf852e}.message-reaction-add{width:28px;height:28px;border-radius:999px;background:#ffffff12;font-size:1rem;font-weight:800}.message-reaction-add.active,.message-reaction-add:hover,.message-reaction-chip:hover,.message-reaction-palette button:hover{transform:translateY(-1px) scale(1.04)}.message-reaction-palette{position:absolute;left:0;bottom:calc(100% + 8px);z-index:8;display:flex;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#101724eb;box-shadow:0 16px 38px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:reactionPaletteIn .18s ease both}.chat-message.own .message-reaction-palette{right:0;left:auto}.message-reaction-palette button{width:34px;height:34px;border-radius:999px;background:#ffffff14;font-size:1.16rem}.message-reaction-burst{position:absolute;right:12px;bottom:8px;z-index:9;pointer-events:none;font-size:1.85rem;filter:drop-shadow(0 10px 14px rgba(0,0,0,.32));animation:reactionBurst .72s cubic-bezier(.18,.92,.26,1.18) both}.chat-message.own .message-reaction-burst{right:auto;left:12px}@keyframes reactionPaletteIn{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reactionBurst{0%{opacity:0;transform:translateY(4px) scale(.4) rotate(-12deg)}28%{opacity:1;transform:translateY(-18px) scale(1.16) rotate(8deg)}to{opacity:0;transform:translateY(-54px) scale(.92) rotate(0)}}.participant-card{gap:10px;padding:12px;border-radius:18px}.mini-action-button{min-height:30px;padding:0 10px;font-size:.86rem}.chat-composer{right:12px;bottom:calc(8px + env(safe-area-inset-bottom));left:12px;grid-template-columns:auto 1fr auto auto auto;gap:8px;min-height:58px;padding:8px;border-radius:24px}.room-chat-composer{background:#949aa63d}.room-chat-composer>.icon-button:first-child{width:52px;height:52px;background:#fffffff0;color:#101521;box-shadow:none}.room-chat-composer>.icon-button.solid:first-child{color:#18131d;background:linear-gradient(135deg,var(--gold),var(--gold-strong));box-shadow:0 10px 26px #f6cf852e}.room-chat-composer input{min-width:0}.room-chat-composer .icon-button.ghost{background:#0b101b57}.room-chat-composer .icon-button.ghost.active{color:var(--gold);background:#f6cf8524}.player-error-overlay{inset:auto 12px 12px 12px;gap:6px;padding:12px;border-radius:16px}@media (max-width: 420px){.home-screen,.utility-screen,.room-screen{padding-inline:10px}.feed-room-card{grid-template-columns:92px 1fr}.feed-room-thumb{width:92px;height:118px}.history-card{flex-direction:row;align-items:center}.chat-composer{grid-template-columns:auto 1fr auto auto auto}}.avatar{display:block;flex-shrink:0;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff0f}.avatar.fallback{letter-spacing:-.04em}.avatar.small{width:34px;height:34px}.drawer-account-card .avatar,.profile-hero-card .avatar{width:48px;height:48px}.avatar-button{padding:0;overflow:hidden}.avatar-button .avatar{width:100%;height:100%}.drawer-account-copy>strong,.drawer-account-copy>span,.profile-hero-copy>strong,.profile-hero-copy>span{display:block}.screen-topbar{gap:7px;margin-bottom:6px}.icon-button,.avatar-button{width:36px;height:36px;border-radius:18px}.back-button{height:38px;gap:6px;padding:0 12px;font-size:.96rem}.language-trigger{height:34px;gap:4px;padding:0 10px;border-radius:17px;font-size:.92rem}.home-screen,.utility-screen,.room-screen{padding-inline:10px}.hero-gradient{margin-bottom:10px;padding:14px 14px 12px;border-radius:22px}.hero-copy h1{font-size:clamp(1.9rem,9vw,2.6rem);letter-spacing:-.07em}.search-shell{min-height:44px;margin-top:10px;padding:0 12px;border-radius:16px}.home-inline-tools{margin-top:10px;gap:7px}.inline-code-box,.room-code-box{padding:8px 11px;border-radius:14px}.pill-button{min-height:38px;padding:0 14px;border-radius:19px}.feed-room-card{padding:9px;border-radius:18px}.feed-room-thumb{width:92px;height:118px;border-radius:14px}.fab-create{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:58px;height:58px}.drawer-panel{width:min(82vw,312px);border-radius:24px 0 0 24px}.drawer-header,.sheet-header{padding:12px 12px 8px}.drawer-account-card,.profile-hero-card,.sheet-footer-card,.welcome-card{padding:12px}.drawer-account-card{gap:10px;margin:0 12px 10px;border-radius:18px}.drawer-links{gap:8px;padding:0 12px 14px}.drawer-link{gap:10px;padding:12px 13px;border-radius:18px}.drawer-link-icon,.section-icon-circle{width:36px;height:36px}.drawer-link strong{font-size:.98rem}.utility-body,.utility-stack{gap:10px}.friend-request-box,.section-card{padding:12px;border-radius:18px}.field-stack input,.field-stack textarea,.readonly-field{min-height:40px;padding:10px 12px;border-radius:12px;font-size:.98rem}.username-shell{min-height:40px;padding:0 12px;border-radius:12px;font-size:.98rem}.field-stack textarea{min-height:74px}.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-tile{position:relative;overflow:hidden;min-height:210px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0a101dd6;box-shadow:0 16px 42px #0000003d}.history-tile img{width:100%;height:100%;min-height:210px;object-fit:cover}.history-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#03050905,#050a1247 42%,#050a12eb);pointer-events:none}.history-tile-copy{position:absolute;right:0;bottom:0;left:0;z-index:1;display:grid;gap:2px;padding:12px 12px 14px}.history-tile-copy strong,.history-tile-copy span,.history-tile-copy p{margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.history-tile-copy strong{font-size:1rem;line-height:1.04;-webkit-line-clamp:2}.history-tile-copy span{color:#ffffffd1;-webkit-line-clamp:2}.history-tile-copy p{color:#ffffff8f;font-size:.84rem;-webkit-line-clamp:1}.history-tile-action{position:absolute;top:10px;right:10px;z-index:2;min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#070c15b8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-screen-rave{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;height:calc(var(--room-shell-height, 100dvh) - 18px - env(safe-area-inset-top));max-height:calc(var(--room-shell-height, 100dvh) - 18px - env(safe-area-inset-top));min-height:0;overflow:hidden;overscroll-behavior:none;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.room-screen-rave .room-topbar{margin-bottom:0;padding-top:2px}.room-stage-fixed{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden;padding-bottom:0}.room-player-pin{position:relative;z-index:4}.room-screen-rave .player-frame{aspect-ratio:auto;height:var(--room-player-height, clamp(208px, 34vh, 264px))}.room-player-card.room-player-card-rave{position:relative;display:grid;overflow:hidden;border-radius:22px}.room-screen-rave .player-overlay-meta{display:none}.room-summary-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 2px}.room-code-inline{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff0d;color:#ffffffbd;font-size:.82rem}.room-code-inline strong{color:#fff;letter-spacing:.03em}.room-chat-flow{display:grid;gap:8px;align-content:start;padding:0 2px}.room-chat-flow-scroll{min-height:0;overflow-y:auto;padding-bottom:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.room-chat-flow-scroll::-webkit-scrollbar{display:none}.room-message-list{gap:8px}.room-screen-rave .chat-message{max-width:calc(100% - 38px);padding:10px 12px;border-radius:16px;touch-action:manipulation}.room-screen-rave .chat-message.system{max-width:100%}.room-scroll-anchor{height:1px}.room-flyout-sheet{position:fixed;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));left:10px;z-index:24;overflow:hidden;max-height:min(48dvh,420px);padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,#111926f5,#080d18fa);box-shadow:0 18px 46px #00000057;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.room-flyout-sheet .room-panel-scroll{max-height:calc(min(48dvh,420px) - 20px);overflow-y:auto}.room-flyout-sheet .room-section-block,.room-flyout-sheet .participant-card{border-radius:18px}.room-tools-float-button{position:fixed;left:clamp(22px,5vw,30px);bottom:calc(88px + env(safe-area-inset-bottom));z-index:32;width:clamp(36px,9.6vw,42px);height:clamp(36px,9.6vw,42px);border:1px solid rgba(246,207,133,.34);background:radial-gradient(circle at 32% 24%,rgba(255,246,218,.28),transparent 36%),linear-gradient(135deg,#f6cf85e0,#967a3fdb);color:#171521;box-shadow:0 14px 30px #f6cf852e,0 8px 20px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-tools-float-button svg{width:20px;height:20px}.room-tools-float-button.active{transform:translateY(-2px) scale(1.04);background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.42),transparent 38%),linear-gradient(135deg,var(--gold),var(--gold-strong));box-shadow:0 18px 38px #f6cf8547,0 10px 24px #00000052}.room-chat-composer.room-chat-composer-rave{position:relative;right:auto;bottom:auto;left:auto;z-index:5;display:grid;align-items:center;align-self:end;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(5px,1.7vw,8px);min-height:clamp(48px,8vh,54px);max-width:100%;margin-top:2px;padding:clamp(5px,1.5vw,7px);border-radius:clamp(18px,4vw,22px);background:#89909d3d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.room-screen-rave.keyboard-open{gap:6px}.room-screen-rave.keyboard-open .room-stage-fixed{gap:8px}.room-screen-rave.keyboard-open .room-player-card.room-player-card-rave{border-radius:18px}.room-screen-rave.keyboard-open .room-chat-flow-scroll{padding-bottom:2px}.room-chat-composer-rave>.icon-button:first-child{flex:0 0 auto;width:clamp(34px,9.8vw,40px);height:clamp(34px,9.8vw,40px);background:#fffffff5;color:#111722}.room-chat-composer-rave .icon-button svg{width:clamp(19px,5.6vw,24px);height:clamp(19px,5.6vw,24px);stroke-width:2.5}.room-chat-composer-rave .composer-svg-icon{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;flex:0 0 26px!important;transform:none!important}.room-chat-composer-rave .composer-svg-icon-send,.room-chat-composer-rave .composer-svg-icon-mic{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex-basis:28px!important}.room-chat-composer-rave>.icon-button:first-child svg,.room-chat-composer-rave>.icon-button:last-child svg{width:clamp(22px,6.4vw,28px);height:clamp(22px,6.4vw,28px)}.room-chat-composer-rave>.icon-button.solid:first-child{color:#18131d}.room-chat-composer-rave input{min-width:0;min-height:clamp(34px,9.8vw,40px);padding:0 clamp(4px,1.5vw,8px);border:0;background:transparent;font-size:clamp(.9rem,4.1vw,1rem)}.composer-input-cell{display:flex;align-items:center;min-width:0;gap:clamp(4px,1.3vw,6px)}.composer-input-cell input{flex:1 1 auto}.composer-input-cell .icon-button{flex:0 0 auto;width:clamp(34px,9.4vw,38px);height:clamp(34px,9.4vw,38px);background:#0b101b5c}.composer-input-cell .icon-button.active{color:var(--gold);background:#f6cf8524}.room-chat-composer-rave>.icon-button:last-child{flex:0 0 auto;width:clamp(36px,10.4vw,42px);height:clamp(36px,10.4vw,42px)}@media (max-width: 380px){.room-screen-rave{gap:6px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.room-chat-composer.room-chat-composer-rave{gap:5px;padding-inline:5px}.room-chat-composer-rave input::placeholder{color:transparent}}.player-debug-toggle{position:absolute;top:10px;left:10px;z-index:6;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#080d17b8;color:#ffffffe0;font-size:.72rem;font-weight:800;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-debug-toggle.active{color:var(--gold);border-color:#f6cf853d}.player-debug-panel{position:absolute;right:10px;bottom:50px;left:10px;z-index:5;display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#070c16db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-debug-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.player-debug-field{display:grid;gap:2px;min-width:0}.player-debug-field span{color:#ffffff8a;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.player-debug-field strong{overflow:hidden;color:#fff;font-size:.74rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.player-debug-events{display:flex;flex-wrap:wrap;gap:6px}.player-debug-events span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#ffffff0f;color:#fffc;font-size:.72rem}.player-error-overlay{gap:5px}@media (max-width: 420px){.history-grid{gap:10px}.history-tile,.history-tile img{min-height:188px}.room-stage-fixed{gap:8px}.room-flyout-sheet{right:8px;left:8px}.player-debug-grid{grid-template-columns:1fr 1fr}}.home-screen-refined .screen-topbar{margin-bottom:8px;padding-inline:1px}.home-screen-refined .brand-block{gap:1px}.home-screen-refined .brand-tag{font-size:.7rem;letter-spacing:.14em}.home-screen-refined .brand-block strong{font-size:.98rem;line-height:1}.home-hero-card{margin-bottom:12px;padding:14px;border-radius:22px}.home-hero-card:before{background:linear-gradient(135deg,rgba(255,206,122,.26),transparent 34%),linear-gradient(45deg,transparent 58%,rgba(86,201,188,.18))}.home-hero-card .hero-copy.compact{display:grid;gap:2px}.home-hero-card .section-kicker{font-size:.82rem}.home-hero-card .hero-copy h1{font-size:clamp(2rem,10vw,2.9rem);line-height:.92}.home-search-shell{min-height:48px;gap:10px;margin-top:10px;padding:0 14px;border-radius:18px}.home-search-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#ffffffc7}.home-search-icon svg,.home-search-shell>svg{width:20px;height:20px;flex-shrink:0}.home-search-shell input{min-width:0;font-size:.98rem}.home-join-row{gap:8px;margin-top:10px}.home-code-box{gap:2px;padding:9px 12px;border-radius:16px}.home-code-box span{font-size:.76rem}.home-code-box input{font-size:.96rem;font-weight:700;letter-spacing:.04em}.home-join-button{min-height:44px;padding:0 16px;border-radius:18px;box-shadow:0 10px 22px #f6cf852e}.home-section-row{margin-bottom:10px}.home-section-row .section-kicker{font-size:.8rem}.home-section-row h2{margin-top:2px;font-size:1.22rem}.home-screen-refined .room-feed{gap:10px}.home-screen-refined .feed-room-card{grid-template-columns:96px 1fr;gap:10px;border-radius:20px}.home-screen-refined .feed-room-thumb{width:96px;height:116px;border-radius:14px}.home-screen-refined .feed-room-copy{gap:6px;padding:12px 13px 12px 0}.home-screen-refined .feed-room-copy strong{font-size:.96rem}.home-screen-refined .empty-state{padding:16px 14px;border-radius:18px}.home-screen-refined .empty-state strong{margin-bottom:4px;font-size:.98rem}.home-screen-refined .fab-create{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:56px;height:56px;box-shadow:0 14px 28px #f6cf8538}.home-screen-refined .fab-menu{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:56px;height:56px;box-shadow:0 12px 26px #0000003d}.home-screen-refined .fab-create svg{width:20px;height:20px}.home-screen-refined .fab-menu svg{width:20px;height:20px}@media (max-width: 420px){.home-hero-card{padding:13px 12px 12px}.home-screen-refined .feed-room-card{grid-template-columns:88px 1fr}.home-screen-refined .feed-room-thumb{width:88px;height:108px}}.create-sheet-rave{padding-top:0}.create-sheet-rave .picker-header{align-items:center;padding-top:6px;padding-bottom:10px}.create-sheet-rave .picker-brand{gap:0}.create-sheet-rave .brand-tag{font-size:.7rem}.create-sheet-rave .picker-brand strong{font-size:.98rem;line-height:1}.create-sheet-rave .picker-scroll{display:flex;flex-direction:column;padding-top:2px;gap:12px;align-items:stretch}.create-sheet-rave .picker-search{flex:0 0 auto;min-height:44px;padding:0 12px;border-radius:16px}.picker-search-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;color:#ffffffb8}.picker-search-icon svg{width:18px;height:18px}.create-sheet-rave .picker-search input{min-width:0;font-size:.96rem}.create-sheet-rave .service-showcase{gap:12px;padding:2px 0 14px}.create-sheet-rave .rave-service-card{min-height:118px;padding:14px;border-radius:22px}.create-sheet-rave .service-card-mark{font-size:clamp(1.55rem,6vw,2.2rem)}.create-sheet-rave .service-card-sub{margin-top:8px;font-size:.8rem}.youtube-browser-shell{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:6px 0 0}.youtube-browser-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.youtube-browser-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.youtube-browser-brand strong{font-size:2rem;font-weight:800;letter-spacing:-.06em;line-height:.96}.youtube-brand-badge,.youtube-empty-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff1f25,#d10f16);box-shadow:0 18px 34px #ff1c2438}.youtube-brand-badge{width:46px;height:32px;border-radius:10px}.youtube-empty-logo{width:94px;height:66px;border-radius:22px}.youtube-brand-badge i,.youtube-empty-logo i{width:0;height:0;margin-left:3px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff}.youtube-empty-logo i{border-top-width:12px;border-bottom-width:12px;border-left-width:20px}.youtube-top-action,.youtube-side-action,.youtube-mic-button{flex-shrink:0;width:46px;height:46px;background:#ffffff14}.youtube-search-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.create-sheet-rave .youtube-picker-search{min-height:52px;padding-inline:14px;border-radius:999px;background:#060a12b8}.create-sheet-rave .youtube-picker-search input{font-size:.96rem}.youtube-empty-state{flex:1;display:grid;align-content:start;justify-items:center;gap:18px;padding:10px 0 4px}.youtube-empty-card{display:grid;gap:10px;width:100%;padding:24px 20px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#0d1018d6;text-align:center;box-shadow:0 18px 40px #00000038}.youtube-empty-card strong{font-size:clamp(1.55rem,5vw,2rem);font-weight:800;line-height:1.02;letter-spacing:-.05em}.youtube-empty-card span{color:#ffffffb3;font-size:.98rem;line-height:1.45}.youtube-results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.youtube-result-card{display:grid;gap:10px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#0b0f18c2;color:#fff;text-align:left;box-shadow:0 16px 32px #00000029}.youtube-result-card.active{border-color:#f6cf854d;box-shadow:0 22px 34px #f6cf851f}.youtube-result-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.youtube-result-copy{display:grid;gap:4px;padding:0 12px 14px}.youtube-result-copy strong,.youtube-result-copy span{overflow:hidden;text-overflow:ellipsis}.youtube-result-copy strong{display:-webkit-box;margin:0;font-size:.96rem;line-height:1.15;-webkit-line-clamp:2;-webkit-box-orient:vertical}.youtube-result-copy span{color:#ffffff9e;font-size:.8rem;white-space:nowrap}.youtube-bottom-dock{position:sticky;bottom:-14px;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;padding:12px 6px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#10131d33,#090d16f5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.youtube-bottom-item{display:grid;justify-items:center;gap:5px;color:#ffffffad}.youtube-bottom-item.active{color:#fff}.youtube-bottom-item strong{font-size:.8rem;font-weight:700}.youtube-bottom-icon{width:20px;height:18px;border:2px solid currentColor;border-radius:5px}.youtube-bottom-icon.shorts{width:18px;height:18px;border-radius:6px;transform:skew(-10deg)}.youtube-bottom-icon.profile{width:18px;height:18px;border-radius:50%}.web-discovery-shell{display:grid;gap:12px;padding:8px 0 12px}.web-google-mark{display:flex;justify-content:center;align-items:baseline;gap:1px;font-size:clamp(2.8rem,12vw,4.2rem);font-weight:800;line-height:.92;letter-spacing:-.05em}.web-google-mark .c-blue{color:#4285f4}.web-google-mark .c-red{color:#ea4335}.web-google-mark .c-gold{color:#fbbc05}.web-google-mark .c-green{color:#34a853}.create-sheet-rave .web-picker-search{margin-top:2px}.web-domain-chip{display:inline-flex;justify-self:center;align-items:center;min-height:34px;max-width:100%;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff14;color:#ffffffe6;font-size:.88rem;font-weight:700}.web-hint-copy{margin:0;color:#ffffffc7;font-size:.92rem;line-height:1.45;text-align:center}.web-results{padding-top:4px}.web-result-card{align-items:flex-start}.web-result-mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4285f442,#34a8532e);color:#fff;font-size:1rem;font-weight:800}.web-result-copy{min-width:0;display:grid;gap:4px}.web-result-copy strong,.web-result-copy span,.web-result-copy p{overflow:hidden;margin:0;text-overflow:ellipsis}.web-result-copy strong{color:#fff;font-size:.96rem}.web-result-copy span{color:#ffffff9e;font-size:.8rem;white-space:nowrap}.web-result-copy p{color:#ffffffbd;font-size:.84rem;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}