/* WAAXSI shared shell: restrained scale, open surfaces and quiet home buttons. */
:root{--page:1900px;--hub-gutter:clamp(24px,4.5vw,112px);--hub-soft:color-mix(in srgb,var(--text) 4%,transparent)}
body{background:var(--bg);font-size:14px}
#view{position:relative;isolation:isolate;min-height:calc(100svh - 86px)}
#header{border-bottom:0;background:color-mix(in srgb,var(--bg) 95%,transparent);padding-inline:var(--hub-gutter)}
.brand{font-size:22px;gap:14px}.brand img{width:38px;height:38px}.top-nav{gap:32px}.nav-link{font-size:14px}
.icon-button{min-width:44px;min-height:44px}.icon-button>.icon{width:23px;height:23px}
.button{min-height:46px;padding:12px 20px;font-size:14px}.button>.icon{width:21px;height:21px}.text-link{font-size:14px;gap:12px}
.button.glass{background:var(--hub-soft);border:0;box-shadow:none}.button.primary{box-shadow:none}
.standard-page,.service-page .standard-page{width:100%;max-width:var(--page);padding:46px var(--hub-gutter) 90px;margin:auto}
.page-heading{margin-bottom:40px;gap:24px}.page-heading h1{font-size:clamp(30px,3vw,45px);line-height:1.15;margin:0;letter-spacing:-.04em}
/* Subtle light fills margins; labels are reserved for actual information. */
.standard-page>.page-heading .eyebrow,.live-admin-header .live-admin-kicker,.live-remote .page-heading>.eyebrow{display:none}
/* Home destinations use a single quiet button surface and clear labels. */
.hub-home{width:min(100%,var(--page));margin:auto;padding:16px var(--hub-gutter) 80px}
.hub-welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:440px;gap:8%;padding:16px 8% 32px}
.hub-intro h1{font-size:clamp(62px,5.6vw,100px);font-weight:600;letter-spacing:-.06em;line-height:.98;margin:0 0 32px}.hub-intro h1>span{color:var(--accent)}
.hub-intro .button-row{margin:0}.hub-emblem{display:flex;align-items:center;justify-content:center;min-width:0}.hub-emblem img{position:static;inset:auto;transform:none;opacity:1;display:block;width:min(100%,380px);height:auto;filter:drop-shadow(0 24px 55px color-mix(in srgb,var(--accent) 14%,transparent))}
.hub-launcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1120px);gap:18px;margin:20px auto 0;padding:24px 0 40px}
.hub-destination{display:flex;align-items:center;gap:20px;min-width:0;min-height:82px;padding:20px 26px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--text) 5%,var(--bg)),color-mix(in srgb,var(--text) 2%,var(--bg)));box-shadow:0 2px 3px #00000008;color:var(--text);font:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.destination-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:var(--accent)}.destination-icon>svg{width:28px;height:28px}.destination-icon>svg[viewBox="0 0 80 80"]{width:32px;height:32px}
.hub-destination>strong{font-size:17px;font-weight:500;letter-spacing:-.015em;line-height:1.35}.destination-arrow{margin-left:auto;display:grid;place-items:center;color:var(--muted);transition:transform .18s,color .18s}.destination-arrow>.icon{width:18px;height:18px}
.hub-destination:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--text) 20%,transparent);background:color-mix(in srgb,var(--text) 7%,var(--bg));transform:translateY(-1px)}.hub-destination:is(:hover,:focus-visible) .destination-arrow{color:var(--text);transform:translateX(3px)}.hub-destination:active{transform:none}
.access-stage{width:min(1400px,100%);min-height:calc(100svh - 86px);display:grid;grid-template-columns:1fr 440px;align-items:center;gap:clamp(70px,11vw,220px);margin:auto;padding:70px var(--hub-gutter)}
.access-identity{min-width:0;text-align:center}.access-identity>img{width:260px;height:260px;filter:drop-shadow(0 20px 40px #7eabff14)}.access-identity h1{font-size:clamp(36px,4vw,64px);letter-spacing:-.05em;margin:24px 0;white-space:nowrap}
.access-form{display:grid;gap:25px;background:none;border:0;box-shadow:none}.access-form h2{font-size:33px;letter-spacing:-.04em;margin:0 0 14px}.access-form>label:not(.remember-device){display:grid;gap:12px;font-size:14px}.access-form input:not([type=checkbox]){width:100%;min-height:54px;padding:12px 16px;font:inherit;font-size:16px;background:var(--hub-soft);border:0;border-radius:8px;color:var(--text)}
.access-form .remember-device{display:flex;align-items:start;gap:12px;font-size:14px;cursor:pointer}.remember-device input{width:18px;height:18px;margin:3px 0;accent-color:var(--accent)}.remember-device small{display:block;color:var(--muted);font-size:12px;margin-top:5px}#auth-status:empty{display:none}.access-secondary{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.access-secondary .text-link{font-size:13px;min-height:44px}
/* A neutral dialog is one surface, never a collection of nested cards. */
dialog,.service-preferences{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}
.settings-dialog{width:min(620px,calc(100% - 40px));max-height:86svh}.settings-dialog #overlay-content{padding:38px}.dialog-heading{margin-bottom:30px}.dialog-heading h2{font-size:28px;letter-spacing:-.04em}.preferences{display:grid;gap:32px}.preference-group{padding:0;border:0;display:grid;gap:16px}.preference-group h3{font-size:14px;margin:0;font-weight:500}.theme-choices{display:flex;gap:20px;flex-wrap:wrap}.theme-choice{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--muted);background:none;border:0;font:inherit;font-size:14px;min-height:44px}.theme-choice.active{color:var(--text)}.theme-dot{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #8885}.theme-dot.black{background:#050505}.theme-dot.dark{background:#171c24}.theme-dot.blue{background:#254171}.theme-dot.light{background:#fff}.theme-choice.active .theme-dot{box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--muted)}.language-choices{display:flex;gap:32px}.language-choices .active{color:var(--text);font-weight:650}
.preferences .permission-row{padding:6px 0;border:0;font-size:14px;gap:30px}.profile-summary{gap:8px}.profile-summary strong{font-size:20px}.profile-summary p{margin:0}.profile-summary small{color:var(--muted);font-size:12px;line-height:1.6}.preferences-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.device-disclosure{border:0;padding:0}.device-disclosure summary{list-style:none;display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px;cursor:pointer}.device-disclosure summary::-webkit-details-marker{display:none}.device-disclosure summary .icon:last-child{margin-left:auto;width:16px}.session-device{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;font-size:13px}.session-device>span{display:grid;gap:6px}.session-device small,.session-note{font-size:12px;color:var(--muted);line-height:1.7}.session-device strong small{display:block;color:var(--accent)}
.notification-dialog{width:min(550px,calc(100% - 32px));margin:95px 28px auto auto}.notification-dialog #overlay-content{padding:30px}.notification-dialog .notice-list{border:0;max-height:48svh}.notification-dialog .notification-item{border:0;padding:22px 0;gap:18px}.notification-dialog .notification-item>.icon{width:25px;height:25px}.notification-dialog .notification-item>span{font-size:14px}.notification-dialog .settings-section{border:0;padding-top:28px}.notification-dialog .notification-item>span>small{font-size:12px}
/* Catalog: generous imagery, one compact row of meaningful filters. */
.flix-layout{width:min(100%,2000px);grid-template-columns:190px minmax(0,1fr);gap:54px;padding:44px var(--hub-gutter) 110px}.flix-category-nav{gap:18px;padding-top:12px}.flix-category-nav>button{font-size:16px;gap:17px;min-height:52px}.flix-category-nav>button>.icon{width:24px;height:24px}.flix-category-nav .flix-nav-wordmark{font-size:18px}
.ondemand-catalog-picker{display:flex;justify-content:space-between;align-items:center;gap:24px;border:0;padding:0;margin:0 0 32px;flex-wrap:wrap}.ondemand-catalog-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ondemand-catalog-select-label{font-size:14px;display:flex;min-width:270px}.ondemand-catalog-filter{font-size:14px}.ondemand-config-button{font-size:14px}.ondemand-kicker,.ondemand-suggestion-copy>.eyebrow{display:none}.ondemand-header>div>p:last-child:empty{display:none}.ondemand-recommendations{margin-top:44px}
.ondemand-suggestion .flix-feature{min-height:clamp(420px,32vw,610px);border-radius:12px}.flix-feature-copy{width:min(60%,650px);padding:54px}.flix-feature-copy h1{font-size:clamp(36px,3.8vw,62px);line-height:1.05}.flix-feature-copy p{font-size:14px;line-height:1.8}.ondemand-page .live-grid{gap:32px 24px}
.flix-sort-menu,.flix-actions-menu{padding:10px;background:var(--bg);border-radius:12px;box-shadow:0 18px 50px #0005}.flix-sort-menu button,.flix-actions-menu button{font-size:14px;min-height:46px;padding:12px 16px}.flix-search{height:44px;box-shadow:none}.flix-search input{font-size:14px}.flix-search:focus-within{box-shadow:none;border-color:var(--muted)}.flix-tool-button{min-height:44px;font-size:13px}.flix-tool-button:hover{transform:none;filter:none;border-color:transparent}.flix-tool-button .icon{width:22px;height:22px}
/* Administration and PC share the same open layout. */
.live-admin-page{width:min(100%,var(--page));margin:auto;background:transparent;padding:46px var(--hub-gutter) 90px}.live-admin-shell{max-width:none}.live-admin-header{margin-bottom:42px}.live-admin-header h1{font-size:42px}.live-admin-card,.live-admin-metric-card,.live-admin-server-panel,.live-admin-section,.live-service-card,.live-admin-account-item,.live-admin-account-card,.live-admin-tv-card,.live-admin-audit-row,.live-admin-service-row{background:transparent!important;border:0!important;box-shadow:none!important}.live-admin-header{border:0;padding-bottom:10px}.live-admin-account,.live-admin-service,.live-admin-audit,.live-admin-action,.live-admin-disclosure{border:0;background:transparent;box-shadow:none}.live-admin-section{padding:28px 0}.live-admin-primary-services .live-admin-services-list{gap:28px 54px}.live-admin-services-list .live-admin-service{padding:24px 0}.live-admin-services-list .live-admin-service h3{font-size:18px}.live-admin-accounts-entry{background:var(--hub-soft);border:0;padding:28px}.live-admin-disclosure{margin-bottom:22px}.live-admin-disclosure summary{padding:20px 0;font-size:16px}.live-admin-system-disk{border:0;margin-top:30px}.live-admin-icon-button{border:0;background:transparent;min-width:44px;min-height:44px}.live-admin-icon-button svg{width:24px;height:24px}.live-admin-button{font-size:14px;min-height:44px;border:0}.live-admin-header p:not(.live-admin-eyebrow){display:none}.live-admin-overview-grid{gap:64px;margin-bottom:56px}.live-admin-card{padding:24px 0}.live-admin-services-grid{gap:36px 54px}.live-service-card{padding:24px 0}.live-admin-account-link{background:var(--hub-soft);border:0;border-radius:12px;padding:24px}.live-admin-account-link .icon{width:28px;height:28px}.live-admin-subnav{gap:28px;margin-bottom:40px}.live-admin-eyebrow{display:none}.live-admin-page .live-admin-service-icon{width:46px;height:46px;background:transparent}.live-admin-service-icon .icon{width:28px;height:28px}.live-admin-page .live-admin-service-title{font-size:18px}.live-admin-page .live-admin-service-description{font-size:13px}
.live-remote .remote-workspace{background:transparent;border:0;border-radius:0;box-shadow:none}.live-remote .remote-toolbar{padding:16px 0 24px;border:0;gap:20px}.live-remote .remote-accessories{padding:24px 0;gap:24px}.live-remote .remote-keyboard{padding:20px 0}.live-remote .page-heading>.muted{display:none}
/* Assistant: sidebar stays distinct through spacing; draft stays stable while streaming. */
.live-admin-page :is(.live-admin-small,.live-admin-measured,.live-admin-storage-numbers,.live-admin-facts dt,.live-admin-metric span,.live-admin-metric small){font-size:13px;line-height:1.7}.live-admin-page .live-admin-facts dd{font-size:14px}.live-admin-card-heading h2{font-size:19px}.live-admin-card-heading .icon{width:26px;height:26px}.live-admin-page .live-admin-status{font-size:12px}.live-admin-service p{font-size:13px}.live-admin-service-detail{font-size:13px!important}.live-admin-account-meta,.live-admin-permissions{border:0;padding-block:20px}.live-admin-account-meta dt{font-size:12px}.live-admin-account-meta dd{font-size:14px}.live-admin-account-name h3{font-size:19px}.live-admin-account-name p{font-size:13px}.live-admin-accounts-list{gap:38px}.live-admin-toggle{border:0;background:transparent;font-size:14px;padding:14px 0;gap:18px}.live-admin-toggle-grid{gap:16px 28px}.live-admin-permissions summary{font-size:14px;min-height:44px}.live-admin-tv-request{border:0;padding:26px 0}.live-admin-subgrid{gap:38px 54px}.live-admin-page .live-activity{background:transparent}.live-activity-list{gap:32px 54px}.live-activity-session{border:0;background:transparent;padding:24px 0}.live-activity-device-icon{background:transparent;width:46px;height:46px}.live-activity-device-icon .icon{width:29px;height:29px}.live-activity-identity h3{font-size:18px}.live-activity-session :is(dt,dd,p,time){font-size:13px}.live-admin-audit-list,.live-admin-action-list{gap:24px}.live-admin-audit :is(span,p,details),.live-admin-action :is(span,time){font-size:13px}.live-admin-action strong,.live-admin-audit strong{font-size:14px}
.agent-empty h2{text-wrap:balance}.agent-sidebar .agent-text-button svg{width:24px;height:24px}
.service-preferences{padding:38px;background:var(--bg);width:min(620px,calc(100% - 40px))}.service-preferences .settings-section{border:0;margin:30px 0}.service-preferences .theme-picker{display:flex;gap:20px;flex-wrap:wrap}.service-preferences .theme-option{display:flex;align-items:center;gap:10px;padding:8px 0;border:0;background:transparent;box-shadow:none;min-height:44px;width:auto}.service-preferences .theme-option strong{font-size:14px;font-weight:500}.service-preferences .theme-option small,.service-preferences .theme-sample>*{display:none}.service-preferences .theme-sample{width:20px;height:20px;min-height:20px;border-radius:50%;border:1px solid #8885;flex:none;margin:0}.service-preferences .theme-option.active .theme-sample{box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--muted)}.service-preferences .segmented{display:flex;gap:30px;border:0;background:none;padding:0}.service-preferences .segmented button{border:0;background:none;font-size:14px;padding:10px 0;box-shadow:none}.service-preferences .permission-row{font-size:14px;border:0;padding:15px 0}
.service-page .agent-page{max-width:var(--page);padding:42px var(--hub-gutter) 64px}.agent-page .page-heading{margin-bottom:38px}.agent-page .page-heading h1{font-size:33px;margin:0}.agent-layout{grid-template-columns:260px minmax(0,1fr);gap:60px;min-height:calc(100svh - 260px)}.agent-sidebar{border:0;padding:0 20px 0 0;min-width:0}.agent-sidebar h2{font-size:13px;text-transform:none;letter-spacing:0;font-weight:550;margin:30px 0 12px}.agent-sidebar .button{width:100%;justify-content:center}.agent-text-button,.agent-history-item{font-size:14px;min-height:44px;gap:12px;padding:12px 0}.agent-text-button svg,.agent-files svg{width:22px;height:22px}.agent-history{max-height:32svh;overflow:auto}.agent-main{min-width:0;padding:0 4%;justify-content:space-between}.agent-transcript{min-height:260px;max-height:calc(100svh - 470px);flex:1;padding:16px 0 32px}.agent-empty{max-width:none;display:grid;place-items:center;text-align:center;min-height:300px;padding:50px 0}.agent-empty h2{font-size:clamp(27px,2.8vw,40px);font-weight:500;line-height:1.3;max-width:580px}.agent-composer{background:var(--hub-soft);border:0;border-radius:22px;box-shadow:none;padding:22px 26px}.agent-composer:focus-within{border:0}.agent-composer textarea{font-size:16px;min-height:100px;resize:none;padding:4px 0 18px}.agent-composer-bottom{gap:16px}.agent-send{margin-left:auto}.agent-mode[hidden],.agent-privacy[hidden],.agent-status[hidden]{display:none!important}.agent-error:empty,.agent-events:empty{display:none}.agent-message{font-size:15px;margin-bottom:32px}.agent-message.user{background:var(--hub-soft);border:0;border-radius:16px;padding:20px 24px}.agent-voice-button{border:0;background:transparent;width:44px;min-height:44px}.agent-page .icon-button svg{width:24px;height:24px}.agent-dialog{padding:32px}.agent-dialog :is(input,select,textarea){background:var(--hub-soft);border:0;border-radius:8px;font-size:14px}
@media(min-width:1800px){.agent-layout{gap:90px}.agent-main{padding-inline:6%}}
@media(max-width:1100px){:root{--hub-gutter:32px}.access-stage{grid-template-columns:1fr 380px;gap:60px}.flix-layout{grid-template-columns:155px minmax(0,1fr);gap:24px}.flix-feature-copy{padding:34px}.agent-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.agent-main{padding:0}.top-nav{gap:18px}}
@media(max-width:760px){:root{--hub-gutter:24px}.brand{font-size:19px}.brand img{width:32px;height:32px}.standard-page,.service-page .standard-page,.live-admin-page{padding:32px 24px 110px}.page-heading{margin-bottom:30px}.flix-layout{display:block;padding:24px 24px 110px}.flix-category-nav{gap:12px;flex-direction:row}.flix-category-nav>button{font-size:14px;gap:9px}.ondemand-catalog-picker{margin-bottom:24px;gap:12px}.ondemand-catalog-select-label{min-width:200px}.ondemand-suggestion .flix-feature{min-height:440px}.flix-feature-copy{padding:30px;width:min(80%,500px)}.live-admin-overview-grid{gap:32px;grid-template-columns:1fr}.service-page .agent-page{padding:28px 24px 100px}.agent-layout{display:flex;flex-direction:column;gap:20px;min-height:0}.agent-sidebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:0}.agent-sidebar>.button{width:auto;min-width:44px}.agent-sidebar .ui-control{max-width:210px;flex:1}.agent-transcript{min-height:240px;max-height:48svh}.agent-empty{min-height:240px;padding:24px 0}.agent-empty h2{font-size:30px}.agent-composer{padding:18px}.agent-composer-bottom{gap:8px}.agent-send{margin-left:0}.access-stage{grid-template-columns:1fr;gap:32px;max-width:500px;padding:36px 24px 70px}.access-identity{display:flex;align-items:center;justify-content:center;gap:24px}.access-identity>img{width:90px;height:90px}.access-identity h1{font-size:30px;white-space:normal}.access-form h2{font-size:30px}.settings-dialog #overlay-content{padding:28px}.notification-dialog{margin:auto}.theme-choices{gap:16px}.theme-choice{font-size:13px}.theme-dot{width:18px;height:18px}}
@media(max-width:480px){.ondemand-suggestion .flix-feature{min-height:430px}.flix-feature-copy{width:100%;padding:28px}.flix-feature-copy h1{font-size:38px}.flix-feature-copy p{font-size:13px}.ondemand-catalog-select-label{min-width:0;max-width:240px}.ondemand-catalog-controls{max-width:calc(100% - 56px)}.flix-controls .flix-search input{font-size:16px}.agent-empty h2{font-size:27px}.agent-composer textarea{font-size:16px}.access-identity h1{font-size:29px}.preferences{gap:28px}}
body.tv{--page:1840px;--hub-gutter:60px}body.tv .flix-layout{padding-inline:60px;grid-template-columns:210px minmax(0,1fr);gap:54px}body.tv .flix-category-nav>button{font-size:19px;min-height:60px}body.tv .theme-choice,body.tv .preferences .permission-row{font-size:18px}


/* Mouse and touch do not show a focus ring; keyboard navigation remains visible. */
html[data-input-modality=pointer] :is(button,a,input,select,textarea,[tabindex]):focus{outline:none!important;box-shadow:none!important}
html[data-input-modality=keyboard] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--text)!important;outline-offset:4px;box-shadow:none!important}
html{scrollbar-color:color-mix(in srgb,var(--muted) 55%,transparent) transparent;scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 55%,transparent) transparent;-webkit-tap-highlight-color:transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border:2px solid transparent;border-radius:20px;background-clip:padding-box}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}
.ondemand-loading-note{display:none}

