:root{
  --bg:#030713;--panel:rgba(9,16,32,.72);--panel-strong:rgba(8,14,29,.9);--line:rgba(255,255,255,.11);
  --text:#f6f8ff;--muted:#9ba9c5;--soft:#7483a0;--accent:#a8c8ff;--accent2:#bd9cff;--warm:#ffcf9d;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius:24px;
  --stage-a:#56b6ff;--stage-b:#78e7ff;--stage-c:#b4a0ff;--stage-glow:rgba(87,175,255,.3);
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Noto Sans CJK SC","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--stage-a);outline-offset:2px}.is-hidden{display:none!important}.glass{background:linear-gradient(145deg,rgba(21,31,55,.68),rgba(7,13,27,.66));border:1px solid var(--line);box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(24px) saturate(1.16);-webkit-backdrop-filter:blur(24px) saturate(1.16)}
body[data-stage="primary"]{--stage-a:#57b9ff;--stage-b:#6df1d0;--stage-c:#9dd4ff;--stage-glow:rgba(42,181,255,.32)}
body[data-stage="middle"]{--stage-a:#ffad59;--stage-b:#ffe38b;--stage-c:#ff6e70;--stage-glow:rgba(255,143,60,.33)}
body[data-stage="high"]{--stage-a:#a989ff;--stage-b:#6fc9ff;--stage-c:#e4a8ff;--stage-glow:rgba(153,99,255,.33)}
body[data-stage="university"]{--stage-a:#7fe3ff;--stage-b:#b994ff;--stage-c:#ff9fc8;--stage-glow:rgba(116,192,255,.30)}
body[data-stage="professional"]{--stage-a:#ffd584;--stage-b:#83f0dc;--stage-c:#c2a2ff;--stage-glow:rgba(255,202,101,.28)}

/* Cosmic background */
.cosmos{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 120%,#13224a 0,transparent 48%),linear-gradient(#02040b,#040a17 65%,#061021);transition:background 1.2s ease}.cosmos canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.88}.scene{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity 1.15s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.scene-earth,.scene-solar,.scene-galaxy,.scene-deep,.scene-constellation{will-change:opacity,transform}body[data-stage="primary"] .scene-earth,body[data-stage="middle"] .scene-solar,body[data-stage="high"] .scene-galaxy,body[data-stage="university"] .scene-deep,body[data-stage="professional"] .scene-constellation{opacity:1;transform:scale(1)}
.cosmos-noise{position:absolute;inset:-20%;opacity:.055;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='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");mix-blend-mode:screen;animation:noiseShift .25s steps(2) infinite}.cosmos-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 10%,rgba(0,2,8,.14) 58%,rgba(0,2,7,.75) 118%),linear-gradient(90deg,rgba(0,2,8,.3),transparent 24%,transparent 76%,rgba(0,2,8,.3));pointer-events:none}
/* Earth */
.earth{position:absolute;width:min(62vw,760px);aspect-ratio:1;right:-10vw;bottom:-25vw;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.55),transparent 5%),radial-gradient(circle at 34% 35%,#86e2d0 0 4%,transparent 4.5%),radial-gradient(ellipse at 45% 40%,#31a875 0 8%,transparent 8.6%),radial-gradient(ellipse at 59% 60%,#238867 0 10%,transparent 10.7%),radial-gradient(ellipse at 30% 70%,#267a68 0 6%,transparent 6.8%),radial-gradient(circle at 36% 34%,#4bbcf2 0,#1761b1 42%,#09275d 73%,#06152f 100%);box-shadow:-55px -28px 120px rgba(73,185,255,.24),0 0 0 2px rgba(155,224,255,.12),inset -90px -40px 130px rgba(0,3,20,.7);animation:earthFloat 13s ease-in-out infinite}.earth:before{content:"";position:absolute;inset:-4%;border-radius:50%;box-shadow:0 0 20px rgba(107,220,255,.5),0 0 85px rgba(49,157,255,.26),inset 0 0 32px rgba(189,239,255,.22)}.earth-clouds{position:absolute;inset:0;border-radius:50%;opacity:.36;background:repeating-radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.7) 0 1.5%,transparent 2.2% 8%);mix-blend-mode:screen;animation:cloudSpin 34s linear infinite}.moon{position:absolute;width:34px;height:34px;right:38%;top:21%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#afb8c8 38%,#515a6b);box-shadow:0 0 38px rgba(217,229,255,.3);animation:moonDrift 8s ease-in-out infinite}.near-orbit{position:absolute;border:1px solid rgba(119,205,255,.14);border-radius:50%;right:-8vw;bottom:-19vw;transform:rotate(-18deg)}.near-orbit.one{width:72vw;aspect-ratio:1}.near-orbit.two{width:82vw;aspect-ratio:1;transform:rotate(24deg)}
/* Solar system */
.sun{position:absolute;width:min(32vw,350px);aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 38%,#fffbd2 0 4%,#fff073 16%,#ffab39 48%,#e14f1c 78%,#54180e 100%);box-shadow:0 0 35px #ffbf58,0 0 120px rgba(255,133,34,.7),0 0 280px rgba(255,85,20,.25);animation:sunPulse 4s ease-in-out infinite}.sun:after{content:"";position:absolute;inset:-16%;border-radius:50%;background:repeating-conic-gradient(from 4deg,rgba(255,204,90,.22) 0 2deg,transparent 2deg 9deg);filter:blur(8px);animation:spin 22s linear infinite}.planet-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,218,160,.15);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg);animation:spin var(--speed,18s) linear infinite}.planet-orbit i{position:absolute;left:50%;top:-5px;width:var(--size,10px);height:var(--size,10px);border-radius:50%;background:var(--planet,#9bd5ff);box-shadow:0 0 14px var(--planet,#9bd5ff)}.orbit-1{width:34vw;height:19vw;--speed:8s;--size:7px;--planet:#c4a081}.orbit-2{width:47vw;height:27vw;--speed:12s;--size:12px;--planet:#f7b86c}.orbit-3{width:61vw;height:35vw;--speed:17s;--size:11px;--planet:#5dc7ff}.orbit-4{width:76vw;height:44vw;--speed:25s;--size:9px;--planet:#ff745a}.orbit-5{width:93vw;height:54vw;--speed:38s;--size:22px;--planet:#d6a36c}
/* Galaxy */
.scene-galaxy{perspective:900px}.galaxy-core{position:absolute;left:50%;top:52%;width:250px;height:130px;transform:translate(-50%,-50%) rotate(-10deg);border-radius:50%;background:radial-gradient(ellipse,#fff 0 3%,#ffe5ca 10%,#bd8dff 28%,rgba(94,82,232,.38) 52%,transparent 72%);filter:blur(1px);box-shadow:0 0 80px rgba(197,139,255,.58),0 0 220px rgba(94,76,255,.3);animation:galaxyBreath 6s ease-in-out infinite}.galaxy-arm{position:absolute;left:50%;top:52%;width:min(105vw,1350px);height:min(45vw,520px);border-radius:50%;border:34px solid transparent;transform:translate(-50%,-50%) rotate(var(--rot)) skewX(-18deg);filter:blur(8px);background:conic-gradient(from 20deg,transparent,rgba(142,125,255,.25),transparent 28%,rgba(94,191,255,.28),transparent 54%,rgba(225,154,255,.22),transparent 80%);mask:radial-gradient(ellipse,transparent 0 13%,#000 22% 61%,transparent 73%);animation:galaxySpin 80s linear infinite}.arm-a{--rot:-14deg}.arm-b{--rot:46deg;opacity:.65;animation-duration:105s}.arm-c{--rot:106deg;opacity:.4;animation-duration:130s}
/* Deep universe */
.nebula{position:absolute;border-radius:50%;filter:blur(55px);mix-blend-mode:screen;animation:nebulaFloat 15s ease-in-out infinite alternate}.nebula-a{width:70vw;height:45vw;left:-13%;top:11%;background:radial-gradient(ellipse,rgba(65,193,255,.22),rgba(116,76,255,.16) 42%,transparent 72%);transform:rotate(-22deg)}.nebula-b{width:64vw;height:44vw;right:-14%;bottom:-4%;background:radial-gradient(ellipse,rgba(255,100,184,.22),rgba(95,94,255,.17) 45%,transparent 74%);animation-delay:-6s}.deep-galaxy{position:absolute;border-radius:50%;background:radial-gradient(ellipse,#fff 0 3%,rgba(174,221,255,.75) 5%,rgba(120,104,255,.3) 20%,transparent 67%);box-shadow:0 0 38px rgba(132,183,255,.2);transform:rotate(-25deg)}.dg-a{width:270px;height:95px;left:12%;top:18%;animation:deepDrift 12s ease-in-out infinite}.dg-b{width:160px;height:54px;right:12%;top:25%;transform:rotate(18deg);animation:deepDrift 16s ease-in-out infinite reverse}.dg-c{width:105px;height:40px;left:26%;bottom:18%;transform:rotate(40deg);animation:deepDrift 10s ease-in-out infinite}.lens-ring{position:absolute;width:310px;height:310px;border-radius:50%;right:12%;bottom:8%;border:1px solid rgba(174,224,255,.21);box-shadow:0 0 34px rgba(116,198,255,.12),inset 0 0 48px rgba(117,83,255,.16);transform:rotateX(68deg);animation:spin 22s linear infinite}
/* Constellation */
.scene-constellation svg{position:absolute;inset:4% 2%;width:96%;height:92%;filter:drop-shadow(0 0 10px rgba(152,213,255,.25))}.scene-constellation path{fill:none;stroke:rgba(165,214,255,.28);stroke-width:1.2;stroke-dasharray:4 7;animation:dash 22s linear infinite}.scene-constellation circle{fill:#fff3c9;filter:drop-shadow(0 0 6px #ffd77f);animation:starPulse 2.4s ease-in-out infinite alternate}.scene-constellation:before,.scene-constellation:after{content:"";position:absolute;border-radius:50%;filter:blur(60px)}.scene-constellation:before{width:45vw;height:45vw;left:3%;top:7%;background:rgba(34,180,171,.10)}.scene-constellation:after{width:52vw;height:52vw;right:-8%;bottom:-10%;background:rgba(135,80,255,.12)}

/* Loader */
.loader{position:fixed;inset:0;z-index:1000;background:#01030a;overflow:hidden;display:grid;place-items:center}.loader canvas{position:absolute;inset:0;width:100%;height:100%}.loader-vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 0 20%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.72) 120%)}.loader-ui{position:relative;z-index:2;width:min(560px,calc(100vw - 48px));text-align:center}.loader-emblem{position:relative;width:104px;height:104px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(178,215,255,.2);box-shadow:0 0 70px rgba(105,155,255,.18)}.loader-emblem:before,.loader-emblem:after,.loader-emblem i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(180,214,255,.21);animation:spin 8s linear infinite}.loader-emblem:before{inset:10px}.loader-emblem:after{inset:-8px;border-style:dashed;animation-direction:reverse;animation-duration:15s}.loader-emblem i{width:15px;height:15px;background:#fff;box-shadow:0 0 24px #92c8ff;border:0;left:4px;top:43px}.loader-emblem b{font-size:30px;text-shadow:0 0 30px #9fc7ff}.loader-kicker{font-size:11px;letter-spacing:.34em;color:#9bb1d8}.loader h1{font-size:clamp(44px,10vw,78px);letter-spacing:.16em;margin:8px 0 4px;font-weight:630}.loader-ui>p:not(.loader-kicker){color:#9eabc2;font-size:13px;min-height:22px;transition:opacity .2s}.loader-track{position:relative;height:2px;margin-top:34px;background:rgba(255,255,255,.1)}.loader-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#69d7ff,#a28cff,#ffb5db);box-shadow:0 0 16px #82cfff;transition:width .15s}.loader-track em{position:absolute;right:0;top:10px;color:#7485a6;font-size:10px;font-style:normal}.loader-scale{display:flex;justify-content:space-between;margin-top:31px;color:#53617d;font-size:10px;letter-spacing:.1em}.loader.leave{animation:loaderLeave .9s cubic-bezier(.6,0,.2,1) forwards}

/* App / top */
.app{position:relative;z-index:2;min-height:100vh;padding-bottom:calc(94px + var(--safe-bottom))}.topbar{position:fixed;z-index:60;top:calc(10px + var(--safe-top));left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));height:64px;border-radius:20px;padding:8px 11px 8px 15px;display:flex;align-items:center;justify-content:space-between}.brand{appearance:none;border:0;background:none;display:flex;align-items:center;gap:11px;padding:3px;cursor:pointer;text-align:left}.brand-symbol{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--stage-a),var(--stage-c));color:#07101e;box-shadow:0 0 26px var(--stage-glow);transition:.8s}.brand strong{display:block;font-size:17px;letter-spacing:.16em}.brand small{display:block;font-size:8px;letter-spacing:.17em;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:7px}.round-btn,.language-btn{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);height:42px;min-width:42px;border-radius:14px;cursor:pointer}.round-btn{font-size:20px}.language-btn{padding:0 13px;font-size:12px;color:#dbe7ff}.round-btn:hover,.language-btn:hover{background:rgba(255,255,255,.1)}
main{position:relative;z-index:2}.home-view{min-height:100vh;width:min(1220px,100%);margin:auto;padding:calc(132px + var(--safe-top)) 46px calc(120px + var(--safe-bottom));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.72fr);gap:60px;align-items:center}.home-copy{max-width:720px}.eyebrow{margin:0 0 14px;color:var(--stage-a);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.home-copy h1{font-size:clamp(44px,6vw,82px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:850px;text-shadow:0 8px 44px rgba(0,0,0,.45)}.home-description{max-width:640px;font-size:16px;line-height:1.9;color:#b2bfd6;margin:27px 0}.home-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-action,.secondary-action{border-radius:17px;height:54px;padding:0 20px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;font-weight:650}.primary-action{background:linear-gradient(115deg,var(--stage-a),var(--stage-c));color:#07101d;box-shadow:0 14px 42px var(--stage-glow)}.primary-action b{font-size:20px}.secondary-action{background:rgba(9,17,34,.58);border-color:rgba(255,255,255,.12);color:#e6edff;backdrop-filter:blur(12px)}.official-badge{display:flex;align-items:center;gap:12px;margin-top:29px;color:#a9b7d0}.official-badge>span{display:grid;place-items:center;width:51px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--stage-a);font-size:11px;letter-spacing:.08em;background:rgba(4,10,22,.48)}.official-badge p{margin:0}.official-badge strong,.official-badge small{display:block}.official-badge strong{font-size:12px;color:#dbe6fa}.official-badge small{font-size:10px;margin-top:3px;color:#74829d}.scale-navigator{position:relative;padding:18px 0}.scale-navigator:before{content:"";position:absolute;left:14px;top:44px;bottom:44px;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.25),transparent)}.scale-stop{position:relative;width:100%;border:0;background:transparent;display:grid;grid-template-columns:30px 38px 1fr;grid-template-areas:"dot num name" "dot num sub";align-items:center;text-align:left;padding:14px 8px;color:var(--muted);cursor:pointer;border-radius:16px;transition:.35s}.scale-stop:hover,.scale-stop.active{background:rgba(255,255,255,.055);color:#fff;transform:translateX(8px)}.scale-stop i{grid-area:dot;width:11px;height:11px;border-radius:50%;background:#39465f;border:2px solid #7a879f;box-shadow:0 0 0 5px rgba(255,255,255,.02);z-index:1}.scale-stop.active i{background:var(--stage-a);border-color:#fff;box-shadow:0 0 22px var(--stage-a),0 0 0 6px var(--stage-glow)}.scale-stop span{grid-area:num;font-size:10px;color:#667591}.scale-stop strong{grid-area:name;font-size:16px}.scale-stop small{grid-area:sub;font-size:10px;margin-top:3px;color:#7e8ba4}.home-metrics{grid-column:1/-1;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;margin-top:10px}.home-metrics div{padding:18px 23px;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.home-metrics div:last-child{border:0}.home-metrics span{font-size:11px;color:#8492ac}.home-metrics strong{font-size:20px;color:#f5f8ff}

/* Atlas */
.atlas-view{width:min(1240px,100%);margin:auto;padding:calc(112px + var(--safe-top)) 30px calc(118px + var(--safe-bottom));min-height:100vh}.atlas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 6px 24px}.atlas-heading h2{font-size:clamp(29px,4vw,48px);margin:0 0 7px;letter-spacing:-.035em}.atlas-heading>div>p:last-child{margin:0;color:#8e9cb7;font-size:13px}.stage-picker{border-radius:18px;padding:9px 13px 9px 9px;min-width:145px;height:56px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff}.stage-picker span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--stage-a),var(--stage-c));color:#07101e;font-weight:800}.stage-picker b{font-size:13px;flex:1;text-align:left}.stage-picker i{font-style:normal;color:#8391aa}.stage-rail{border-radius:20px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:13px}.stage-rail button{border:0;background:transparent;border-radius:14px;padding:10px 8px;cursor:pointer;color:#8290ab;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.stage-rail button span{font-size:10px}.stage-rail button.active{background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.atlas-controls{height:60px;border-radius:20px;padding:6px;display:flex;align-items:center;justify-content:space-between}.view-tabs{height:100%;display:flex;gap:3px}.view-tabs button{border:0;background:transparent;border-radius:14px;padding:0 16px;display:flex;align-items:center;gap:8px;color:#7f8da8;cursor:pointer}.view-tabs button b{font-size:12px}.view-tabs button span{font-size:16px}.view-tabs button.active{background:linear-gradient(120deg,rgba(255,255,255,.11),rgba(255,255,255,.055));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.context-tools{display:flex;gap:5px}.context-tools button{width:44px;height:44px;border:0;border-radius:13px;background:rgba(255,255,255,.05);font-size:19px;cursor:pointer}.breadcrumb-row{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px}.breadcrumbs{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs button{white-space:nowrap;border:0;background:transparent;color:#8290a9;padding:7px 3px;cursor:pointer;font-size:11px}.breadcrumbs button:last-child{color:#edf3ff}.breadcrumbs i{font-style:normal;color:#4f5b73}.page-controls{display:flex;align-items:center;gap:7px;white-space:nowrap}.page-controls button{width:31px;height:31px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);border-radius:10px;cursor:pointer}.page-controls span{font-size:10px;color:#8190aa}
.mode-panel{min-height:580px}.map-panel{border-radius:26px;overflow:hidden;position:relative;background:linear-gradient(145deg,rgba(5,11,25,.62),rgba(8,13,29,.42))}.map-viewport{height:min(67vh,700px);min-height:520px;overflow:hidden;position:relative;touch-action:none;cursor:grab;background:radial-gradient(circle at center,var(--stage-glow),transparent 31%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.025) 0 1px,transparent 1.5px);background-size:auto,25px 25px}.map-viewport:active{cursor:grabbing}.map-world{position:absolute;width:1400px;height:900px;left:50%;top:50%;transform-origin:center center;will-change:transform}.map-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-lines path{fill:none;stroke:url(#routeGradient);stroke-width:1.15;opacity:.32;stroke-dasharray:5 8;animation:dash 22s linear infinite}.map-lines path.primary{stroke-width:1.8;opacity:.58}.map-lines circle{fill:var(--stage-a);opacity:.5}.map-nodes{position:absolute;inset:0}.atlas-node{position:absolute;transform:translate(-50%,-50%) scale(.88);width:126px;min-height:92px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:linear-gradient(150deg,rgba(18,29,53,.92),rgba(5,11,25,.88));box-shadow:0 16px 40px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 9px;color:#eef4ff;cursor:pointer;opacity:0;animation:nodeArrive .65s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay,0s)}.atlas-node:hover{border-color:var(--stage-a);box-shadow:0 16px 48px rgba(0,0,0,.35),0 0 25px var(--stage-glow);transform:translate(-50%,-50%) scale(1.02)}.atlas-node.root{width:156px;min-height:116px;background:linear-gradient(145deg,color-mix(in srgb,var(--stage-a) 22%,rgba(16,25,46,.94)),rgba(8,14,28,.95));border-color:color-mix(in srgb,var(--stage-a) 55%,white 8%);box-shadow:0 0 48px var(--stage-glow),0 24px 60px rgba(0,0,0,.35);z-index:3}.atlas-node .node-symbol{width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:14px;margin-bottom:7px;color:var(--stage-a)}.atlas-node.root .node-symbol{width:46px;height:46px;background:linear-gradient(145deg,var(--stage-a),var(--stage-c));color:#07101e;box-shadow:0 0 22px var(--stage-glow)}.atlas-node strong{font-size:12px;line-height:1.25;max-width:110px}.atlas-node small{color:#70809c;font-size:8px;margin-top:5px}.atlas-node .code-mini{position:absolute;top:7px;right:8px;font-size:7px;color:#5e6d88}.map-bottom-tools{height:53px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 20px;color:#667591;font-size:10px}.map-bottom-tools div{display:flex;gap:4px}.map-bottom-tools button{width:34px;height:34px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.045);cursor:pointer}.cards-panel{padding:7px 0}.swipe-hint{display:flex;gap:12px;align-items:center;color:#76849f;font-size:11px;padding:12px 8px}.swipe-hint span{font-size:18px;color:var(--stage-a)}.swipe-hint p{margin:0}.cards-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 6px 30px;scrollbar-width:none}.cards-rail::-webkit-scrollbar{display:none}.branch-card{position:relative;flex:0 0 min(330px,82vw);min-height:330px;border-radius:27px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(20,31,57,.89),rgba(5,11,25,.88));padding:24px;scroll-snap-align:start;overflow:hidden;cursor:pointer;box-shadow:0 25px 55px rgba(0,0,0,.26);animation:cardArrive .55s both;animation-delay:var(--delay,0s)}.branch-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;top:-100px;right:-80px;background:radial-gradient(circle,var(--cardGlow,var(--stage-glow)),transparent 68%);filter:blur(6px)}.branch-card .card-index{font-size:9px;color:#63728e;letter-spacing:.12em}.branch-card .card-symbol{width:66px;height:66px;margin-top:45px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));color:var(--stage-a);font-size:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.branch-card h3{font-size:24px;margin:19px 0 9px;line-height:1.2}.branch-card p{color:#8f9db6;font-size:12px;line-height:1.7;min-height:42px}.branch-card .card-bottom{position:absolute;left:24px;right:24px;bottom:21px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.branch-card .card-bottom span{font-size:10px;color:#74829c}.branch-card .card-bottom b{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08)}.tree-panel{border-radius:26px;padding:10px;min-height:500px}.tree-list{display:grid;gap:7px}.tree-row{border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(255,255,255,.032);padding:12px 14px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;cursor:pointer;animation:treeArrive .42s both;animation-delay:var(--delay,0s)}.tree-row:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.tree-row .tree-symbol{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--stage-a)}.tree-row h3{font-size:13px;margin:0 0 4px}.tree-row p{font-size:9px;color:#72819b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:720px}.tree-row>span{font-size:10px;color:#66758e}.overview-panel{min-height:520px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.overview-card{position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(17,28,51,.78),rgba(6,12,25,.75));border-radius:23px;padding:20px;min-height:175px;overflow:hidden;cursor:pointer;animation:cardArrive .5s both;animation-delay:var(--delay,0s)}.overview-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-45px;top:-45px;background:var(--stage-glow);filter:blur(25px)}.overview-card>span{font-size:9px;color:#687791}.overview-card h3{font-size:18px;margin:28px 0 10px;position:relative;z-index:1}.overview-card p{font-size:10px;color:#8290aa;line-height:1.6;margin:0;position:relative;z-index:1}.overview-card .overview-meter{height:3px;background:rgba(255,255,255,.06);border-radius:3px;margin-top:20px;overflow:hidden}.overview-card .overview-meter i{display:block;height:100%;width:var(--meter);background:linear-gradient(90deg,var(--stage-a),var(--stage-c))}

/* Bottom nav */
.bottom-nav{position:fixed;z-index:55;left:50%;bottom:calc(11px + var(--safe-bottom));transform:translateX(-50%);width:min(500px,calc(100% - 28px));height:68px;border-radius:23px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{border:0;background:transparent;border-radius:17px;color:#6e7c95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.bottom-nav button span{font-size:20px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.bottom-nav button.active span{color:var(--stage-a);text-shadow:0 0 18px var(--stage-a)}

/* Sheets */
.sheet{position:fixed;inset:0;z-index:100;background:rgba(0,3,11,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-end;justify-content:center;padding:20px;padding-bottom:max(20px,var(--safe-bottom));animation:sheetBackdrop .25s}.sheet-surface{width:min(920px,100%);max-height:min(88vh,840px);border-radius:29px;padding:22px;overflow:auto;animation:sheetUp .42s cubic-bezier(.2,.8,.2,1)}.compact-surface{width:min(570px,100%)}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.sheet-header h3{font-size:24px;margin:0}.sheet-header .eyebrow{margin-bottom:5px}.sheet-header>button{width:39px;height:39px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:22px;cursor:pointer}.search-box{height:57px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:rgba(3,8,19,.7);display:flex;align-items:center;gap:11px;padding:0 14px}.search-box>span{font-size:21px;color:var(--stage-a)}.search-box input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font-size:15px;outline:0}.search-box input::placeholder{color:#5d6b85}.search-box kbd{font-size:8px;color:#65728a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 5px}.search-filters{display:flex;gap:7px;overflow:auto;padding:14px 0 6px;scrollbar-width:none}.search-filters::-webkit-scrollbar{display:none}.search-filters button{white-space:nowrap;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);padding:8px 12px;color:#7d8aa3;font-size:10px;cursor:pointer}.search-filters button.active{background:color-mix(in srgb,var(--stage-a) 18%,transparent);color:#fff;border-color:color-mix(in srgb,var(--stage-a) 42%,transparent)}.search-summary{display:flex;justify-content:space-between;align-items:center;padding:13px 3px 8px;color:#6f7d95;font-size:9px}.search-summary button{border:0;background:transparent;color:#8393af;cursor:pointer}.search-results{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:100px}.search-result{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.032);border-radius:16px;padding:13px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;cursor:pointer;text-align:left}.search-result:hover{background:rgba(255,255,255,.065)}.search-result .result-symbol{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--stage-a)}.search-result strong{font-size:12px;display:block;line-height:1.3}.search-result small{font-size:8px;color:#6c7b95;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.search-result .result-code{font-size:8px;color:#71809b}.empty-state{grid-column:1/-1;text-align:center;padding:45px 20px;color:#677590}.empty-state b{font-size:30px;display:block;margin-bottom:10px}.detail-surface{width:min(720px,100%)}.type-pill,.code-pill{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:9px;font-size:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#91a0b9}.type-pill{color:var(--stage-a);margin-right:5px}.detail-hero{display:flex;gap:16px;align-items:center;padding:6px 0 20px}.detail-icon{flex:0 0 74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--stage-a),var(--stage-c));color:#07101d;font-size:26px;box-shadow:0 18px 40px var(--stage-glow)}.detail-hero p{margin:0;color:#71809a;font-size:9px}.detail-hero h3{font-size:30px;margin:6px 0 4px;line-height:1.15}.detail-hero #detailSubtitle{font-size:11px;color:#8f9db6}.detail-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.detail-badges span{font-size:9px;color:#9babc4;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:7px 9px;background:rgba(255,255,255,.035)}.preview-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);overflow:auto;scrollbar-width:none}.preview-tabs::-webkit-scrollbar{display:none}.preview-tabs button{border:0;background:transparent;color:#74819a;font-size:10px;padding:12px 14px;white-space:nowrap;cursor:pointer;position:relative}.preview-tabs button.active{color:#fff}.preview-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--stage-a),var(--stage-c));border-radius:2px}.detail-preview{min-height:150px;padding:17px 2px}.preview-copy{font-size:12px;color:#9ba9c0;line-height:1.9}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-item{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.03);border-radius:14px;padding:12px}.preview-item span{font-size:8px;color:#697791}.preview-item strong{font-size:11px;display:block;margin-top:5px}.route-strip{display:flex;align-items:stretch;gap:7px;overflow:auto;padding:4px 0 10px;scrollbar-width:none}.route-step{flex:0 0 135px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.032);border-radius:15px;padding:13px}.route-step span{font-size:8px;color:var(--stage-a)}.route-step strong{font-size:11px;display:block;margin-top:8px}.route-arrow{display:grid;place-items:center;color:#506079}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.related-chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:13px;padding:11px;font-size:10px;color:#adbad0;cursor:pointer}.official-table{display:grid;gap:7px}.official-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 2px;font-size:10px}.official-row span{color:#6e7d96}.detail-actions{display:flex;gap:9px}.detail-actions .primary-action{flex:1}.detail-actions .secondary-action{min-width:150px}.stage-choices{display:grid;gap:8px}.stage-choice{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.033);padding:12px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;cursor:pointer}.stage-choice:hover,.stage-choice.active{background:rgba(255,255,255,.07);border-color:color-mix(in srgb,var(--stage-a) 42%,transparent)}.stage-choice>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:var(--stage-a);font-weight:700}.stage-choice strong{font-size:13px}.stage-choice small{display:block;color:#71809a;font-size:9px;margin-top:4px}.stage-choice>i{font-style:normal;color:#687690}.settings-list{display:grid;gap:8px}.settings-list label{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.03);border-radius:16px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:14px}.settings-list b{display:block;font-size:12px}.settings-list small{display:block;color:#71809a;font-size:9px;margin-top:4px}.settings-list select{border:1px solid rgba(255,255,255,.1);background:#10182a;color:#fff;border-radius:11px;padding:8px 9px}.settings-list input[type=checkbox]{appearance:none;width:43px;height:25px;border-radius:20px;background:#283248;position:relative;transition:.2s}.settings-list input[type=checkbox]:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;left:3px;top:3px;background:#fff;transition:.2s}.settings-list input[type=checkbox]:checked{background:var(--stage-a)}.settings-list input[type=checkbox]:checked:after{left:21px}.source-card{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(135deg,var(--stage-glow),rgba(255,255,255,.025));padding:15px;margin:13px 0}.source-card p{font-size:8px;color:#7a89a4;margin:0 0 7px}.source-card strong{font-size:11px}.source-card small{font-size:8px;color:#71809a;display:block;margin-top:5px}.danger-button{width:100%;height:45px;border:1px solid rgba(255,112,133,.2);border-radius:14px;background:rgba(255,80,110,.07);color:#ff9dae;cursor:pointer}.version{text-align:center;color:#4e5c73;font-size:8px;margin:16px 0 2px}.toast{position:fixed;z-index:200;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translate(-50%,18px);background:rgba(9,15,29,.94);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:10px 15px;color:#e8efff;font-size:11px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 15px 45px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Motion modes */
body[data-motion="soft"] .scene,body[data-motion="soft"] .earth,body[data-motion="soft"] .moon,body[data-motion="soft"] .sun,body[data-motion="soft"] .planet-orbit,body[data-motion="soft"] .galaxy-arm,body[data-motion="soft"] .nebula,body[data-motion="soft"] .deep-galaxy{animation-duration:calc(var(--duration,20s) * 2)!important}.body{}body[data-motion="off"] *,body[data-motion="off"] *:before,body[data-motion="off"] *:after{animation:none!important;transition-duration:.01s!important}.compact-map .atlas-node{width:108px;min-height:78px;border-radius:18px}.compact-map .atlas-node.root{width:140px;min-height:100px}

/* Animations */
@keyframes spin{to{transform:rotate(360deg)}}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}
@keyframes earthFloat{50%{transform:translateY(-14px) rotate(1.5deg)}}@keyframes cloudSpin{to{transform:rotate(360deg)}}@keyframes moonDrift{50%{transform:translate(18px,-10px)}}@keyframes sunPulse{50%{box-shadow:0 0 48px #ffd07d,0 0 150px rgba(255,133,34,.82),0 0 300px rgba(255,85,20,.28)}}@keyframes galaxyBreath{50%{transform:translate(-50%,-50%) rotate(-10deg) scale(1.08)}}@keyframes galaxySpin{to{transform:translate(-50%,-50%) rotate(calc(var(--rot) + 360deg)) skewX(-18deg)}}@keyframes nebulaFloat{to{transform:translate(6vw,-3vw) rotate(8deg) scale(1.1)}}@keyframes deepDrift{50%{translate:18px -12px;scale:1.08}}@keyframes dash{to{stroke-dashoffset:-300}}@keyframes starPulse{to{opacity:.4;transform:scale(.75)}}@keyframes loaderLeave{to{opacity:0;transform:scale(1.12);visibility:hidden}}@keyframes nodeArrive{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cardArrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes treeArrive{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes sheetBackdrop{from{opacity:0}}@keyframes sheetUp{from{opacity:0;transform:translateY(36px) scale(.98)}}

@media(max-width:880px){
 .home-view{grid-template-columns:1fr;gap:35px;padding-left:25px;padding-right:25px;align-content:center}.scale-navigator{display:grid;grid-template-columns:repeat(5,1fr);padding:8px 0}.scale-navigator:before{left:10%;right:10%;top:22px;bottom:auto;width:auto;height:1px}.scale-stop{grid-template-columns:1fr;grid-template-areas:"dot" "num" "name" "sub";text-align:center;justify-items:center;padding:8px 3px}.scale-stop:hover,.scale-stop.active{transform:translateY(-4px)}.scale-stop i{width:10px;height:10px}.scale-stop span{margin-top:8px}.scale-stop strong{font-size:11px;margin-top:2px}.scale-stop small{font-size:8px}.home-metrics{margin-top:0}.overview-grid{grid-template-columns:repeat(2,1fr)}.search-results{grid-template-columns:1fr}
}
@media(max-width:620px){
 .topbar{top:calc(7px + var(--safe-top));height:58px;width:calc(100% - 18px);border-radius:18px;padding-left:11px}.brand-symbol{width:34px;height:34px}.brand strong{font-size:15px}.brand small{font-size:7px}.round-btn,.language-btn{height:38px;min-width:38px;border-radius:12px}.language-btn{max-width:60px;overflow:hidden;padding:0 9px}.home-view{padding-top:calc(105px + var(--safe-top));padding-left:19px;padding-right:19px;padding-bottom:calc(105px + var(--safe-bottom));gap:25px}.home-copy h1{font-size:clamp(38px,11vw,58px)}.home-description{font-size:13px;line-height:1.8;margin:20px 0}.home-actions{display:grid;grid-template-columns:1fr}.primary-action,.secondary-action{width:100%;height:52px}.official-badge{margin-top:19px}.home-metrics{grid-template-columns:repeat(2,1fr);border-radius:18px}.home-metrics div{padding:14px}.home-metrics div:nth-child(2){border-right:0}.home-metrics div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.home-metrics span{font-size:9px}.home-metrics strong{font-size:17px}.earth{width:115vw;right:-50vw;bottom:-38vw}.moon{right:25%;top:18%}.sun{width:55vw}.orbit-1{width:58vw;height:35vw}.orbit-2{width:76vw;height:47vw}.orbit-3{width:98vw;height:61vw}.orbit-4{width:125vw;height:76vw}.orbit-5{width:150vw;height:92vw}.galaxy-arm{width:170vw;height:75vw}.atlas-view{padding:calc(92px + var(--safe-top)) 12px calc(104px + var(--safe-bottom))}.atlas-heading{align-items:center;margin:0 3px 16px}.atlas-heading h2{font-size:29px}.atlas-heading>div>p:last-child{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-picker{min-width:55px;width:55px;padding:8px}.stage-picker b,.stage-picker i{display:none}.stage-rail{overflow-x:auto;display:flex;scrollbar-width:none}.stage-rail::-webkit-scrollbar{display:none}.stage-rail button{flex:0 0 96px}.atlas-controls{height:57px}.view-tabs{flex:1}.view-tabs button{flex:1;padding:0 8px;justify-content:center}.view-tabs button b{font-size:9px}.view-tabs button span{font-size:15px}.context-tools{display:none}.breadcrumb-row{padding-left:4px}.mode-panel{min-height:510px}.map-viewport{height:62vh;min-height:485px}.map-bottom-tools span{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards-rail{padding-left:2px}.branch-card{flex-basis:84vw;min-height:310px}.tree-panel{padding:7px}.tree-row{grid-template-columns:39px 1fr auto;padding:10px;gap:9px}.tree-row .tree-symbol{width:39px;height:39px}.tree-row p{max-width:190px}.overview-grid{grid-template-columns:1fr}.overview-card{min-height:150px}.bottom-nav{height:65px;bottom:calc(7px + var(--safe-bottom));width:calc(100% - 18px)}.sheet{padding:8px;padding-bottom:max(8px,var(--safe-bottom))}.sheet-surface{border-radius:25px;padding:17px;max-height:91vh}.sheet-header h3{font-size:20px}.detail-hero h3{font-size:24px}.detail-icon{flex-basis:62px;height:62px;border-radius:20px}.preview-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.detail-actions{flex-direction:column}.detail-actions .secondary-action{min-width:0}.loader-ui{width:calc(100vw - 36px)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}