@font-face{font-family:Lofi App Fraunces;src:url(/styling-fonts/Fraunces-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}[data-style-surface]:is([data-style-surface=home],[data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]){--approved-yellow:#efb635;--approved-text:#fff;--approved-ink:#000;--approved-cream:#f9f1dd;--approved-panel:rgb(18 15 12/.68);--approved-floating:rgb(18 15 12/.52);--approved-control:rgb(249 241 221/.92);--approved-primary:rgb(239 182 53/.92);--approved-divider:#45372b;--approved-radius:14px;--approved-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--approved-display:"Lofi App Fraunces",Georgia,serif;--approved-reflection:radial-gradient(ellipse 320px 170px at 15% 0%,rgb(249 241 221/.075),transparent 70%),linear-gradient(145deg,rgb(249 241 221/.045),transparent 38%);--approved-control-reflection:linear-gradient(160deg,rgb(255 255 255/.3),transparent 42%);--approved-shadow:inset 0 1px rgb(249 241 221/.19),inset 0 -1px rgb(69 55 43/.65),0 14px 36px rgb(0 0 0/.3);--approved-control-shadow:inset 0 1px rgb(255 255 255/.7),inset 0 -1px rgb(69 55 43/.22),0 4px 12px #0003;color:var(--approved-text);font:400 14px/1.5 var(--approved-font);color-scheme:dark}[data-style-surface=lobby],[data-style-surface=profile]{min-height:100dvh;background-color:#000}[data-style-surface=lobby][data-lobby-theme]:not([data-lobby-theme=cinema]){background:linear-gradient(#0003,#0006),var(--lobby-image) center/cover fixed!important}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(h1,h2,h3,h4){font-family:var(--approved-display)!important;font-weight:600!important;color:#fff;overflow-wrap:anywhere}:is([data-style-surface=lobby],[data-style-surface=profile]) h1{font-size:32px!important;line-height:1.2!important}:is([data-style-surface=lobby],[data-style-surface=profile]) h2{font-size:22px!important;line-height:1.3!important}:is([data-style-surface=lobby],[data-style-surface=profile]) p{font:400 14px/1.5 var(--approved-font);color:#fff}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) :is(button,input,select,textarea,summary){font-family:var(--approved-font);box-sizing:border-box}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) :is(button,summary,input,select,textarea,a):focus-visible{outline:2px solid var(--approved-yellow)!important;outline-offset:4px!important}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) button:disabled{opacity:.4!important;cursor:default;filter:none!important}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) button:enabled:hover{filter:brightness(1.06)}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) ::selection{background:var(--approved-yellow);color:#000}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){min-height:36px;max-width:100%;border:0!important;border-radius:10px!important;padding:8px 12px;background:var(--approved-control-reflection),var(--approved-control)!important;color:#000!important;box-shadow:var(--approved-control-shadow);font-size:14px;caret-color:#000;-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);color-scheme:light}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) input::placeholder{color:#45372b;opacity:1}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.hero-primary-button,.account-primary-button,.account-secondary-button,.room-card-button,.approved-back-lobby){min-height:36px;padding:8px 16px;border:0;border-radius:10px;background:var(--approved-control-reflection),var(--approved-control);color:#000;box-shadow:var(--approved-control-shadow);font:500 12px/1.25 var(--approved-font);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%)}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.hero-primary-button,.account-primary-button,.room-card-button-primary){background:var(--approved-control-reflection),var(--approved-primary)!important;color:#000!important}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.app-topbar,.account-topbar){position:relative;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;height:auto;padding:12px 32px;background:var(--approved-floating)!important;-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);border-color:var(--approved-divider)}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.topbar-actions,.account-topbar-actions){display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;margin:0;min-width:0}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.brand-mark,.account-brand-link){min-width:0;background:transparent;border:0;box-shadow:none;padding:0}[data-style-surface=lobby] .brand-logo{width:140px;height:auto}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.notification-inbox-trigger,.topbar-avatar-button,.account-menu-trigger,.approved-plus-button){display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--approved-reflection),var(--approved-floating)!important;color:var(--approved-cream)!important;box-shadow:var(--approved-control-shadow);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);list-style:none;flex:0 0 44px}[data-style-surface=lobby] .topbar-avatar-button::-webkit-details-marker{display:none}[data-style-surface=lobby] .topbar-avatar-button:after{content:none}[data-style-surface=lobby] .topbar-avatar-button :is(img,span){display:grid;place-items:center;width:32px;height:32px;border-radius:50%;object-fit:cover;margin:0;padding:0;font:500 14px/1 var(--approved-font)}[data-style-surface=lobby] .topbar-extension-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:10px;background:var(--approved-control-reflection),var(--approved-control);color:#000;padding:8px 12px;font-size:12px}[data-style-surface=lobby] .topbar-extension-icon{width:18px;height:18px}:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.topbar-menu-panel,.account-menu,.notification-inbox-panel,.signed-room-menu-panel,.approved-quick-menu){background:var(--approved-reflection),var(--approved-floating)!important;color:#fff;border:0;border-radius:14px;box-shadow:var(--approved-shadow);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);z-index:1000}:is([data-style-surface=lobby],[data-style-surface=profile]) .approved-quick-actions{position:relative;display:flex;flex:0 0 44px}:is([data-style-surface=lobby],[data-style-surface=profile]) .approved-plus-button svg{width:18px;height:18px}:is([data-style-surface=lobby],[data-style-surface=profile]) .approved-quick-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:8px;padding:8px;width:min(216px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto}:is([data-style-surface=lobby],[data-style-surface=profile]) .approved-quick-menu button{min-height:44px;text-align:left;padding:8px 12px;font:500 12px/1.5 var(--approved-font);border:0;border-radius:10px;background:var(--approved-floating);color:#fff}:is([data-style-surface=lobby],[data-style-surface=profile]) .approved-quick-menu button:is(:hover,:focus-visible){color:var(--approved-yellow)}[data-style-surface=lobby] .signed-home{display:grid;gap:32px;min-width:0}[data-style-surface=lobby] .signed-command-strip{display:block!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible}[data-style-surface=lobby] .signed-command-copy{display:flex;align-items:center;gap:16px;min-width:0}[data-style-surface=lobby] .signed-greeting-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;overflow:hidden;background:var(--approved-control);color:#000;display:grid;place-items:center}[data-style-surface=lobby] .signed-greeting-avatar img{width:100%;height:100%;object-fit:cover}[data-style-surface=lobby] .approved-lobby-greeting{display:block!important;margin:0!important;font-size:clamp(22px,3vw,32px)!important;line-height:1.4!important}[data-style-surface=lobby] .approved-theme-picker{display:inline;white-space:nowrap}[data-style-surface=lobby] .approved-theme-text{position:relative;display:inline!important;vertical-align:baseline;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--theme-accent)!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:none}[data-style-surface=lobby] .approved-theme-pencil{position:absolute;right:-6px;top:-5px;width:12px;height:12px;pointer-events:none}[data-style-surface=lobby] .approved-theme-options{position:fixed;inset:20dvh auto auto 50%;transform:translateX(-50%);width:min(280px,calc(100vw - 32px));max-height:65dvh;overflow:auto;margin:0;padding:8px;border:0;border-radius:14px;background:var(--approved-reflection),rgb(18 15 12/.92);color:#fff;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);box-shadow:var(--approved-shadow)}[data-style-surface=lobby] .approved-theme-options:popover-open{display:grid;gap:4px}[data-style-surface=lobby] .approved-theme-options button{width:100%;min-height:44px;text-align:left;padding:8px 12px;background:transparent;color:#fff;border:0;border-radius:10px}[data-style-surface=lobby] .approved-theme-options button[aria-pressed=true]{background:var(--approved-control);color:#000}[data-style-surface=lobby] .signed-section{padding:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;min-width:0}[data-style-surface=lobby] .signed-section-header{margin:0 0 16px;padding:0}[data-style-surface=lobby] .signed-room-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;overflow:visible;padding:0}[data-style-surface=lobby] .signed-room-card{position:relative;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:0;padding:0;min-height:184px;overflow:visible;border:0;border-radius:14px;background:var(--approved-reflection),var(--approved-panel);box-shadow:var(--approved-shadow);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);transition:translate .18s ease-out,filter .18s ease-out}[data-style-surface=lobby] .signed-room-card:has(.signed-room-menu[open]){z-index:10}[data-style-surface=lobby] .signed-room-card:hover{translate:0 -2px;filter:brightness(1.06)}[data-style-surface=lobby] .signed-room-art{width:100%;height:100%;min-height:184px;align-self:stretch;margin:0;border-radius:14px 0 0 14px;overflow:hidden;background-position:50%;background-size:cover}[data-style-surface=lobby] .signed-room-body{display:flex;flex-direction:column;gap:8px;padding:24px;min-width:0}[data-style-surface=lobby] .signed-room-title-row h3{font-size:20px!important;line-height:1.35!important;margin:0;overflow-wrap:anywhere}[data-style-surface=lobby] .signed-room-footer{display:flex;justify-content:flex-end;margin-top:auto;gap:8px}[data-style-surface=lobby] .approved-room-people{display:flex;gap:8px;flex-wrap:wrap;min-width:0}[data-style-surface=lobby] .approved-person{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px 4px 4px;border-radius:999px;background:var(--approved-floating);color:var(--approved-cream);font-size:12px;overflow-wrap:anywhere}[data-style-surface=lobby] .approved-person>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--approved-control);color:#000;font-size:10px}[data-style-surface=lobby] .watch-history-row{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x proximity;scrollbar-color:var(--approved-yellow) #120f0c;scrollbar-width:thin}[data-style-surface=lobby] .watch-history-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;flex:0 0 min(360px,90%);min-width:0;padding:12px;border-radius:14px;background:var(--approved-reflection),var(--approved-panel);box-shadow:var(--approved-shadow);scroll-snap-align:start;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}[data-style-surface=lobby] .watch-history-thumb{width:96px;height:64px;grid-column:1;grid-row:1/3;overflow:hidden;border-radius:10px;margin:0}[data-style-surface=lobby] .watch-history-thumb img{width:100%;height:100%;object-fit:contain;background:#120f0c}[data-style-surface=lobby] .watch-history-copy{min-width:0;padding:0;gap:4px}[data-style-surface=lobby] .watch-history-copy strong{white-space:normal;overflow-wrap:anywhere;font:500 14px/1.4 var(--approved-font)}[data-style-surface=lobby] .watch-history-card>button{grid-column:2;justify-self:start;margin:0}[data-style-surface=lobby] .approved-history-control{display:flex;align-items:center;gap:12px;max-width:560px;margin:12px auto 0}[data-style-surface=lobby] .approved-history-control input{width:100%;min-height:44px;accent-color:var(--approved-yellow)}[data-style-surface=lobby] .approved-history-art{width:48px;height:48px;flex:0 0 48px;background-image:url(/queue-icons/photorealistic-atlas-v1.png);background-size:400% 400%}[data-style-surface=profile] .account-page-shell{max-width:1200px;margin-inline:auto;padding:32px}[data-style-surface=profile] .account-dashboard-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}[data-style-surface=profile] :is(.account-sidebar,.account-main-panel){padding:24px;min-width:0;border:0;border-radius:14px;background:var(--approved-reflection),var(--approved-panel)!important;box-shadow:var(--approved-shadow);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}[data-style-surface=profile] .account-sidebar{display:grid;gap:16px}[data-style-surface=profile] .account-sidebar-identity{display:grid;gap:8px;justify-items:center;text-align:center;min-width:0;overflow-wrap:anywhere}[data-style-surface=profile] .account-sidebar-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;padding:0;background:none}[data-style-surface=profile] .account-sidebar-nav button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:var(--approved-floating);color:#fff;font:500 12px/1.4 var(--approved-font)}[data-style-surface=profile] .account-sidebar-nav button.is-active{background:var(--approved-control);color:#000}[data-style-surface=profile] .account-sidebar-nav button span{display:inline;white-space:normal;overflow-wrap:anywhere}[data-style-surface=profile] .account-sidebar-nav button em{margin-left:auto}[data-style-surface=profile] .account-sidebar-nav button svg{width:18px;height:18px;flex:0 0 18px}[data-style-surface=profile] .account-avatar-edit-badge{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:var(--approved-control);color:#000;box-shadow:var(--approved-control-shadow)}[data-style-surface=profile] .account-avatar-edit-badge svg{width:14px;height:14px}[data-style-surface=profile] .account-profile-form{display:grid;gap:16px}[data-style-surface=profile] .account-profile-field{display:grid;gap:8px;min-width:0}[data-style-surface=profile] .field-label{font:400 12px/1.5 var(--approved-font);color:#fff}[data-style-surface=profile] .account-avatar-picker{border:0;padding:0;background:none}[data-style-surface=profile] .account-avatar-picker>summary{display:list-item;cursor:pointer;min-height:44px;padding:12px;font:500 12px/1.5 var(--approved-font);background:var(--approved-control-reflection),var(--approved-control);color:#000;border-radius:10px}[data-style-surface=profile] .account-avatar-picker[open]>:not(summary){margin-top:16px}[data-style-surface=profile] .account-avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:12px}[data-style-surface=profile] .account-avatar-option[aria-checked=true]{outline:2px solid var(--approved-yellow);outline-offset:2px}[data-style-surface=profile] input[type=file]::file-selector-button{min-height:36px;border:0;border-radius:8px;padding:8px 12px;margin-right:12px;background:var(--approved-yellow);color:#000;font:500 12px var(--approved-font)}[data-style-surface=profile] .account-profile-save{justify-self:start}[data-style-surface=profile] .analytics-profile-settings{margin:24px 0 0;padding:16px 0 0;background:none;border:0;border-top:1px solid var(--approved-divider);border-radius:0;box-shadow:none}[data-style-surface=profile] .analytics-consent-actions{display:flex;flex-wrap:wrap;gap:8px}[data-style-surface=profile] .account-danger-actions button{background:linear-gradient(165deg,#f3b2a7,#e58b7c 55%,#d97868)!important;color:#000!important;border:0;border-radius:10px;min-height:44px;padding:8px 16px}[data-style-surface=profile] .account-mobile-tabbar{display:none}:is([data-style-surface=profile],[data-style-surface=lobby]) :is(.account-room-modal,.saved-room-modal,.join-room-modal){max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:0;border-radius:20px;background:var(--approved-reflection),rgb(18 15 12/.92);color:#fff;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}[data-style-surface=auth].auth-shell{border:0!important;border-radius:14px!important;background:var(--approved-reflection),var(--approved-panel)!important;box-shadow:var(--approved-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);padding:24px!important}[data-style-surface=auth] .auth-card-title{font:600 22px/1.3 var(--approved-display)!important;color:#fff!important}[data-style-surface=auth] .auth-field-stack{gap:8px}[data-style-surface=auth] :is(.auth-submit-button,.hero-primary-button){background:var(--approved-control-reflection),var(--approved-primary)!important;color:#000!important;border:0!important;border-radius:10px!important}@media(max-width:1024px),(pointer:coarse){:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) :is(input:not([type=range]),select,textarea,.hero-primary-button,.account-primary-button,.account-secondary-button,.room-card-button){min-height:44px}:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) :is(input:not([type=range]),select,textarea){font-size:16px}}@media(max-width:768px){[data-style-surface=profile] .account-dashboard-shell{grid-template-columns:minmax(0,1fr);gap:16px}[data-style-surface=profile] .account-sidebar{grid-template-columns:56px minmax(0,1fr);gap:16px;padding:16px}[data-style-surface=profile] .account-avatar-large,[data-style-surface=profile] .account-sidebar-avatar-button{width:56px;height:56px}[data-style-surface=profile] .account-sidebar-identity{justify-items:start;text-align:left}[data-style-surface=profile] :is(.account-sidebar-nav,.approved-back-lobby,.account-sidebar-divider){grid-column:1/-1}[data-style-surface=profile] .account-sidebar-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}[data-style-surface=lobby] .signed-room-card{grid-template-columns:160px minmax(0,1fr)}}@media(max-width:640px){:is([data-style-surface=lobby],[data-style-surface=profile]) :is(.app-topbar,.account-topbar){padding:8px 16px;gap:8px;min-height:60px}[data-style-surface=lobby] .brand-logo{width:92px}[data-style-surface=lobby] .topbar-extension-button{width:44px;padding:0;flex:0 0 44px}[data-style-surface=lobby] .topbar-extension-label{display:none}[data-style-surface=profile] .account-page-shell{padding:24px 16px}[data-style-surface=profile] .account-main-panel{padding:16px}[data-style-surface=profile] .account-tab-panel h1{font-size:26px!important}[data-style-surface=lobby] .signed-home{gap:24px}[data-style-surface=lobby] .signed-command-copy{gap:12px}[data-style-surface=lobby] .signed-greeting-avatar{width:40px;height:40px;flex-basis:40px}[data-style-surface=lobby] .approved-lobby-greeting{font-size:22px!important}[data-style-surface=lobby] .signed-room-card{grid-template-columns:104px minmax(0,1fr)}[data-style-surface=lobby] .signed-room-art{min-height:100%;height:100%}[data-style-surface=lobby] .signed-room-body{padding:12px}[data-style-surface=lobby] .signed-room-title-row h3{font-size:18px!important}[data-style-surface=lobby] .approved-person{font-size:11px;padding-right:6px}}@media(prefers-reduced-motion:reduce){:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]) *{transition:none!important;animation:none!important;scroll-behavior:auto!important}[data-style-surface=lobby] .signed-room-card:hover{translate:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is([data-style-surface=lobby],[data-style-surface=profile],[data-style-surface=auth]){--approved-panel:#120f0c;--approved-floating:#120f0c;--approved-control:#f9f1dd}}[data-style-surface=lobby] .approved-room-groups{display:grid;gap:24px}[data-style-surface=lobby] .approved-room-group-title{margin:0 0 12px;font:500 14px/1.5 var(--approved-font)!important;color:var(--approved-cream)}[data-style-surface=lobby] .approved-history-control .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-style-surface=auth] .approved-email-auth,[data-style-surface=auth] .approved-email-fields{display:grid;gap:16px}[data-style-surface=auth] .mode-toggle{display:flex;gap:8px}[data-style-surface=auth] .mode-toggle button{flex:1 1;min-height:44px;border:0;border-radius:10px;background:var(--approved-control-reflection),var(--approved-control);color:#000;font:500 12px/1.25 var(--approved-font)}[data-style-surface=auth] .mode-toggle button.is-active{background:var(--approved-control-reflection),var(--approved-primary)}@media(max-width:640px){[data-style-surface=auth] .approved-email-auth[data-email-open=false] .approved-email-fields{display:none}}