/* Side sculptures stay behind content and cannot intercept a click or a file drop. */
body{isolation:isolate}.hub-atmosphere{position:fixed;inset:86px 0 0;z-index:-1;pointer-events:none;overflow:hidden;--depth-x:0;--depth-y:0;contain:strict}
.ambient-light{position:absolute;width:36vw;height:90%;opacity:.85;filter:blur(10px);background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 9%,transparent),transparent 68%)}.ambient-light-left{left:-24vw;top:-15%}.ambient-light-right{right:-24vw;bottom:-15%}
.ambient-object{position:absolute;width:clamp(74px,8vw,160px);height:clamp(74px,8vw,160px);perspective:700px;opacity:.4;transform:translate3d(calc(var(--depth-x)*var(--travel,12px)),calc(var(--depth-y)*var(--travel,12px)),0);transition:transform .35s ease-out}
.ambient-object-1{left:-3%;top:7%;--angle:-28deg}.ambient-object-2{right:-3.5%;top:17%;--angle:28deg;--travel:-14px}.ambient-object-3{left:-3%;top:52%;--angle:18deg}.ambient-object-4{right:-3%;top:64%;--angle:24deg;--travel:-10px}.ambient-object-5{left:1%;top:84%;--angle:-36deg}.ambient-object-6{right:1%;top:-8%;--angle:-18deg;--travel:-8px}
.ambient-form{position:relative;width:100%;height:100%;transform:rotateZ(var(--angle,20deg)) rotateY(calc(var(--depth-x)*8deg));transform-style:preserve-3d;transition:transform .35s ease-out}
.ambient-crystal i{position:absolute;inset:14%;clip-path:polygon(50% 0,100% 25%,50% 100%,0 70%);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 80%,white),color-mix(in srgb,var(--accent) 25%,var(--bg)))}.ambient-crystal i:nth-child(2){transform:translateX(12%);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 20%,var(--bg)),color-mix(in srgb,var(--accent) 55%,var(--bg)));clip-path:polygon(85% 0,100% 25%,50% 100%,50% 70%)}.ambient-crystal i:nth-child(3){inset:14%;clip-path:polygon(50% 0,100% 25%,55% 33%,0 70%);background:linear-gradient(120deg,#ddecff99,transparent)}
.ambient-ribbon i{position:absolute;inset:10% 30%;border-radius:8px;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 16%,var(--bg)),color-mix(in srgb,var(--accent) 70%,white) 47%,color-mix(in srgb,var(--accent) 26%,var(--bg)) 53%);transform:rotateY(35deg) rotateZ(20deg)}.ambient-ribbon i:nth-child(2){transform:translate(22px,14px) rotateY(35deg) rotateZ(20deg);opacity:.65}.ambient-ribbon i:nth-child(3){transform:translate(-22px,-14px) rotateY(35deg) rotateZ(20deg);opacity:.4}
.ambient-sphere{width:68%;height:68%;margin:16%;border-radius:50%;background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--accent) 60%,white),color-mix(in srgb,var(--accent) 20%,var(--bg)) 42%,var(--bg) 78%);box-shadow:inset 1px 1px 2px #c9e3ff40}.ambient-sphere i{display:none}
body[data-route="home"] .ambient-object{opacity:.62}body[data-theme="light"] .ambient-object{opacity:.28}
body:is(.watching,.gaming) .hub-atmosphere{display:none}
@media(min-width:1800px){.hub-welcome{min-height:470px}.ambient-object-1{left:2%}.ambient-object-2{right:2%}.ambient-object-3{left:3%}.ambient-object-4{right:2%}.ambient-object-5{left:7%}.ambient-object-6{right:8%}}
@media(max-width:1200px){.hub-welcome{min-height:370px;padding-inline:3%}.hub-emblem img{max-width:300px}}
@media(max-width:760px){.hub-home{padding:18px 24px 100px}.hub-welcome{min-height:300px;gap:20px;padding:20px 0 24px}.hub-intro h1{font-size:60px}.hub-emblem img{max-width:205px}.hub-launcher{gap:14px;margin-top:12px;padding-top:16px}.hub-destination{gap:14px;padding:18px;min-height:74px}.hub-destination>strong{font-size:16px}.ambient-object{width:84px;height:84px;opacity:.2}.ambient-object-1,.ambient-object-3{left:-48px}.ambient-object-2,.ambient-object-4{right:-48px}.ambient-object-5,.ambient-object-6{display:none}.ambient-light{width:60vw}.ambient-light-left{left:-46vw}.ambient-light-right{right:-46vw}}
@media(max-width:600px){.hub-launcher{grid-template-columns:1fr;gap:12px}.hub-destination{min-height:68px;padding:16px 20px}.destination-icon,.destination-icon>svg{width:25px;height:25px}.destination-icon{flex-basis:25px}}
@media(max-width:480px){.hub-welcome{grid-template-columns:1fr 106px;gap:8px;min-height:260px}.hub-intro h1{font-size:51px;margin-bottom:26px}.hub-emblem img{width:115px;max-width:115px}.hub-intro .button{font-size:13px;padding:12px 14px;gap:8px}.hub-intro .button .icon:last-child{display:none}.hub-launcher{margin:0;padding:8px 0 24px}}
body.tv .hub-welcome{min-height:400px}body.tv .hub-launcher{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:1400px;gap:24px}body.tv .hub-destination{min-height:92px}body.tv .hub-destination>strong{font-size:22px}body.tv .hub-intro h1{font-size:86px}body.tv .ambient-object{opacity:.25}
@media(prefers-reduced-motion:reduce){.ambient-object,.ambient-form,.hub-destination,.destination-arrow{transition:none!important;transform:none!important}}
.reduced-motion :is(.ambient-object,.ambient-form,.hub-destination,.destination-arrow),body.tv :is(.ambient-object,.ambient-form){transition:none!important;transform:none!important}

