/* Bedrock: one visual language across the desktop and built-in tools. */
html.space-ui{--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--app-bg:#141721;--surface-1:#141721;--surface-2:#1c202c;--field:#1d2230;--text:#f4f5fb;--text-2:#aeb6cc;--text-3:#858fa8;--hairline:rgba(205,216,255,.13);--hairline-2:rgba(205,216,255,.08);--hover:rgba(184,197,255,.07);--sx-panel:rgba(19,23,35,.79);--sx-muted:#aeb6cc;--sx-line:rgba(205,216,255,.13);--sx-hover:rgba(184,197,255,.08)}
html.space-ui[data-theme=light]{--app-bg:#f5f6fb;--surface-1:#f5f6fb;--surface-2:#fff;--field:#fff;--text:#202638;--text-2:#626c83;--text-3:#748098;--hairline:rgba(50,65,100,.17);--hairline-2:rgba(50,65,100,.09);--hover:rgba(72,90,140,.07);--sx-panel:rgba(247,249,255,.88);--sx-muted:#626c83;--sx-line:rgba(50,65,100,.14)}
.space-ui .window{border-radius:18px;box-shadow:0 28px 100px #0007,0 0 0 1px var(--hairline);overflow:hidden}.space-ui .titlebar{background:var(--surface-2);border-bottom:1px solid var(--hairline-2)}.space-ui .window-body{background:var(--app-bg);color:var(--text)}
.space-ui #windows-layer{z-index:4500}.space-ui #windows-layer .window.maximized{inset:28px 0 0!important;width:auto!important;height:auto!important;border-radius:0!important}.space-ui .window:fullscreen{inset:0!important;width:100vw!important;height:100vh!important;border-radius:0!important}body.win-zoomed #space-shell .sx-topbar{visibility:hidden;pointer-events:none}
.space-ui .br-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(145deg,var(--app-icon-top,#5365a6),var(--app-icon-bottom,#303758))!important;border:1px solid #ffffff38;box-shadow:inset 0 1px 0 #ffffff28,0 3px 8px #0002;border-radius:24%;color:#fff!important;overflow:hidden}.space-ui .br-icon svg{width:57%!important;height:57%!important;display:block;filter:none!important}.space-ui .br-icon::before,.space-ui .br-icon::after{display:none!important}
.space-ui .br-app{font:13px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.005em;color:var(--text)}.br-app button,.br-app input,.br-app select,.br-app textarea{font:inherit}.br-app .btn,.br-app .input,.br-app input:not([type=range]):not([type=color]):not([type=checkbox]),.br-app select,.br-app textarea{border-radius:10px}.br-app .btn{min-height:34px;font-size:12px;font-weight:600;padding:8px 14px;box-shadow:none;transition:background .18s,transform .18s}.br-app .btn:active{transform:scale(.97)}.br-app .btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--hairline)}.br-app input,.br-app select,.br-app textarea{color:var(--text);background-color:var(--field);border-color:var(--hairline)}.br-app input::placeholder,.br-app textarea::placeholder{color:var(--text-3);opacity:1}.br-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.br-app h2,.br-app h3{letter-spacing:-.025em}.br-app h2{font-weight:650}.br-app .guest-head{padding:26px 28px 22px;border-bottom:1px solid var(--hairline-2);background:var(--surface-1)}.br-app .guest-head h2{font-size:24px}.br-app .guest-main{padding:26px 28px}.br-app .guest-form{gap:16px}.br-app .guest-form label{gap:8px;color:var(--text-2);font-size:12px}.br-app .guest-note{line-height:1.7;color:var(--text-2)}
.br-app .guest-chat-side{background:var(--surface-1);border-right:1px solid var(--hairline-2);width:235px;padding:24px 14px}.br-app .guest-chat-side h3{font-size:23px;margin:0 8px 8px}.br-app .guest-chat-side>p{margin:0 8px 20px;color:var(--text-2);font-size:12px;line-height:1.6}.br-app .guest-person{border-radius:12px;padding:12px 10px;margin:4px 0;color:var(--text)}.br-app .guest-person.active{background:color-mix(in srgb,var(--accent) 17%,transparent)}.br-app .guest-av{background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px}.br-app .guest-chat-head{background:var(--surface-1);border-bottom:1px solid var(--hairline-2);padding:18px 22px}.br-app .guest-messages{padding:22px;gap:16px}.br-app .guest-message{border:1px solid var(--hairline-2);border-radius:14px;background:var(--surface-2);padding:13px 16px}.br-app .guest-message.mine{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.br-app .guest-message time{font-size:10px;color:var(--text-3)}.br-app .guest-compose{padding:16px 20px}.br-app .bedrock-find-person{gap:6px}.br-app .bedrock-find-person .input{padding:10px}.br-app .bedrock-account-card,.br-app .guest-suggestion{background:var(--surface-2);border:1px solid var(--hairline);border-radius:16px;padding:22px}.br-app .guest-link{padding:18px 0}.br-app .guest-call-lobby{background:var(--surface-2);padding:28px;border-radius:18px;border:1px solid var(--hairline)}
.br-app :is(.fm-side,.ai-side,.settings-sidebar){background:var(--surface-1);border-right:1px solid var(--hairline-2)}.br-app :is(.fm-toolbar,.editor-toolbar,.paint-toolbar,.mu-top,.mv-top,.an-top,.mp3-head,.ai-main-head,.ac2-top,.iv-toolbar){background:var(--surface-1);border-bottom:1px solid var(--hairline-2);padding:14px 16px;gap:10px}.br-app :is(.fm-side-item,.ai-chat,.set-nav-item){border-radius:10px;margin:3px 6px}.br-app :is(.fm-search,.mu-search,.mv-search,.an-search){background:var(--field);border:1px solid var(--hairline);border-radius:11px;min-height:34px}.br-app :is(.mu-seg,.mv-seg,.an-seg,.clk-tabs,.ac2-seg){background:var(--field);padding:4px;border-radius:12px;border:1px solid var(--hairline-2)}.br-app :is(.mu-seg-b,.mv-seg-b,.an-seg-b,.clk-tab,.ac2-seg button){border-radius:8px;padding:7px 12px;font-size:12px}.br-app :is(.mu-seg-b,.mv-seg-b,.an-seg-b,.clk-tab).active{background:var(--surface-2);box-shadow:0 2px 6px #0002;color:var(--text)}.br-app :is(.mv-card,.an-card,.mu-card,.iv-card){border-radius:13px;overflow:hidden}.br-app :is(.mv-poster,.an-poster){border-radius:12px}.br-app .editor{font-family:"Cascadia Code",Consolas,monospace;font-size:13px;line-height:1.8;padding:22px;background:var(--app-bg);border:0;border-radius:0!important}.br-app .editor-output{background:var(--surface-1);border-top:1px solid var(--hairline);padding:16px;line-height:1.7}.br-app .term{background:#10141e;color:#d9e5ff;font:13px/1.7 "Cascadia Code",Consolas,monospace;padding:22px}.br-app .paint-toolbar{flex-wrap:wrap}.br-app .ptool{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;border:1px solid transparent;color:var(--text-2)}.br-app .ptool.active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}.br-app .ptool svg{width:18px;height:18px}.br-app .paint-canvas-wrap{background:var(--surface-2)}.br-app .cal-cell{border-color:var(--hairline-2);padding:9px}.br-app .cal-cell.today{background:color-mix(in srgb,var(--accent) 12%,transparent)}.br-app .cal-num{border-radius:8px}.br-app .clk-now{font-weight:300;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.br-app .ai-composer{border-radius:16px;background:var(--surface-2);border:1px solid var(--hairline)}.br-app .ai-ex{background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px}.br-app .calc{padding:18px;gap:8px;background:var(--app-bg)}.br-app .calc button{border-radius:12px;font-weight:500}.br-app .space-library{background:var(--app-bg)}
/* A single acrylic surface keeps the complete home composition readable. */
.space-ui .sx-desktop-home .bh-inner{width:min(650px,calc(100% - 40px));padding:34px 44px 32px!important;box-sizing:border-box;border:1px solid #ffffff30;border-radius:28px;background:rgba(13,18,34,.59);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);box-shadow:0 24px 85px #0005,inset 0 1px 0 #ffffff12;color:#fff!important}.space-ui .sx-desktop-home .bh-inner :is(span,time,p,button,input){color:#fff!important}.space-ui .sx-desktop-home .bh-inner input::placeholder{color:#ffffffc7!important}.space-ui .sx-desktop-home .space-home-clock span{opacity:.85}.space-ui .sx-desktop-home .space-home-clock time{font-size:76px}.space-ui .sx-desktop-home .bh-tagline{margin:13px 0 27px;color:#fff!important}.space-ui .sx-desktop-home .bh-search{background:#ffffff0b!important;border-color:#ffffff32!important}.space-ui .sx-desktop-home .space-home-actions{margin-top:23px}.space-ui .sx-desktop-home .sx-home-link:hover{background:#ffffff12}.space-ui .sx-desktop-home .sx-bedrock-brand{color:#fff;opacity:1;margin-bottom:20px}
html[data-wallpaper=ceruledge] .sx-universe{background:#04040a url('/img/wallpapers/ceruledge.webp') center center/cover no-repeat!important}html[data-wallpaper=ceruledge] .sx-nebula,html[data-wallpaper=ceruledge] .sx-stars,html[data-wallpaper=rain] .sx-nebula,html[data-wallpaper=rain] .sx-stars{display:none}html[data-wallpaper=rain] .sx-universe{background:radial-gradient(ellipse at 24% 73%,#9c82b67a,transparent 22%),radial-gradient(ellipse at 77% 35%,#528da36b,transparent 30%),radial-gradient(ellipse at 48% 85%,#435589,transparent 30%),linear-gradient(155deg,#08131f,#233047 49%,#0c1022)!important}html[data-wallpaper=rain] .sx-universe::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 15%,#09132170 15.1% 15.6%,transparent 15.7% 25%);filter:blur(10px)}.br-rain{position:absolute;inset:0;display:none;overflow:hidden}html[data-wallpaper=rain] .br-rain{display:block}.br-rain i{position:absolute;left:var(--x);top:var(--y);width:var(--r);height:calc(var(--r)*1.4);border-radius:48% 48% 45% 45%;background:linear-gradient(140deg,#e1f6ff22,#fff0 45%,#0002);border:1px solid #d8efff33;box-shadow:inset 1px 2px 2px #ffffff40,inset -1px -2px 2px #0004,1px 2px 3px #0003;backdrop-filter:blur(1px)}.br-rain .br-drop-moving{animation:br-rainfall var(--fall) linear var(--delay) infinite}.br-rain .br-drop-moving::before{content:'';position:absolute;bottom:80%;height:55px;width:2px;left:40%;background:linear-gradient(transparent,#cde8ff24);border-radius:80%}@keyframes br-rainfall{0%{transform:translateY(-110vh);opacity:0}8%,85%{opacity:.8}100%{transform:translateY(110vh);opacity:0}}
.br-wallpapers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:16px}.br-wallpaper{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:8px;background:var(--field);color:var(--text);border:1px solid var(--hairline);border-radius:12px;text-align:left;font:11px/1.4 inherit;cursor:pointer}.br-wallpaper[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.br-wallpaper-preview{display:block;width:100%;height:62px;border-radius:7px;background:linear-gradient(145deg,#303f73,#11182c)}.br-wallpaper-ceruledge .br-wallpaper-preview{background:#080810 url('/img/wallpapers/ceruledge-thumb.webp') center/cover}.br-wallpaper-rain .br-wallpaper-preview{background:radial-gradient(ellipse at 75% 25%,#849aa4,transparent 40%),repeating-linear-gradient(105deg,#657f9622 0 2px,transparent 3px 10px),#233047}.br-wallpaper-space .br-wallpaper-preview{background:radial-gradient(circle at 20% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 65%,#cdb7ff 0 1px,transparent 2px),radial-gradient(ellipse at bottom,#302543,#08090f)}.br-wallpaper-solara .br-wallpaper-preview{background:linear-gradient(135deg,#4f539c,#9563bb,#dc9aab)}.br-wallpaper-settings{padding:24px;border-top:1px solid var(--hairline);grid-column:1/-1}.br-wallpaper-settings h3{margin:0;font-size:18px}.br-wallpaper-settings p{margin:5px 0 16px;color:var(--text-2);font-size:12px}.br-wallpaper-settings .br-wallpapers{grid-template-columns:repeat(4,minmax(0,1fr));max-width:700px}.sx-space-wallpaper[hidden]{display:none!important}
@media(max-width:650px){.space-ui .sx-desktop-home .bh-inner{padding:26px 24px!important;border-radius:23px}.space-ui .sx-desktop-home .space-home-clock time{font-size:62px}.br-app .guest-chat-side{width:150px;padding:18px 8px}.br-app .guest-main,.br-app .guest-head{padding:20px}.br-app .guest-compose{padding:12px}.br-wallpaper-settings .br-wallpapers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.br-rain i{animation:none!important}.space-ui .br-app *{scroll-behavior:auto!important;transition:none!important}}
.space-ui .br-app .si-badge{background:linear-gradient(145deg,#5365a6,#303758)!important;border:1px solid #b8c8ff38;border-radius:9px;box-shadow:none}.space-ui .br-app .si-badge svg{width:17px;height:17px}.br-app .settings-side{background:var(--surface-1);border-right:1px solid var(--hairline-2);padding:22px 12px}.br-app .settings-side .item{margin:4px 0;border-radius:11px;padding:10px 12px;color:var(--text-2)}.br-app .settings-side .item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--text)}.br-app .settings-main{padding:26px}.br-app .set-row{padding:16px 0;border-color:var(--hairline-2)}.br-app .wp-cell{border-radius:12px}.br-app .wp-opt{border-radius:10px}.br-app .br-wallpaper-settings{padding:24px 0 0}.br-app .br-wallpaper-settings h3{font-size:16px}.space-ui .br-wallpaper{font-family:inherit;font-size:11px}
/* Compact app layouts: content first, with controls kept beside their context. */
.space-ui .window-body.br-app{container-type:inline-size;container-name:bedrock-app}
.br-app .guest-main{padding:16px;min-width:0}
.br-app .guest-head{padding:12px 16px}
.br-app .guest-head h2{font-size:16px;margin:0}
.br-app .guest-status{padding:7px 16px;font-size:11px;line-height:1.4;flex-shrink:0}
.br-app .guest-status:empty{display:none}
.br-app .guest-form{gap:12px}
.br-app .guest-form label{gap:6px}
.br-app .input{padding:9px 11px;min-height:36px;box-sizing:border-box}
.br-app .guest-note{font-size:11px;line-height:1.5}
.br-app .guest-subtitle{font-size:12px;margin:24px 0 10px;color:var(--text-2);font-weight:600}
.br-app .guest-empty{padding:20px;font-size:12px;line-height:1.5}
.br-app .br-profile-main{padding:12px 18px 18px}
.br-profile-tabs{display:flex;gap:4px;padding:0 0 10px;margin-bottom:18px;border-bottom:1px solid var(--hairline-2)}
.br-profile-tabs button{padding:8px 16px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer}
.br-profile-tabs button[aria-selected=true]{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline)}
.br-profile-tabs button:hover{background:var(--hover)}
.br-profile-main [data-profile-panel][hidden]{display:none!important}
.br-app .br-profile-form{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 18px;align-items:start;max-width:600px;margin:0}
.br-profile-form .guest-profile-avatar{grid-column:1;grid-row:1/3;width:56px;height:56px;line-height:56px;font-size:25px;margin:0;border-radius:15px;background:var(--surface-2);border:1px solid var(--hairline)}
.br-profile-form .guest-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.br-profile-form>label{grid-column:2;min-width:0}
.br-profile-form>label:has([name=about]),.br-profile-form>.guest-note,.br-profile-form>button{grid-column:1/-1}
.br-profile-form textarea{resize:vertical;min-height:80px}
.br-profile-form>button{justify-self:start}
.br-profile-form>.guest-note{margin:0}
.br-app .bedrock-account-card{max-width:600px;margin:0;padding:16px;box-sizing:border-box;background:var(--surface-1);border-radius:12px}
.br-app .bedrock-account-heading{gap:12px;margin-bottom:14px}
.br-app .bedrock-account-heading strong{font-size:14px}
.br-app .bedrock-account-heading p{font-size:11px;margin:4px 0 0}
.br-app .bedrock-account-actions{gap:8px}
.br-app .bedrock-auth-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-top:16px;padding-top:16px;gap:12px}
.bedrock-auth-form>h3,.bedrock-auth-form>p,.bedrock-auth-form>.bedrock-account-actions,.bedrock-auth-form>label:has([name=username]){grid-column:1/-1}
.br-app .bedrock-auth-form h3{font-size:15px;margin:0}
.br-app[data-bedrock-app=links] .guest-link-form{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(160px,1.5fr) auto;align-items:center;gap:8px;margin-bottom:14px}
.br-app[data-bedrock-app=links] .guest-link-form input{width:100%;min-width:0}
.br-app .guest-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0}
.br-app .guest-link b{font-size:12px}.br-app .guest-link small{margin-top:3px;font-size:11px}
.br-link-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.br-link-actions .btn{font-size:11px;min-height:32px;padding:6px 10px}
.br-app .guest-icon-button{display:grid;place-items:center;min-width:28px;min-height:32px;padding:0;font-size:20px;border-radius:8px}
.br-app .guest-icon-button:hover{background:var(--hover)}
.br-app .br-suggestion-form{display:grid;grid-template-columns:minmax(110px,.4fr) minmax(0,1fr);gap:12px;max-width:680px}
.br-suggestion-form>label:has([name=body]),.br-suggestion-form>button{grid-column:1/-1}
.br-suggestion-form>button{justify-self:start}
.br-app .guest-suggestion{padding:14px;margin:8px 0;border-radius:12px}
.br-app .guest-suggestion h4{margin:5px 0;font-size:13px}.br-app .guest-suggestion p{margin:6px 0 0;font-size:12px}
.br-app .guest-call-lobby{width:100%;max-width:480px;margin:0;padding:0;border:0;background:transparent;border-radius:0}
.br-app .guest-room-label{gap:7px;font-size:12px}
.br-app .guest-call-buttons{gap:8px;margin-top:12px}
.br-app .guest-call-bar{gap:7px;padding:0 0 12px;margin:0 0 14px;border-bottom:1px solid var(--hairline-2)}
.br-app .guest-call-bar .btn{padding:7px 10px;font-size:11px;min-height:32px}
.br-app .guest-call-bar strong{font-size:13px}
.br-app .guest-call-person{border-radius:12px}
.br-app .guest-chat-side{width:200px;padding:16px 10px;box-sizing:border-box}
.br-app .guest-chat-side h3{font-size:16px;margin:0 7px 14px}
.br-app .bedrock-find-person{margin-bottom:10px}
.br-app .guest-person{padding:10px 8px;margin:2px 0;border-radius:9px}
.br-app .guest-person small{margin-top:3px}
.br-app .guest-chat-head{padding:12px 16px;min-height:48px;font-size:13px}
.br-app .guest-messages{padding:16px;gap:12px}
.br-app .guest-message{padding:10px 12px;border-radius:12px}
.br-app .guest-message p{font-size:12px;line-height:1.6}
.br-app .guest-compose{gap:8px;padding:12px 14px}
.br-app .br-media-toolbar{padding:10px 12px}
.br-media-toolbar .guest-link-form,.br-media-toolbar .tiktok-url{display:flex;gap:8px;margin:0!important;align-items:center}
.br-media-toolbar input{flex:1;min-width:0;width:100%}
.br-app .tiktok-intro{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}
.br-app .tiktok-intro p{margin:0;font-size:12px;color:var(--text-2)}
.br-empty-icon{width:32px;height:32px;color:var(--text-3)}.br-empty-icon svg{width:100%;height:100%}
.br-app .tiktok-stage{background:var(--app-bg)}
.br-app .ai-side{width:200px;min-width:170px}
.br-app .ai-side-head{padding:14px 12px;gap:8px}
.br-app .ai-brand{font-size:13px}.br-app .ai-spark{width:18px;height:18px}
.br-app .ai-side-label{padding:2px 14px 8px;font-size:10px}
.br-app .ai-chats-empty{padding:12px 14px;text-align:left;font-size:12px;line-height:1.5}
.br-app .ai-main-head{padding:12px 16px;min-height:48px}
.br-app .ai-main-title{font-size:13px}
.br-app .ai-welcome{padding:0;min-height:0;flex:1}
.br-app .ai-thread{padding:18px;min-width:0}
.br-app .ai-composer-wrap{padding:12px 16px 10px}
.br-app .ai-composer{max-width:800px;margin:0 auto;padding:10px 12px;border-radius:12px;gap:10px}
.br-app .ai-foot{font-size:10px;margin-top:7px}
.br-app .ai-input{font-size:13px;line-height:1.5;background:transparent;border:0;min-width:0}
.br-app .mp3-head{padding:12px 16px}.br-app .mp3-title{font-size:14px}
.br-app .mp3-empty{gap:10px;font-size:13px}.br-app .mp3-empty svg{width:28px;height:28px}
.br-app .mp3-empty [data-add2]{display:none}
.br-app :is(.fm-toolbar,.editor-toolbar,.paint-toolbar,.mu-top,.mv-top,.an-top,.ac2-top,.iv-toolbar){padding:10px 12px;gap:8px}
.br-app :is(.mu-brand,.mv-brand,.an-brand){font-size:16px;white-space:nowrap}
.br-app :is(.mu-search,.mv-search,.an-search){min-width:100px;flex:1;max-width:320px}
.br-app :is(.mu-seg,.mv-seg,.an-seg,.clk-tabs,.ac2-seg){padding:3px;border-radius:9px}
.br-app :is(.mu-seg-b,.mv-seg-b,.an-seg-b,.clk-tab){padding:6px 10px;font-size:11px;border-radius:6px}
.br-app .settings-side{padding:16px 10px}.br-app .settings-main{padding:18px}
.br-app .settings-side .item{padding:9px 10px;margin:2px 0;border-radius:9px}
.br-app .set-row{padding:12px 0}.br-app .set-card{border-radius:12px}
.br-app .br-wallpaper-settings{padding-top:18px;margin-top:18px}.br-app .br-wallpaper-settings h3{font-size:14px}
.br-app .space-library-head{padding:12px 16px;gap:12px;border-bottom:1px solid var(--hairline-2)}
.br-app .space-library-head h2{font-size:16px;margin:0}.br-app .space-library-head p{font-size:10px;margin-top:3px}
.br-app .space-library-head input{width:240px;max-width:55%}
.br-app .space-categories{padding:10px 16px;gap:6px;flex-wrap:nowrap;overflow:auto}
.br-app .space-categories button{white-space:nowrap;padding:6px 10px;font-size:11px;border-radius:8px;border-color:var(--hairline)}
.br-app .space-game-grid{padding:6px 16px 16px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.br-app .space-pagination{padding:10px;gap:12px}
.br-app .space-history{padding:4px 16px 16px}.br-app .space-history-item{padding:12px 6px;gap:10px}
@container bedrock-app (max-width:580px){
 .br-app .guest-chat-side{width:160px}
 .br-app .bedrock-account-heading{flex-wrap:wrap}
 .br-app .bedrock-auth-form{grid-template-columns:1fr}
 .br-app .bedrock-auth-form>label{grid-column:1/-1}
 .br-app[data-bedrock-app=links] .guest-link-form{grid-template-columns:minmax(0,1fr) auto}
 .br-app[data-bedrock-app=links] .guest-link-form [name=title]{grid-column:1/-1}
 .br-app :is(.mu-top,.mv-top,.an-top,.editor-toolbar,.ac2-top){flex-wrap:wrap}
 .br-app :is(.mu-search,.mv-search,.an-search){max-width:none}
 .br-app .settings-grid{grid-template-columns:155px minmax(0,1fr)}
 .br-app .settings-main{padding:14px}
}
@container bedrock-app (max-width:430px){
 .br-app .guest-chat{flex-direction:column}
 .br-app .guest-chat-side{width:100%;max-height:155px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--hairline-2)}
 .br-app .guest-chat-side h3{display:none}
 .br-app .guest-chat-side [data-peers]{display:flex;gap:5px;overflow:auto}
 .br-app .guest-person{flex-shrink:0;min-width:140px}
 .br-app .guest-chat-main{flex:1;min-height:150px}
 .br-app .br-profile-main{padding:12px}
 .br-app .br-profile-form{grid-template-columns:48px minmax(0,1fr);gap:12px}
 .br-app .guest-profile-avatar{width:44px;height:44px;line-height:44px;font-size:21px}
 .br-app .br-suggestion-form{grid-template-columns:1fr}
 .br-app .br-suggestion-form>label{grid-column:1/-1}
 .br-app .guest-link{gap:8px;align-items:start}
 .br-app .br-link-actions{gap:3px}
 .br-app .br-link-actions .btn{padding:5px 7px}
 .br-app .tiktok-url{flex-wrap:wrap}
 .br-app .tiktok-url input{flex-basis:100%}
 .br-app .settings-grid{grid-template-columns:124px minmax(0,1fr)}
 .br-app .settings-side{padding:12px 6px}
 .br-app .settings-side .item{padding:9px 7px;font-size:11px;gap:7px}
 .br-app .settings-side-title{font-size:15px;padding-left:6px}
 .br-app .si-badge{width:25px;height:25px}
 .br-app .br-wallpaper-settings .br-wallpapers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.br-app[data-bedrock-app=playback] .space-library-head{justify-content:flex-end}
.br-app[data-bedrock-app=themes]>div{padding:16px!important}
.br-app .ai-side-head{min-height:48px;box-sizing:border-box}
.br-app .settings-side>.item:first-child{margin-top:0}
/* Weather stays in the screen corner, below application windows. */
.space-ui .weather-widget.br-corner-weather{position:fixed!important;display:grid!important;top:100px!important;right:20px!important;left:auto!important;bottom:auto!important;width:180px;min-width:0;box-sizing:border-box;padding:16px;border:1px solid #ffffff26;border-radius:18px;background:#151622b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #0003;color:#fff;cursor:default;text-shadow:none;text-align:left;transform:none!important;pointer-events:auto;z-index:2}
.space-ui .br-corner-weather .ww-top{justify-content:flex-start;gap:9px}
.space-ui .br-corner-weather .ww-ic{font-size:27px;filter:none}
.space-ui .br-corner-weather .ww-tp{font-size:30px;font-weight:500;letter-spacing:-.04em}
.space-ui .br-corner-weather .ww-cond{font-size:12px;margin:7px 0 12px;opacity:.9}
.space-ui .br-corner-weather .ww-city{margin:0 28px 0 0;padding:6px 0;border:0;background:transparent;font-size:11px;opacity:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.space-ui .br-corner-weather .ww-city:hover{color:#d4c7ff}
.br-weather-locate{position:absolute;right:11px;bottom:13px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff0a;color:#fff;cursor:pointer}
.br-weather-locate svg{width:16px;height:16px}.br-weather-locate:hover{background:#ffffff20}
.space-ui .br-corner-weather .ww-city:focus-visible,.br-weather-locate:focus-visible{outline:2px solid #c6b5ff;outline-offset:3px}
@media(max-width:650px){.space-ui .weather-widget.br-corner-weather{top:auto!important;bottom:100px!important;right:12px!important;width:160px;padding:12px}.space-ui .br-corner-weather .ww-tp{font-size:25px}}
.br-app .guest-av{position:relative;overflow:visible}
.br-online-dot{display:inline-block;width:8px;height:8px;min-width:8px;background:#4bd693;border-radius:50%;box-shadow:0 0 0 2px var(--app-bg);flex-shrink:0}
.guest-av>.br-online-dot{position:absolute;bottom:0;right:0;width:9px;height:9px}
.br-online-dot[hidden]{display:none!important}
@media(max-height:700px){.space-ui .sx-desktop-home .bh-inner{padding:22px 28px!important}.space-ui .sx-desktop-home .space-home-clock time{font-size:58px}.space-ui .sx-desktop-home .sx-bedrock-brand{margin-bottom:12px}.space-ui .sx-desktop-home .bh-tagline{margin:10px 0 20px}.space-ui .sx-desktop-home .space-home-actions{margin-top:16px}}