:root{color-scheme:dark;--ink:#f2f3ff;--muted:#b1b5ca;--dim:#7e849d;--glass:rgba(12,17,28,.91);--edge:rgba(174,186,223,.35);--line:rgba(171,184,225,.14);--violet:#8d84ff;--ice:#b5caff;--glow:0 0 5px #d4dcff,0 0 16px #7164f4,0 0 34px #574bd866;--radius:16px;--scale:1;font-family:"Segoe UI",Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#03060d;color:var(--ink)}body{min-height:100svh;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button{border:0;background:none}button,input{ -webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #d1dcff;outline-offset:4px}button:focus:not(:focus-visible),h1:focus:not(:focus-visible){outline:none}input,select{color:var(--ink)}[hidden]{display:none!important}svg.icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}p,h1,h2,h3{margin:0}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:12px;z-index:100;color:#fff;background:#191630;padding:12px;border:2px solid var(--ice);border-radius:8px}.skip-link:focus{top:12px}.scene{position:absolute;left:50%;top:50%;width:1536px;height:864px;transform:translate(-50%,-50%) scale(var(--scale));transform-origin:center;isolation:isolate}.environment,.ambient-light,.stardust{position:absolute;inset:0;pointer-events:none}.environment{z-index:-4;background:#03060c url("assets/environment.webp") center/cover no-repeat}.ambient-light{z-index:-3;background:radial-gradient(ellipse at 50% 36%,#3d3d991c,transparent 48%),linear-gradient(0deg,#0708100d,transparent)}.stardust{z-index:-2;overflow:hidden}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#cbd1ff;box-shadow:0 0 7px #a799ff;animation:twinkle var(--period,6s) ease-in-out var(--delay,0s) infinite alternate;opacity:.4}@keyframes twinkle{from{opacity:.15;transform:scale(.7)}to{opacity:.8;transform:scale(1.15)}}
.sidebar{position:absolute;left:25px;top:23px;width:163px;height:616px;z-index:8}.brand{display:block;text-align:left;width:100%;padding:0 8px;letter-spacing:10px;font-size:28px;font-weight:300;line-height:1.05}.brand-period{letter-spacing:0;font-size:16px}.brand small{display:block;font-size:10px;letter-spacing:8px;margin-top:7px}.sidebar nav{margin-top:27px;display:flex;flex-direction:column;gap:6px}.nav-item{height:43px;width:162px;border-radius:9px;display:flex;gap:18px;align-items:center;text-align:left;padding:0 17px;font-size:14px;border:1px solid transparent;color:#d2d3df;transition:background .2s,border-color .2s,box-shadow .2s}.nav-item svg.icon{width:24px;height:24px}.nav-item:hover{background:#ffffff09;border-color:#7d85ad55}.nav-item.active{background:linear-gradient(100deg,#5363a750,#222738d4);border-color:#a6b9ff85;box-shadow:inset 0 0 10px #97aaff26,0 0 13px #707df442;color:white}.nav-item.active svg{filter:drop-shadow(0 0 6px #b5c6ff);fill:#bbc9ff33}.settings-nav{margin-top:32px}.sidebar-manifesto{font-size:8px;letter-spacing:4px;line-height:1.85;margin:67px 0 0 14px;color:#aaaec0}.topbar{position:absolute;inset:0 0 auto 0;height:80px;z-index:5}.orbit-heading{position:absolute;top:28px;left:410px;width:645px;text-align:center}.orbit-heading>div{font-size:17px;letter-spacing:8px;font-weight:400;color:#d9dced}.orbit-heading p{font-size:8px;letter-spacing:3px;margin-top:12px;color:#b8bbd2;white-space:nowrap}.orbit-heading b{margin:0 12px;color:#e2e5fa}.system-strip{position:absolute;right:28px;top:19px;height:46px;display:flex;align-items:center;gap:19px}.clock{padding:0 17px 0 0;border-right:1px solid #b3badd35;min-width:83px}.clock time{font-size:13px;letter-spacing:1px}.clock small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.system-button{display:flex;align-items:center;gap:9px;padding:7px 0;min-height:40px}.system-button>span:last-child{font-size:11px;text-align:left;line-height:1.4}.system-button small{display:block;font-size:9px;color:#b7bccf}.network-state{opacity:.8}.account-orb{border:1px solid #c4c6d0;box-shadow:inset 0 0 8px #ffffff40;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#05060a}.account-orb svg{width:25px;height:25px}.home-view{position:absolute;inset:0}.experience-intro{position:absolute;left:535px;top:76px;width:440px;text-align:center}.mascot-stage{height:136px;position:relative;isolation:isolate}.mascot{position:absolute;left:50%;top:0;transform:translateX(-50%);width:255px;height:136px;object-fit:contain;mask-image:radial-gradient(ellipse at 50% 62%,#000 30%,#000 48%,transparent 75%);animation:mascot-float 7s ease-in-out infinite}.mascot-ring{position:absolute;left:50%;top:13px;width:411px;height:105px;border-radius:50%;border:1px solid #7a7eff69;box-shadow:inset 0 0 12px #6c68ff1f,0 0 7px #6f6bff65;transform:translateX(-50%) rotate(-5deg);z-index:-1}.ring-two{width:323px;height:86px;top:26px;transform:translateX(-50%) rotate(9deg);opacity:.65}.mascot-spark{position:absolute;left:50%;top:64px;width:5px;height:5px;border-radius:50%;background:#e4ebff;box-shadow:0 0 10px #aabbff;animation:mascot-orbit 14s linear infinite;transform-origin:center}.experience-intro h1{font-size:11px;letter-spacing:4.3px;font-weight:500;margin:4px 0 5px}.experience-intro>p{font-size:8px;letter-spacing:2.5px;color:#aeb5d1}@keyframes mascot-float{50%{transform:translate(-50%,-4px)}}@keyframes mascot-orbit{0%{transform:translate(195px,0) scale(.6)}25%{transform:translate(0,49px) scale(1.2)}50%{transform:translate(-195px,0) scale(.6)}75%{transform:translate(0,-49px) scale(.3)}100%{transform:translate(195px,0) scale(.6)}}
.main-orbit{position:absolute;left:125px;top:186px;width:1285px;height:380px;pointer-events:none;z-index:-1;transform:rotate(-1deg)}.main-orbit svg{width:100%;height:100%;overflow:visible}.orbit-line{stroke-width:1.15;filter:drop-shadow(0 0 5px #9185ff)}.orbit-line.faint{opacity:.4}.orbit-sweep{stroke-width:2;stroke-dasharray:140 2800;filter:drop-shadow(0 0 5px #8c9bff);animation:orbit-run 22s linear infinite;opacity:.9}.orbit-sweep.second{stroke-dasharray:50 2800;animation:orbit-run 33s linear infinite reverse;opacity:.7}@keyframes orbit-run{to{stroke-dashoffset:-3000}}
.carousel-region{position:absolute;top:264px;left:186px;width:1170px;height:242px}.carousel{position:relative;width:100%;height:232px;perspective:1100px;outline-offset:10px}.experience-card{position:absolute;overflow:hidden;padding:0;border:1px solid #b6c1faab;border-radius:10px;background:#070a13;isolation:isolate;transform:perspective(700px) rotateY(var(--tilt,0deg));box-shadow:inset 0 0 5px #b7c6ff45,0 0 8px #9594ff45;transition:left .65s cubic-bezier(.22,.7,.24,1),top .65s,width .65s,height .65s,transform .65s,box-shadow .3s;will-change:transform;color:white;z-index:2}.experience-card:hover{box-shadow:inset 0 0 6px #b7c6ff4d,0 0 17px #9692ff6f}.experience-card.is-selected{border:2px solid #cbd4ff;box-shadow:var(--glow);z-index:4;border-radius:15px}.card-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform 1.1s;transform:scale(1.02)}.experience-card.is-selected .card-art{animation:world-breathe 15s ease-in-out infinite}.card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060812 0%,#060812e6 12%,#06081200 56%)}.card-copy{position:absolute;bottom:15px;left:11px;right:11px;text-align:center}.card-copy>span:first-child{display:inline-block;margin:0 auto 6px}.card-copy svg{width:25px;height:25px}.card-copy strong{display:block;font-weight:500;font-size:12px;letter-spacing:1.3px;line-height:1.3}.card-copy small{display:block;font-size:8px;letter-spacing:2.7px;margin-top:6px;color:#d2d5e6}.card-description{display:none}.card-enter{display:none}.is-selected .card-copy{text-align:left;left:21px;right:13px;bottom:13px}.is-selected .card-copy>span:first-child{display:none}.is-selected .card-copy strong{font-size:16px;letter-spacing:2px}.is-selected .card-copy small{margin-top:4px;font-size:9px;letter-spacing:2.7px}.is-selected .card-description{display:block;font-size:10px;letter-spacing:0;margin-top:8px;color:#bcc3da;font-style:normal}.is-selected .card-enter{display:grid;position:absolute;right:3px;bottom:6px;width:42px;height:42px;place-items:center;border:1px solid #b3c1ff9e;border-radius:50%;background:linear-gradient(135deg,#6174b894,#232b4cc9);box-shadow:inset 0 0 11px #c4d0ff2e}.card-enter svg{width:22px;height:22px}.is-selected .card-copy strong,.is-selected .card-copy small,.is-selected .card-description{max-width:calc(100% - 43px)}@keyframes world-breathe{50%{transform:scale(1.065) translateY(-2px)}}.carousel-controls{position:absolute;bottom:-42px;left:422px;display:flex;align-items:center;justify-content:center;gap:15px;width:278px;z-index:5}.round-button{width:32px;height:32px;border:1px solid #a9b7e662;border-radius:50%;display:grid;place-items:center;background:#0c1222ae;flex-shrink:0}.round-button:hover{background:#49518665}.round-button svg{width:17px;height:17px}.carousel-controls .round-button{width:26px;height:26px;opacity:.75}.carousel-controls>span{font-size:9px;color:#c4c9e3;letter-spacing:1.3px}.experience-verbs{position:absolute;left:399px;top:522px;width:654px;display:flex;justify-content:space-between;color:#c0c2d8;font-size:7px;letter-spacing:2.5px;opacity:.8}.experience-verbs i{font-style:normal}.glass-panel{background:linear-gradient(125deg,#202635bd,#0c1019eb 53%,#141925eb);border:1px solid #a9b4d55e;box-shadow:inset 0 1px 1px #ecedff28,0 3px 11px #0006;border-radius:16px;backdrop-filter:blur(14px)}.activity-panels{position:absolute;left:209px;top:558px;width:1102px;height:181px;display:grid;grid-template-columns:362px 301px 1fr;gap:11px}.activity-panels>.glass-panel{overflow:hidden;padding:12px 13px}.panel-heading{display:flex;align-items:center;justify-content:space-between;height:16px;margin-bottom:9px;gap:8px}.panel-heading h2{font-size:13px;font-weight:500}.tiny-arrow{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #91a3d85c;background:#6b7b9b36}.tiny-arrow svg{width:15px;height:15px}.text-button{display:flex;align-items:center;gap:2px;padding:2px 0;font-size:9px;color:#a8aec6}.text-button svg{width:12px;height:12px}.text-button:hover{color:#eef0ff}.continue-art{height:109px;border-radius:9px;overflow:hidden;background:linear-gradient(0deg,#09101bee,transparent 80%),url("assets/islands.webp") 50% 50%/cover;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 10px 8px;border:1px solid #a8b6e770}.continue-art h3{font-size:14px;font-weight:500}.continue-art p{font-size:10px;color:#c3c9df;margin-top:4px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:33px;border:1px solid #a2b4f18c;border-radius:30px;padding:5px 13px;background:linear-gradient(140deg,#6279a16b,#252b45af);box-shadow:inset 0 0 6px #a3b9e930;font-size:11px;white-space:nowrap}.pill-button:hover{background:linear-gradient(140deg,#839ddba6,#414d72b5)}.pill-button svg{width:17px;height:17px}.resume-note{font-size:9px;display:flex;gap:6px;align-items:center;color:#b8c1dc;margin-top:8px}.small-light{height:3px;width:64px;border-radius:9px;background:linear-gradient(90deg,#b4c5ff,#4654a533);box-shadow:0 0 6px #96adff5c}.presence-row{display:flex;align-items:center;gap:11px;min-height:39px;border-bottom:1px solid #a3adcf0f}.presence-row:last-child{border-bottom:0}.presence-orb{border:1px solid #8c9cc35a;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 20%,#778bda40,#070a12);flex:none;box-shadow:inset 0 0 7px #8e8eff1c}.presence-orb svg{width:16px;height:16px;color:#d4dbfa}.presence-row h3{font-size:10px;font-weight:500}.presence-row p{font-size:9px;color:#acb5ce;margin-top:4px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recommendation-grid>button{text-align:left;padding:0;min-width:0}.recommendation-grid img{height:84px;width:100%;object-fit:cover;border-radius:7px;border:1px solid #a2b2e477;transition:filter .2s}.recommendation-grid button:hover img{filter:brightness(1.2)}.recommendation-grid strong{display:block;font-weight:400;font-size:11px;margin-top:7px}.recommendation-grid small{display:block;color:#b2b7cb;font-size:9px;margin-top:4px}.bottom-dock{position:absolute;left:408px;top:757px;width:690px;height:88px;display:flex;align-items:center;justify-content:space-around;border-radius:32px;z-index:5;background:linear-gradient(180deg,#292f3ccf,#0e121bdc)}.bottom-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;height:83px;gap:4px;padding:0;border-radius:28px}.bottom-dock>button:hover{background:#a7b0e10b}.dock-icon{display:grid;place-items:center;background:linear-gradient(135deg,#7883a465,#252c3fac);border:1px solid #9ea9d028;border-radius:50%;width:32px;height:32px}.dock-icon svg{width:19px;height:19px}.bottom-dock strong{font-weight:400;font-size:10px}.bottom-dock small{font-size:9px;color:#bcc1d5}.bottom-dock .dock-mascot{flex:0 0 92px}.dock-mascot img{width:83px;height:78px;object-fit:contain;border-radius:50%;mask-image:radial-gradient(ellipse,#000 47%,transparent 74%);animation:dock-glow 7s ease-in-out infinite}@keyframes dock-glow{50%{filter:brightness(1.2);transform:scale(1.03)}}.site-footer{position:absolute;left:25px;right:27px;bottom:19px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;font-size:7px;letter-spacing:2px;line-height:1.8}.site-footer small{font-size:6px;letter-spacing:1.9px}.site-footer button{pointer-events:auto;position:absolute;left:200px;bottom:0;font-size:7px;color:#9ca3ba;letter-spacing:1px;border-bottom:1px solid #9296ba33;padding:0}.footer-motto{text-align:center;font-size:7px}
.workspace-view{position:absolute;left:209px;top:102px;width:1102px;height:637px;padding:27px;overflow:auto;z-index:3;background:linear-gradient(135deg,#151b2ce8,#080d18ed 70%)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:21px}.eyebrow{font-size:9px;letter-spacing:3.2px;color:#bac0dd;font-weight:500}.workspace-heading h1{font-size:29px;font-weight:400;letter-spacing:.2px;margin:9px 0}.workspace-heading>div>p:last-child{font-size:12px;color:var(--muted);line-height:1.6}.catalog-controls{display:flex;gap:11px;margin-bottom:17px}.catalog-controls label{display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--edge);background:#02060e7f;border-radius:10px;padding:0 14px}.catalog-controls label svg{width:17px;height:17px;color:#aeb7d5}.catalog-controls input{background:none;border:0;min-width:0;flex:1;height:42px;padding:0;outline-offset:2px;font-size:12px}.catalog-controls select{border:1px solid var(--edge);background:#111728;border-radius:10px;padding:0 13px;font-size:12px;max-width:190px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.app-tile{display:flex;align-items:center;gap:12px;text-align:left;border-radius:11px;border:1px solid #909dca36;background:linear-gradient(135deg,#34406042,#090f1ab8);padding:15px;min-height:92px;transition:border-color .2s,background .2s}.app-tile:hover{border-color:#c0caff90;background:#2b34594d}.app-tile>.app-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #b8caff42;border-radius:11px;background:radial-gradient(ellipse at top,#809be82e,#080d18);color:#d8e3ff}.app-tile strong{font-size:12px;display:block;font-weight:500}.app-tile small{font-size:9px;color:#a2afca;display:block;margin-top:5px;line-height:1.5}.catalog-note{margin:18px 0 2px;font-size:10px;line-height:1.65;color:#aab3cc}.empty-state{border:1px solid #8592bc36;background:radial-gradient(ellipse at 50% 0,#4d4a9b22,transparent 60%),#050a1455;border-radius:18px;min-height:330px;padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-state>.empty-symbol{width:72px;height:72px;border:1px solid #a4b5e970;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 24px #6653c62e;margin-bottom:22px}.empty-state>.empty-symbol svg{width:33px;height:33px;color:#c5d4ff}.empty-state h2{font-size:24px;font-weight:400;margin-bottom:12px}.empty-state p{max-width:460px;color:#b3bdd5;font-size:13px;line-height:1.8}.empty-state .primary-button{max-width:230px;margin-top:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-section{border:1px solid #8b9ec23d;border-radius:13px;padding:20px;background:#090e18b3}.settings-section h2{font-size:17px;font-weight:500;margin-bottom:5px}.settings-section>p{font-size:11px;line-height:1.6;color:#abb5cf;margin-bottom:15px}.setting-row{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:13px}.setting-row>div{display:flex;flex-direction:column;gap:5px}.setting-row strong{font-size:12px;font-weight:400}.setting-row small{color:#a4afc8;line-height:1.5;font-size:10px}.toggle{background:#24293a;border:1px solid #8690b352;width:42px;height:24px;position:relative;border-radius:15px;padding:0;flex:none}.toggle::after{content:"";position:absolute;left:4px;top:4px;width:14px;height:14px;background:#b6bdd0;border-radius:50%;transition:transform .2s,background .2s}.toggle[aria-checked="true"]{background:#5d66a8;box-shadow:0 0 9px #8e8aff33}.toggle[aria-checked="true"]::after{transform:translateX(17px);background:#eef2ff}.status-tag{font-size:9px;letter-spacing:.5px;border:1px solid #8fa0cb35;padding:5px 8px;border-radius:12px;color:#b6c4e1;white-space:nowrap}
.modal-scrim{position:fixed;inset:0;z-index:40;background:#01030c65;backdrop-filter:blur(13px) brightness(.64);-webkit-backdrop-filter:blur(13px) brightness(.64)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:41;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 28px);overflow:auto;background:radial-gradient(ellipse at 50% -20%,#6968ba4f,transparent 56%),linear-gradient(150deg,#1d2433ed,#090d18f5 65%);border:1px solid #bac3ef73;box-shadow:0 0 2px #c8d4ff,0 0 30px #8070e52e,0 30px 100px #000b,inset 0 0 27px #8a8ff00b;border-radius:23px;padding:32px;scrollbar-width:thin;animation:modal-in .22s ease-out}.modal-close{position:absolute;right:16px;top:15px;display:grid;place-items:center;min-width:32px;min-height:32px;border-radius:50%;color:#c4cae0;border:1px solid transparent;z-index:2}.modal-close:hover{border-color:#bac5ef65;background:#93a2ce16}.modal-close svg{width:19px;height:19px}.auth-emblem{width:74px;height:70px;margin:-9px auto 8px;overflow:hidden;mask-image:radial-gradient(ellipse,#000 35%,transparent 73%)}.auth-emblem img{width:100%;height:100%;object-fit:cover}.auth-brand{text-align:center;font-size:9px;letter-spacing:4px}.auth-modal h2{text-align:center;font-size:29px;font-weight:400;letter-spacing:-.6px;margin-top:13px}.modal-subtitle{text-align:center;font-size:11px;line-height:1.6;color:#b2bad2;margin:10px 0 21px}.auth-tabs{display:flex;background:#01040c4f;border:1px solid #94a5d43e;padding:4px;gap:4px;border-radius:10px;margin-bottom:20px}.auth-tabs button{flex:1;font-size:12px;height:34px;border:1px solid transparent;border-radius:7px;color:#b5bdd7}.auth-tabs button[aria-pressed="true"]{background:linear-gradient(135deg,#5c6b9c5c,#333b6080);border-color:#9fb4e958;box-shadow:inset 0 0 8px #b2bdff0d;color:#f3f4ff}.field{margin-bottom:15px}.field label{display:block;font-size:11px;color:#d6dcf1;margin-bottom:8px}.field input{width:100%;height:44px;border:1px solid #8e9ab84d;border-radius:8px;background:#02061080;padding:0 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#b6c7ff;box-shadow:0 0 10px #7383d22b}.field input::placeholder{color:#828da9}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.password-wrap button{position:absolute;right:4px;top:4px;height:36px;width:36px;display:grid;place-items:center;color:#adb8d4;border-radius:5px}.password-wrap svg{width:18px;height:18px}.auth-helper{font-size:10px;color:#a6b1cc;line-height:1.7;margin:-2px 0 15px}.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;min-height:46px;border:1px solid #becffd9c;border-radius:9px;background:linear-gradient(135deg,#7e97c473,#4c588a88 55%,#4138799c);box-shadow:inset 0 0 12px #a8c0fa19,0 0 14px #7e70e821;color:#fff;font-size:13px;text-shadow:0 1px 3px #0005;transition:filter .2s}.primary-button:hover{filter:brightness(1.2)}.primary-button svg{width:18px;height:18px}.auth-link{display:block;margin:15px auto 0;font-size:11px;color:#c4ccec;text-decoration:underline;text-underline-offset:3px}.connection-note{text-align:center;font-size:9px;color:#9da8c3;line-height:1.7;margin:18px 0 11px}.browse-preview{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:11px;color:#d7dffc;min-height:32px;border-radius:7px}.browse-preview:hover{background:#a2b1df12}.browse-preview svg{width:14px;height:14px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;letter-spacing:.6px;color:#b0bad2;margin:17px 0 -10px;padding-top:15px;border-top:1px solid #a0abcf21}.auth-footer svg{width:13px;height:13px}.form-message{font-size:11px;line-height:1.7;padding:10px 12px;border:1px solid #ddc29548;border-radius:8px;background:#4b331e21;color:#e9d4b3;margin:0 0 14px}.form-message.success{border-color:#9ebfc85e;color:#c5e5e9;background:#193b411f}.detail-modal{width:min(540px,calc(100vw - 32px));padding:30px}.detail-hero{height:160px;width:calc(100% + 60px);max-width:none;margin:-30px -30px 23px;object-fit:cover;mask-image:linear-gradient(#000 65%,transparent)}.detail-modal .eyebrow{margin:8px 0 12px}.detail-modal h2{font-size:28px;font-weight:400;margin-bottom:12px}.detail-modal p{font-size:13px;line-height:1.85;color:#bcc7df}.detail-modal .detail-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #b8c7fa70;border-radius:15px;margin:10px 0 24px;box-shadow:0 0 20px #8f77ee23;color:#cbd7ff}.detail-modal .detail-note{font-size:11px;margin-top:17px;padding-top:15px;border-top:1px solid #a1abcb26;color:#a5afc8}.detail-modal .primary-button{margin-top:23px}.detail-actions{display:flex;gap:12px;margin-top:20px}.detail-actions .pill-button{min-height:39px;font-size:12px}.reference-modal{width:min(1300px,calc(100vw - 32px));padding:17px}.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.reference-heading h2{font-size:16px;font-weight:500}.reference-modal>img{width:100%;border-radius:9px;border:1px solid #b1bbdc35}.reference-modal>p{font-size:11px;color:#acb6d0;text-align:center;margin:14px 0 0;line-height:1.6}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:60;max-width:min(510px,calc(100vw - 30px));padding:14px 19px;border-radius:10px;border:1px solid #b1c0f480;background:#131b2df5;font-size:12px;line-height:1.6;box-shadow:0 8px 40px #0008}.noscript{position:fixed;z-index:99;bottom:25px;left:25px;background:#182134;padding:20px;border:1px solid #b3c3e7;border-radius:10px}.modal-open .scene{pointer-events:none}.modal-open{overflow:hidden}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes modal-in{from{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1149px){body{overflow-x:hidden;overflow-y:auto}.scene{position:relative;left:0;top:0;width:100%;height:auto;min-height:100svh;transform:none;padding:0 20px 119px;overflow:hidden}.environment{position:fixed;background-position:64% center;background-size:auto 100svh;opacity:.56}.ambient-light{position:fixed;background:linear-gradient(0deg,#050913ed,#05081290 65%,#05080e60);z-index:-3}.stardust{position:fixed}.sidebar{position:static;width:auto;height:auto}.brand{position:absolute;top:23px;left:24px;font-size:25px;letter-spacing:8px;width:146px;padding:0;z-index:7}.brand small{font-size:8px;letter-spacing:6px}.sidebar nav{position:fixed;left:12px;right:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;margin:0;height:69px;display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid #9cace375;border-radius:18px;background:linear-gradient(125deg,#242b41f5,#0c1221f7);backdrop-filter:blur(20px);box-shadow:0 -5px 32px #0007;padding:5px}.nav-item{width:100%;height:57px;border-radius:12px;padding:5px 1px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:8px;text-align:center;letter-spacing:-.1px;min-width:0}.nav-item svg.icon{width:20px;height:20px}.nav-item.active{box-shadow:inset 0 0 11px #8594eb24,0 0 7px #6f73e126}.settings-nav{margin:0}.sidebar-manifesto{display:none}.topbar{position:relative;height:100px;margin:0 -20px}.orbit-heading{display:none}.system-strip{top:26px;right:23px;gap:14px}.clock{display:none}.system-button{display:none}.network-state svg{width:19px;height:19px}.account-orb{width:36px;height:36px}.account-orb svg{width:22px;height:22px}.home-view{position:relative;inset:auto}.experience-intro{position:relative;left:auto;top:auto;width:100%;text-align:center}.mascot-stage{height:140px;width:100%;max-width:440px;margin:0 auto}.mascot-ring{width:90%;max-width:389px}.ring-two{width:73%;max-width:310px}.experience-intro h1{font-size:10px;letter-spacing:2.8px;margin-top:6px;white-space:nowrap}.experience-intro>p{font-size:7px;letter-spacing:1.8px;margin-top:7px}.main-orbit{left:50%;top:180px;width:830px;height:338px;transform:translateX(-50%) rotate(-4deg);opacity:.6}.carousel-region{position:relative;left:auto;top:auto;width:calc(100% + 40px);margin:26px -20px 0;height:326px}.carousel{display:flex;gap:18px;width:100%;height:287px;overflow-x:auto;overflow-y:hidden;padding:8px max(28px,calc((100vw - 260px)/2));perspective:none;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-7px;touch-action:pan-x pan-y}.carousel::-webkit-scrollbar{display:none}.experience-card{position:relative!important;left:auto!important;top:auto!important;flex:0 0 258px;width:258px!important;height:266px!important;transform:none!important;scroll-snap-align:center;scroll-snap-stop:normal;border-radius:13px;opacity:.78;transition:opacity .4s,box-shadow .4s}.experience-card.is-selected{opacity:1;border-radius:15px}.card-copy{bottom:16px;left:15px;right:15px}.card-copy strong{font-size:14px;letter-spacing:1.8px}.card-copy small{font-size:9px}.card-copy>span:first-child{margin-bottom:10px}.is-selected .card-copy strong{font-size:17px}.is-selected .card-description{font-size:10px}.carousel-controls{left:50%;transform:translateX(-50%);bottom:0;width:290px;gap:18px;height:32px}.carousel-controls .round-button{height:31px;width:31px}.carousel-controls>span{font-size:10px}.experience-verbs{display:none}.activity-panels{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;margin:27px auto 0;gap:14px;max-width:800px}.activity-panels>.glass-panel{min-height:194px;padding:15px}.activity-panels .recommendations{grid-column:1/-1;min-height:214px}.panel-heading h2{font-size:13px}.panel-heading{margin-bottom:12px}.text-button{font-size:10px}.continue-art{height:118px}.continue-art h3{font-size:15px}.continue-art p{font-size:10px}.pill-button{min-height:36px;font-size:11px}.resume-note{font-size:10px;line-height:1.5;margin-top:9px}.presence-row{min-height:43px}.presence-row h3{font-size:12px}.presence-row p{font-size:10px}.recommendation-grid img{height:115px}.recommendation-grid strong{font-size:12px}.recommendation-grid small{font-size:10px;line-height:1.5}.bottom-dock{position:relative;left:auto;top:auto;width:100%;height:84px;max-width:690px;margin:17px auto 0;border-radius:21px;z-index:4}.bottom-dock>button{height:78px}.bottom-dock .dock-mascot{flex:0 0 63px}.dock-mascot img{width:65px;height:65px}.bottom-dock small{display:none}.bottom-dock strong{font-size:10px}.dock-icon{width:30px;height:30px}.site-footer{position:relative;left:auto;right:auto;bottom:auto;margin:22px 1px 0;font-size:7px;line-height:1.8;display:flex;align-items:center}.site-footer button{position:static;max-width:118px;font-size:7px;line-height:1.6;text-align:right}.footer-motto{display:none}.workspace-view{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:calc(100svh - 360px);padding:23px 20px;overflow:visible}.workspace-heading{align-items:flex-start;flex-direction:column;gap:13px;padding-bottom:20px;margin-bottom:18px}.workspace-heading h1{font-size:28px}.workspace-heading .eyebrow{font-size:8px;letter-spacing:2px;line-height:1.7}.workspace-heading>div>p:last-child{font-size:12px;line-height:1.8}.workspace-heading>.pill-button{font-size:10px;min-height:31px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-controls{flex-direction:column}.catalog-controls select{height:39px;max-width:none;font-size:12px}.app-tile{padding:12px;min-height:95px;gap:9px;flex-direction:column;align-items:flex-start}.app-tile strong{font-size:11px}.app-tile small{font-size:9px}.catalog-note{font-size:11px}.settings-grid{grid-template-columns:1fr}.empty-state{padding:29px 20px;min-height:340px}.empty-state h2{font-size:23px}.empty-state p{font-size:12px}.modal-open{position:relative;overflow:hidden}.modal{max-height:calc(100dvh - 24px);width:min(440px,calc(100vw - 28px))}.reference-modal{width:calc(100vw - 24px)}.modal-scrim{backdrop-filter:blur(10px) brightness(.62);-webkit-backdrop-filter:blur(10px) brightness(.62)}}
@media(max-width:540px){.activity-panels{grid-template-columns:1fr}.activity-panels .recommendations{grid-column:auto}.activity-panels>.glass-panel{min-height:193px}.activity-panels .recommendations{min-height:207px}.recommendation-grid img{height:93px}.friends-panel{min-height:192px!important}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:25px}.auth-modal h2{font-size:27px}.auth-emblem{width:64px;height:59px;margin-top:-7px}.auth-brand{font-size:8px;letter-spacing:3px}.modal-subtitle{font-size:11px;margin-bottom:17px}.auth-tabs{margin-bottom:16px}.field{margin-bottom:13px}.connection-note{font-size:8.5px}.detail-modal{padding:25px}.detail-hero{width:calc(100% + 50px);margin:-25px -25px 23px}.reference-modal{padding:13px}.reference-heading h2{font-size:13px}.reference-modal>p{font-size:10px}.settings-section{padding:15px}.setting-row{gap:10px}.setting-row strong{font-size:11px}.catalog-controls label{padding:0 10px}.catalog-controls input{font-size:11px}.site-footer small{font-size:5.8px}}
@media(max-height:590px) and (min-width:650px){.modal{max-height:calc(100dvh - 20px);top:10px;transform:translateX(-50%);animation:none}.auth-emblem{display:none}.auth-brand{margin-top:2px}.auth-modal h2{font-size:24px;margin-top:9px}.modal-subtitle{margin:6px 0 13px}.auth-tabs{margin-bottom:12px}.field{margin-bottom:10px}.connection-note{margin-top:11px}.auth-footer{margin-top:10px}.scene{padding-bottom:110px}}

/* Visual acceptance refinements: separate artwork from DOM captions; remove focus framing on static headings. */
.modal h2:focus{outline:none}
.card-art{height:74%;object-fit:cover;object-position:50% 45%}
.card-shade{background:linear-gradient(0deg,#060812 0%,#060812 17%,#060812c4 29%,#06081200 63%)}
@media(min-width:1150px){.carousel-controls{left:auto;right:0;top:242px;bottom:auto;width:78px;height:30px;gap:14px}.carousel-controls>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}