/* Zeelm identity: approved ribbon mark and raster 3D hero. */
.brand{font-weight:700;letter-spacing:-.055em;font-size:25px;gap:10px}.brand img{width:36px;height:36px;object-fit:contain}
.hub-emblem .zelm-hero{width:min(100%,420px);height:auto;aspect-ratio:1;object-fit:contain;filter:none}
.access-identity>img{width:min(100%,320px);height:auto;aspect-ratio:1;object-fit:contain;filter:none}
.access-identity h1{font-weight:650}.hub-intro h1{font-weight:650;font-size:clamp(80px,8.5vw,148px);letter-spacing:-.065em;line-height:1.1}
@media(max-width:700px){.hub-emblem .zelm-hero{width:220px}.hub-intro h1{font-size:72px}.access-identity>img{width:180px}.brand{font-size:23px}}

/* Home mosaic: approved proposal 05, with larger touch targets and icons. */
.hub-launcher.hub-mosaic{width:min(100%,1260px);min-height:352px;grid-template-columns:1.1fr 1fr 1fr 1.1fr;grid-template-rows:repeat(2,minmax(154px,1fr));gap:18px;margin-top:30px;padding:26px 0 58px}
.hub-mosaic .hub-destination{position:relative;display:flex;min-height:0;padding:24px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--text) 8%,var(--bg)),color-mix(in srgb,var(--text) 2%,var(--bg)));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 12%,transparent),0 16px 34px color-mix(in srgb,#000 18%,transparent);gap:18px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.hub-mosaic .hub-destination-files{grid-column:1;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px}
.hub-mosaic .hub-destination-pc{grid-column:2 / span 2;grid-row:1}
.hub-mosaic .hub-destination-admin{grid-column:4;grid-row:1}
.hub-mosaic .hub-destination-minecraft{grid-column:2;grid-row:2}
.hub-mosaic .hub-destination-assistant{grid-column:3;grid-row:2}
.hub-mosaic .hub-destination-game{grid-column:4;grid-row:2}
.hub-mosaic .destination-icon{flex:0 0 52px;width:52px;height:52px;color:var(--accent)}
.hub-mosaic .destination-icon>svg{width:48px;height:48px}
.hub-mosaic .destination-icon>svg[viewBox="0 0 80 80"]{width:54px;height:54px}
.hub-mosaic .hub-destination-files .destination-icon{width:64px;height:64px;flex-basis:64px}
.hub-mosaic .hub-destination-files .destination-icon>svg{width:62px;height:62px}
.hub-mosaic .hub-destination>strong{font-size:17px;font-weight:500}
.hub-mosaic .hub-destination-files>strong{font-size:17px}
.hub-mosaic .hub-destination:not(.hub-destination-files){align-items:center;flex-direction:column;justify-content:center;gap:12px;text-align:center}
.hub-mosaic .hub-destination:not(.hub-destination-files) .destination-arrow{display:none}
.hub-mosaic .hub-destination:hover{border-color:color-mix(in srgb,var(--text) 24%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--text) 12%,var(--bg)),color-mix(in srgb,var(--text) 4%,var(--bg)));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 18%,transparent),0 20px 40px color-mix(in srgb,#000 25%,transparent);transform:translateY(-3px)}
.hub-mosaic .hub-destination:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,transparent);outline-offset:5px}
.hub-mosaic .hub-destination:active{transform:translateY(0)}
.hub-mosaic .hub-destination-assistant{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,var(--bg)),color-mix(in srgb,var(--text) 7%,var(--bg)));color:var(--text)}
.hub-mosaic .hub-destination-assistant .destination-icon{color:var(--text)}
body.tv .hub-launcher.hub-mosaic{grid-template-columns:1.1fr 1fr 1fr 1.1fr;grid-template-rows:repeat(2,minmax(170px,1fr));max-width:1520px;min-height:390px;gap:24px}
body.tv .hub-mosaic .destination-icon{flex-basis:64px;width:64px;height:64px}body.tv .hub-mosaic .destination-icon>svg{width:60px;height:60px}body.tv .hub-mosaic .hub-destination>strong{font-size:19px}
@media(max-width:900px){.hub-launcher.hub-mosaic{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;min-height:0;gap:16px}.hub-mosaic .hub-destination,.hub-mosaic .hub-destination-files,.hub-mosaic .hub-destination-pc,.hub-mosaic .hub-destination-admin,.hub-mosaic .hub-destination-minecraft,.hub-mosaic .hub-destination-assistant,.hub-mosaic .hub-destination-game{grid-column:auto;grid-row:auto;min-height:138px;padding:22px}.hub-mosaic .hub-destination-files{flex-direction:row;align-items:center;justify-content:flex-start}.hub-mosaic .hub-destination:not(.hub-destination-files){flex-direction:column}.hub-mosaic .hub-destination>strong,.hub-mosaic .hub-destination-files>strong{font-size:16px}}
@media(max-width:600px){.hub-launcher.hub-mosaic{grid-template-columns:1fr;gap:12px;margin-top:12px;padding:14px 0 28px}.hub-mosaic .hub-destination,.hub-mosaic .hub-destination-files{min-height:92px;padding:18px 20px;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.hub-mosaic .hub-destination:not(.hub-destination-files){flex-direction:row;justify-content:flex-start;gap:16px}.hub-mosaic .hub-destination:not(.hub-destination-files) .destination-arrow{display:grid}.hub-mosaic .destination-icon,.hub-mosaic .hub-destination-files .destination-icon{flex:0 0 48px;width:48px;height:48px}.hub-mosaic .destination-icon>svg,.hub-mosaic .hub-destination-files .destination-icon>svg{width:46px;height:46px}.hub-mosaic .hub-destination>strong,.hub-mosaic .hub-destination-files>strong{font-size:16px}}

.hub-mosaic .hub-destination-files .destination-arrow{display:none}
.hub-mosaic .hub-destination.hub-destination-pc{flex-direction:row;justify-content:flex-start;text-align:left;gap:24px}
.hub-mosaic:not(.hub-mosaic-count-6){grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-template-rows:auto;min-height:180px}
.hub-mosaic:not(.hub-mosaic-count-6) .hub-destination{grid-column:auto;grid-row:auto;min-height:170px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}
@media(max-width:600px){.hub-mosaic .hub-destination-pc,.hub-mosaic:not(.hub-mosaic-count-6) .hub-destination{min-height:92px;flex-direction:row;justify-content:flex-start;text-align:left}}