@import"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,600&display=swap";:root{--accent: #7c3aed;--ink: #34264c}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{min-height:100dvh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;background:radial-gradient(135% 120% at 50% -12%,#fdf9f1,#f6efe1,#eee4d2);overflow:hidden}.scene{position:relative;width:100%;height:100dvh;display:grid;place-items:center;isolation:isolate}.blob{position:absolute;border-radius:50%;filter:blur(110px);z-index:0;animation:drift 26s ease-in-out infinite}.blob-a{width:480px;height:480px;background:#7c3aed;top:2%;left:8%;opacity:.3}.blob-b{width:440px;height:440px;background:#2dd4bf;bottom:4%;right:6%;opacity:.28;animation-delay:-9s}.blob-c{width:380px;height:380px;background:#84cc16;bottom:16%;left:28%;opacity:.2;animation-delay:-17s}.blob-d{width:360px;height:360px;background:#f5b301;top:8%;right:16%;opacity:.22;animation-delay:-22s}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(34px,-26px) scale(1.08)}}.glass{position:relative;border-radius:50%;background:linear-gradient(150deg,#ffffff9e,#ffffff3d);backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 2px 1px #fffffff2,inset 0 -12px 24px #7850aa1a,0 24px 52px #5a3c822e,0 6px 16px #5a3c821a}.glass:after{content:"";position:absolute;top:7%;left:13%;width:58%;height:34%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.85),transparent 70%);filter:blur(4px);pointer-events:none}.center{position:relative;z-index:3;width:210px;height:210px;display:grid;place-items:center;text-decoration:none;animation:float-center 6s ease-in-out infinite}.center img{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(90,60,130,.3))}@keyframes float-center{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}.apps{display:contents}.node{position:absolute;z-index:2;transform:translate(-50%,-50%);text-decoration:none;color:#fff}.bob{display:flex;flex-direction:column;align-items:center;gap:11px;animation:float-node var(--dur, 5.6s) ease-in-out infinite;will-change:transform}.node .disc{width:102px;height:102px;display:grid;place-items:center;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.6)),color-mix(in srgb,var(--accent) 90%,rgba(0,0,0,.1)));border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.7));box-shadow:inset 0 2px 2px #fff9,inset 0 -10px 18px #00000029,0 18px 38px color-mix(in srgb,var(--accent) 26%,transparent),0 5px 14px #3c285a24;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.node .disc .iconplate{display:grid;place-items:center;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff,#eef0f5 78%);box-shadow:inset 0 1px 2px #fffffff2,inset 0 -3px 8px #0000001f,0 3px 8px #00000038}.node .disc .iconplate img{width:76%;height:76%;object-fit:contain}.node .disc img.bare{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.node .disc .glyph{font-size:40px;line-height:1}.node .disc .wordmark{font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:600;font-size:34px;line-height:1;color:#fff;letter-spacing:.5px;text-shadow:0 1px 8px rgba(0,0,0,.35)}.node .disc .wordmark .dot{color:var(--accent)}.node .label{font-size:13px;font-weight:600;letter-spacing:.2px;color:var(--ink);opacity:.82;text-shadow:0 1px 0 rgba(255,255,255,.6)}.node:hover .disc{transform:scale(1.1);box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -8px 16px #00000024,0 24px 46px color-mix(in srgb,var(--accent) 34%,transparent),0 0 30px -1px var(--accent)}.node:hover .label{opacity:1}@keyframes float-node{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.workspace{position:relative;display:flex;width:100%;height:100dvh;z-index:1}.stage{position:relative;flex:1 1 auto;min-width:0;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#fff,#f6efe1)}.appframe{position:relative;z-index:1;width:100%;height:100%;border:0;display:block;background:#fff}.stage-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;pointer-events:none}.stage.loaded .stage-loader{display:none}.stage-loader .spin{width:44px;height:44px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 24%,rgba(0,0,0,.08));border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-note{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(560px,88%);padding:10px 12px 10px 16px;border-radius:14px;font-size:13px;color:var(--ink);background:linear-gradient(150deg,#ffffffd1,#ffffff9e);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 30px #5a3c822e}.auth-note-x{flex:none;width:22px;height:22px;border:0;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;color:var(--ink);background:#0000000f}.auth-note-x:hover{background:#0000001f}.rail{flex:0 0 5%;min-width:66px;max-width:104px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 5px 80px;overflow-y:auto;border-left:4px solid #111111;background:linear-gradient(180deg,#ffffff80,#ffffff47);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.rail-home{flex:none;width:100%;max-width:78px;aspect-ratio:1 / 1;border-radius:18px;border:1px solid rgba(255,255,255,.75);cursor:pointer;display:grid;place-items:center;background:linear-gradient(150deg,#ffffffad,#ffffff57);box-shadow:inset 0 2px 2px #ffffffe6,inset 0 -8px 14px #7850aa14,0 10px 22px #5a3c8229;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.rail-home img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(90,60,130,.28))}.rail-home:hover{transform:translateY(-2px) scale(1.06)}.rail-apps{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rail-tile{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:2px 0;border:0;background:transparent;cursor:pointer}.rail-disc{position:relative;width:100%;max-width:78px;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:18px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.6)),color-mix(in srgb,var(--accent) 90%,rgba(0,0,0,.1)));border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.7));box-shadow:inset 0 2px 2px #fff9,inset 0 -8px 14px #00000029,0 10px 22px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.rail-tile:hover .rail-disc{transform:scale(1.08)}.rail-tile.active .rail-disc{box-shadow:inset 0 2px 2px #ffffffb3,0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent),0 10px 24px color-mix(in srgb,var(--accent) 34%,transparent)}.rail-disc .railimg{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.rail-disc .railimg.plated{width:66%;height:66%;padding:8%;border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff,#eef0f5 78%);box-shadow:inset 0 1px 2px #fffffff2,0 2px 6px #0003;filter:none}.rail-disc .railword{font-family:Cormorant,Georgia,serif;font-style:italic;font-weight:600;font-size:20px;line-height:1;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}.rail-disc .railword .dot{color:var(--accent);filter:brightness(1.6)}.rail-disc .railglyph{font-size:24px;color:#fff}.rail-ext{position:absolute;top:-5px;right:-5px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;color:var(--ink);background:#ffffffeb;box-shadow:0 2px 6px #5a3c8247}.gearext{color:color-mix(in srgb,var(--ink) 55%,transparent);font-size:14px}.rail-label{font-size:9.5px;font-weight:600;letter-spacing:.05px;color:var(--ink);opacity:.7;text-align:center;line-height:1.05;max-width:100%}.rail-tile.active .rail-label{opacity:1}.gearwrap{position:fixed;right:20px;bottom:20px;z-index:50}.gearwrap.in-rail{right:calc(clamp(66px,5vw,104px)/2 - 22px);bottom:16px}.gearwrap.in-rail .gearbtn{width:44px;height:44px}.gearbtn{width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--ink);border:1px solid rgba(255,255,255,.8);background:linear-gradient(150deg,#ffffffb8,#fff6);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px 1px #fffffff2,0 12px 28px #5a3c8238;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.gearbtn:hover{transform:rotate(45deg)}.gearwrap.open .gearbtn{transform:rotate(90deg)}.gearmenu{position:absolute;right:0;bottom:calc(100% + 12px);width:232px;padding:8px;border-radius:16px;opacity:0;transform:translateY(8px) scale(.97);transform-origin:bottom right;pointer-events:none;transition:opacity .18s ease,transform .18s ease;background:linear-gradient(150deg,#ffffffe6,#ffffffb3);backdrop-filter:blur(24px) saturate(185%);-webkit-backdrop-filter:blur(24px) saturate(185%);border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 60px #5a3c8247}.gearwrap.open .gearmenu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.gearmenu-head{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 62%,transparent);padding:8px 10px 6px}.gearitem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;cursor:pointer;background:transparent;color:var(--ink);font-size:14px;font-weight:600;text-align:left}.gearitem:hover{background:#7c3aed1a}.gearitem.current{background:#7c3aed14}.gearitem.disabled{opacity:.45;cursor:default}.gearitem.disabled:hover{background:transparent}.gearswatch{flex:none;width:14px;height:14px;border-radius:5px;box-shadow:inset 0 0 0 1px #0000001f}.gearname{flex:1 1 auto}.gearstar{color:#f5b301;font-size:15px}.gearvicon{flex:none;width:14px;text-align:center;opacity:.6}.geardiv{height:1px;margin:6px 4px;background:#00000014}@media(prefers-reduced-motion:reduce){.blob,.center,.bob{animation:none!important}.center,.gearbtn:hover,.gearwrap.open .gearbtn{transform:none}.stage-loader .spin{animation:none}}@media(max-width:720px){.workspace{flex-direction:column;height:100dvh}.stage{flex:1 1 auto}.rail{flex:0 0 auto;max-width:none;min-width:0;width:100%;flex-direction:row;border-left:0;border-top:4px solid #111111;padding:10px 12px;gap:12px;overflow-x:auto;overflow-y:hidden}.rail-apps{flex-direction:row;width:auto;gap:12px}.rail-tile{width:auto}.rail-disc,.rail-home{width:52px;max-width:none}.rail-label{display:none}.gearwrap,.gearwrap.in-rail{right:14px;bottom:76px}.gearwrap.in-rail .gearbtn{width:52px;height:52px}}@media(max-width:720px){body{overflow-y:auto}.scene{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;height:auto;min-height:100dvh;padding:52px 20px}.center{width:156px;height:156px;animation:none;transform:none}.apps{display:grid;grid-template-columns:1fr 1fr;gap:30px 36px;place-items:center}.node{position:static;transform:none}.node .disc{width:96px;height:96px}}