*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{font:13px 'Segoe UI',Arial,sans-serif;color:#e4e9f2;background:#060c13;min-height:780px;height:100svh;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #89b9ff;outline-offset:5px}button:disabled{opacity:.4;cursor:default}svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.atmosphere{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 39%,#1a2c438c 0%,#10223750 30%,#080f1a22 52%,#03080edd 95%),linear-gradient(105deg,#050b12,#101a27 49%,#050b12);z-index:-2}.atmosphere:after{content:'';position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.glass{background:linear-gradient(130deg,#111a2678,#09111aaa);border:1px solid #6685a520;box-shadow:inset 0 0 0 4px #03080d30,0 12px 38px #0003;backdrop-filter:blur(16px)}
.topbar{height:84px;padding:21px 28px;display:flex;align-items:center;gap:64px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;flex:1}.brand-mark{width:39px;height:43px;color:#6595f1;filter:drop-shadow(0 0 7px #256eff50)}.brand>a>span{font-size:23px;letter-spacing:1.5px;font-weight:500;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:5px;color:#c1ccde}.global-search{display:flex;align-items:center;gap:12px;width:390px;max-width:32vw;height:43px;padding:0 15px;text-align:left;color:#7e899c;border:1px solid #889db41b;border-radius:14px;box-shadow:inset 0 0 0 4px #1119255c;background:#090f1960;font-size:12px}.global-search svg{width:17px;height:17px;color:#c0cadd}.global-search kbd{margin-left:auto;background:#17202c66;padding:3px 6px;border:1px solid #68738914;border-radius:4px;color:#acb4c2;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:26px}.icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:32px;color:#b6bfcd;border-radius:7px}.icon-button:hover{color:white;background:#859dcc15}.icon-button svg{width:20px;height:20px}.profile{display:flex;align-items:center;gap:13px}.profile>span:first-child{background:linear-gradient(130deg,#3e4553,#242c36);border:1px solid #b0bfd018;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:14px}.profile svg{width:16px;height:16px}
.rail{position:absolute;left:20px;top:130px;bottom:220px;width:72px;border-radius:18px;padding:14px 12px;display:flex;align-items:center;flex-direction:column;gap:12px;z-index:5}.rail-item{display:grid;place-items:center;width:44px;min-height:42px;border-radius:12px;color:#a5afbc;transition:.2s}.rail-item svg{width:23px;height:23px}.rail-item:hover{background:#1c2b4170;color:#dde8f9}.rail-item.active{background:linear-gradient(145deg,#28486c90,#132953c0);color:#8dbbff;border:1px solid #91b6ec65;box-shadow:0 0 17px #477dd84a,inset 0 0 9px #5983c530}.rail-bottom{margin-top:auto;background:#14203370}.intro{position:absolute;top:112px;left:15%;z-index:3;pointer-events:none}.intro h1{font-size:29px;letter-spacing:-.7px;font-weight:400;margin:0 0 10px}.intro p{color:#b4becb;margin:0 0 18px;font-size:14px;font-weight:300}.health-pill{display:inline-flex;align-items:center;gap:9px;background:#08131a5c;border:1px solid #72889c1c;border-radius:13px;padding:8px 12px;font-size:11px;color:#c5cedd}.health-pill i,.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#62c394;box-shadow:0 0 9px #59b99525}#health-dot,.muted-dot{background:#8296b8}
.world{position:absolute;left:140px;right:245px;top:181px;bottom:162px;isolation:isolate}.world canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.hub-aura{position:absolute;left:53%;top:48%;width:60%;height:64%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#285dcc19,transparent 64%);filter:blur(24px);z-index:-1}.category{position:absolute;width:170px;margin-left:-85px;margin-top:-72px;height:137px;padding:0;display:flex;align-items:center;flex-direction:column;text-align:center;outline-offset:-3px;z-index:2;transition:transform .28s ease;--accent:#92baf1}.category:hover,.category:focus-visible{transform:translateY(-5px)}.category-tile{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(135deg,#33496540,#1b294d3d);box-shadow:inset 0 0 23px #91beec09,0 14px 35px #07102348;backdrop-filter:blur(6px);position:relative;margin-bottom:15px;color:var(--accent)}.category-tile:after{content:'';position:absolute;bottom:-9px;left:3px;right:3px;height:22px;border-radius:50%;background:var(--accent);filter:blur(16px);opacity:.16}.category-tile svg{width:31px;height:31px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent))}.category-label{font-size:14px;white-space:nowrap;color:#edf1f8;text-shadow:0 2px 8px #000}.category-count{font-size:11px;color:#8c9caf;margin-top:7px}.category:hover .category-tile{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 12%,transparent)}
.overview{position:absolute;right:21px;top:169px;width:232px;border-radius:17px;padding:20px 17px 18px;z-index:4}.overview h2{font-size:13px;font-weight:500;margin:0 0 23px;color:#f0f2f7}.overview dl{margin:0}.overview dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:17px;font-size:11px}.overview dt{color:#b3bdcb;display:flex;align-items:center;gap:12px}.overview dd{margin:0;color:#dce4ed;white-space:nowrap;display:flex;align-items:center;gap:7px}.overview dt svg{width:16px;height:16px;color:#bac5d7;stroke-width:1.2}.divider{height:1px;background:linear-gradient(90deg,#a0b5d319,#a0b5d307);margin:24px 0 19px}.overview .counts>div{margin-bottom:16px}.overview h3{font-size:12px;font-weight:400;margin:0 0 11px}.overview p{font-size:11px;color:#8f9aae;line-height:1.8;margin:0 0 17px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(115deg,#1b3565,#233c74);border:1px solid #668fc321;border-radius:6px;color:#bfd8fc;padding:10px 15px;font-size:12px}.primary:hover{background:linear-gradient(115deg,#264981,#2e508f);color:white}.primary svg{width:15px;height:15px}.connect-source{width:100%}
.action-dock{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 17px;border-radius:23px;width:800px;max-width:calc(100vw - 240px);z-index:5;box-shadow:inset 0 0 0 5px #04081135,0 -1px 1px #9ab8e241,0 20px 45px #0005;background:linear-gradient(160deg,#17213199,#080e178f)}.dock-action{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #8396b210;border-radius:11px;background:linear-gradient(130deg,#1d293737,#1117215c);height:53px;min-width:138px;font-size:13px}.dock-action svg{width:24px;height:24px;color:#b2bfd2}.dock-action.selected{border-color:#6a91d786;background:linear-gradient(140deg,#1c305a80,#0d1826b3);box-shadow:0 0 17px #294b9940,inset 0 0 11px #5485d71a}.dock-action.selected svg{color:#71a3ff;filter:drop-shadow(0 0 4px #609bff);width:26px;height:26px}.dock-action:hover{border-color:#8fa5c65f}.dock-divider{height:43px;width:1px;background:#77859e22;margin:0 1px}.dock-search{flex:1;display:flex;align-items:center;gap:12px;text-align:left;white-space:nowrap;color:#8595ab;height:53px;padding-left:8px;font-size:12px}.dock-search svg{color:#9ecbb3;width:21px;height:21px}.action-dock>.icon-button{margin-left:3px}.workspace-hint{position:absolute;left:24px;bottom:28px;display:flex;gap:16px;align-items:center;font-size:12px;color:#c0c9d5}.workspace-hint>span{background:#0b142080;border-radius:8px;padding:8px}.workspace-hint svg{width:15px;height:15px;color:#9cabbc}.workspace-hint small{display:block;color:#8290a4;margin-top:7px;font-size:11px}.floating-help{position:absolute;right:26px;bottom:31px;width:53px;height:53px;display:grid;place-items:center;border-radius:17px;color:#acbbd1}.scene-fallback{display:none;position:absolute;left:53%;top:48%;transform:translate(-50%,-50%);width:280px;height:150px;border-radius:50%;border:1px solid #77b3ed44;background:radial-gradient(ellipse,#3d69b96b,#112749,#091425);box-shadow:0 12px 0 #060f21,0 0 60px #508df433;text-align:center}.scene-fallback span{font-size:100px;line-height:135px;color:#bedaff;text-shadow:0 0 20px #609afc}.no-webgl .scene-fallback{display:block}
.modal{width:540px;max-width:calc(100vw - 32px);max-height:80vh;overflow:auto;border-radius:22px;color:#dbe6f6;padding:28px;background:linear-gradient(130deg,#142036f5,#091320fc);box-shadow:0 40px 120px #000b}.modal::backdrop{background:#020711b8;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7793bf}.modal h2{font-size:23px;font-weight:450;margin:7px 0 0}.modal p{color:#9eafc6;line-height:1.8}.modal label{display:grid;gap:8px;color:#afbed2;font-size:12px;margin:18px 0}.modal input{width:100%;border:1px solid #7994c130;background:#091323;color:#e1eaf8;border-radius:8px;padding:12px;outline-offset:2px}.modal-list{display:grid;gap:8px}.modal-row{width:100%;padding:13px;border:1px solid #718aaf23;border-radius:10px;display:flex;align-items:center;gap:15px;text-align:left;background:#17273c56;color:#dce7f9}.modal-row:hover{background:#22395875;border-color:#799ac75a}.modal-row svg{color:#90b8ec}.modal-row small{display:block;color:#8b9cb4;margin-top:4px;font-size:11px}.modal-row .arrow{margin-left:auto;color:#758ead}.modal .primary{margin-top:17px}.inline-note{font-size:11px!important;color:#7e91af!important}.setting{display:flex!important;align-items:center;justify-content:space-between}.setting input{width:auto}.toast{position:fixed;bottom:170px;left:50%;transform:translate(-50%,12px);padding:12px 20px;border-radius:12px;color:#c9d9ef;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}body.high-contrast .atmosphere{filter:brightness(1.65)}body.high-contrast .glass{border-color:#7c9dc447}body.high-contrast .category-count{color:#becde2}
@media(max-height:850px) and (min-width:801px){body{min-height:660px}.intro{top:95px}.intro h1{font-size:25px}.intro p{font-size:12px;margin-bottom:12px}.world{top:157px;bottom:120px}.rail{top:120px;bottom:155px;gap:8px;padding:10px}.rail-item{min-height:36px}.overview{top:130px;padding:16px;width:218px}.overview h2{margin-bottom:17px}.overview dl>div,.overview .counts>div{margin-bottom:11px}.divider{margin:17px 0}.overview p{margin-bottom:12px}.action-dock{bottom:49px;padding:9px 14px}.workspace-hint{bottom:14px}.floating-help{bottom:16px}.category{margin-top:-62px}.category-tile{width:54px;height:54px;margin-bottom:11px}.category-label{font-size:12px}.category-count{font-size:10px;margin-top:5px}}
@media(max-width:1100px){.topbar{gap:20px}.top-actions{gap:16px}.global-search{width:300px}.world{left:87px;right:210px}.overview{right:14px;width:199px}.intro{left:130px}.category{width:140px;margin-left:-70px}.category-label{font-size:12px}.action-dock{max-width:calc(100vw - 170px);width:720px}.dock-action{min-width:115px}.rail{left:14px;width:62px}}
@media(max-width:800px){body{overflow:auto;height:auto;min-height:100svh}.topbar{padding:18px;height:78px;gap:12px}.brand>a>span{font-size:19px}.brand-mark{width:32px}.global-search{max-width:none;width:40px;padding:10px}.global-search>span:nth-child(2),.global-search kbd{display:none}.top-actions{gap:12px}.top-actions>.icon-button{display:none}.profile{gap:5px}.rail{top:100px;bottom:auto;height:440px;width:52px;padding:8px 5px;left:10px;gap:6px}.rail-item{width:36px;min-height:38px}.intro{position:relative;top:auto;left:auto;margin:25px 20px 0 85px}.intro h1{font-size:23px;max-width:300px;line-height:1.4}.intro p{font-size:12px;max-width:300px;line-height:1.8}.world{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:15px 10px 0 65px;height:490px}.category{width:115px;margin-left:-57px}.category-tile{width:47px;height:47px;border-radius:12px;margin-bottom:12px}.category-tile svg{width:26px}.category-label{font-size:10px}.category-count{font-size:9px}.overview{position:relative;top:auto;right:auto;width:auto;margin:0 20px 125px 85px}.counts{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.action-dock{position:fixed;bottom:15px;width:calc(100vw - 30px);max-width:none;padding:8px;gap:5px;border-radius:17px}.dock-action{flex:1;min-width:0;gap:8px;height:45px;font-size:12px}.dock-search,.dock-divider{display:none}.action-dock>.icon-button{margin:0 8px}.workspace-hint,.floating-help{display:none}.toast{bottom:90px;width:max-content;max-width:90vw}.scene-fallback{width:170px;height:100px}.scene-fallback span{font-size:70px;line-height:90px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Connect home: retain the glass category controls in a simple, flat grid. */
.world{left:15%;right:275px;top:250px;bottom:180px;display:flex;align-items:center;justify-content:center}
#categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:10px;row-gap:32px;width:min(100%,660px);align-items:start}
#categories>.category{grid-column:span 2}
#categories>.category:nth-child(7){grid-column:2/span 2}
#categories>.category:nth-child(8){grid-column:4/span 2}
.world .category{position:relative;left:auto;top:auto;margin:0;width:100%;height:137px}
@media(max-height:850px) and (min-width:801px){.world{top:220px;bottom:130px}#categories{row-gap:10px}.world .category{height:116px}}
@media(max-width:1100px) and (min-width:801px){.world{left:110px;right:225px}#categories{column-gap:8px}.category-label{font-size:11px}}
@media(max-width:800px){.world{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:45px 20px 40px 85px;height:auto;display:block}#categories{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:25px;margin-inline:auto}#categories>.category:nth-child(n){grid-column:auto}.world .category{height:130px}}

/* Individual isometric pedestals stay with the category buttons in the grid. */
.world .category{--tile-size:62px;isolation:isolate}
.world .category:before{content:'';position:absolute;z-index:0;pointer-events:none;left:50%;top:calc(var(--tile-size) - 14px);transform:translateX(-50%);width:96px;height:34px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),linear-gradient(170deg,#243b57c9,#0c1b2dda);box-shadow:inset 0 1px 2px #bfdcff26,0 5px 0 #081326d9,0 9px 15px #0005,0 0 25px color-mix(in srgb,var(--accent) 12%,transparent)}
.world .category:after{content:'';position:absolute;z-index:0;pointer-events:none;left:50%;top:calc(var(--tile-size) - 23px);transform:translateX(-50%);width:146px;height:55px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);background:radial-gradient(ellipse closest-side,transparent 70%,color-mix(in srgb,var(--accent) 11%,transparent) 72%,transparent 74%)}
.world .category-tile{z-index:1;margin-bottom:24px}
.world .category-label,.world .category-count{position:relative;z-index:2}
.world .category:hover:before,.world .category:focus-visible:before{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:inset 0 1px 3px #bfdcff40,0 5px 0 #081326d9,0 9px 15px #0005,0 0 30px color-mix(in srgb,var(--accent) 23%,transparent)}
@media(max-height:850px) and (min-width:801px){.world .category{--tile-size:54px}}
@media(max-width:800px){.world .category{--tile-size:47px}.world .category:before{width:82px;height:29px}.world .category:after{width:118px;height:47px}}

.ambient-orbits{position:absolute;left:-8%;top:-30%;width:116%;height:160%;object-fit:fill;pointer-events:none;z-index:0}
#categories{position:relative;z-index:1}

.brand-toggle{display:grid;place-items:center;padding:0;flex:none;border-radius:9px}
.brand-toggle:hover,.brand-toggle[aria-expanded="true"]{filter:drop-shadow(0 0 8px #588be566)}
.rail{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-18px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.rail.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}