:root{--ink:#f5f5f2;--muted:#a5a8b7;--night:#05060d}*{box-sizing:border-box}html,body,#root{background:var(--night);width:100%;min-height:100%;color:var(--ink);margin:0}body{text-rendering:optimizelegibility;font-family:SF Pro Display,SF Pro Text,Hiragino Sans,Yu Gothic UI,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}button{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#c9b27459}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.exhibition{--safe-top:max(24px, env(safe-area-inset-top));isolation:isolate;background:radial-gradient(at 50% 45%,#3532641f,#0000 42%),linear-gradient(145deg,#03040a 0%,#070812 48%,#05050b 100%);width:100vw;height:100svh;position:relative;overflow:hidden}.exhibition:before{content:"";z-index:-5;background-color:#0000;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.nebula{z-index:-4;filter:blur(80px);opacity:.34;pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite alternate nebula-drift;position:absolute}.nebula-a{background:#314e9047;width:48vw;height:32vw;top:18%;left:8%;transform:rotate(-18deg)}.nebula-b{background:#6a3a7936;width:42vw;height:30vw;animation-delay:-8s;bottom:2%;right:2%}.grain{z-index:20;pointer-events:none;opacity:.026;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:.24s steps(2,end) infinite grain;position:absolute;inset:-100%}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particles i{background:#e9eeff;border-radius:50%;animation:6s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px #ccd6ffcc}.is-paused *,.is-paused :before,.is-paused :after{animation-play-state:paused!important}.topbar{z-index:80;min-height:84px;padding:var(--safe-top) 34px 18px;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar button,.topbar .language{pointer-events:auto}.brand{cursor:pointer;color:#f8f7f1;letter-spacing:.14em;background:0 0;border:0;align-items:center;gap:11px;padding:8px;display:flex}.brand svg{color:#c9b274;stroke-width:1.25px;width:22px;height:22px}.brand span{font-size:11px;font-weight:600}.brand small{color:#777b8e;letter-spacing:.18em;border-left:1px solid #ffffff24;padding-left:10px;font-size:8px;font-weight:500;line-height:1}.top-actions{align-items:center;gap:8px;display:flex}.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#090a125c;border:1px solid #ffffff17;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.icon-button svg{stroke-width:1.5px;width:15px;height:15px}.icon-button:hover,.icon-button:focus-visible{background:#dac68f1a;border-color:#dac68f8c;outline:none}.language{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090a1280;border:1px solid #ffffff17;border-radius:99px;margin-left:4px;padding:3px;display:flex}.language button{color:#85899a;cursor:pointer;background:0 0;border:0;border-radius:99px;width:36px;height:32px;font-size:11px;transition:all .25s}.language button.active{color:#0b0c12;background:#f2f1ec}.is-focused .brand,.is-focused .top-actions>.icon-button{opacity:0;pointer-events:none;transform:translateY(-6px)}.brand,.top-actions>.icon-button{transition:opacity .28s,transform .28s}.galaxy-viewport{scrollbar-width:none;overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.galaxy-viewport::-webkit-scrollbar{display:none}.galaxy-stage{transform-origin:50%;min-width:760px;min-height:560px;position:absolute;inset:7% 6% 11%}.galaxy-disc{aspect-ratio:1.75;filter:blur(2px);opacity:.8;background:radial-gradient(#a4a8e51a 0,#6468b30e 25%,#0000 69%);border-radius:50%;width:min(78vw,1160px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.galaxy-disc:before,.galaxy-disc:after{content:"";border:1px solid #aeb3ed13;border-radius:50%;position:absolute;inset:10%;transform:rotate(3deg)}.galaxy-disc:after{border-color:#d6bf7e14;inset:27%;transform:rotate(-4deg)}.connections{pointer-events:none;position:absolute;inset:0}.connections i{transform-origin:0;opacity:.26;background:linear-gradient(90deg,#7c85ad3b,#7c85ad0b);height:1px;transition:opacity 1.2s,box-shadow 1.2s,background 1.2s;position:absolute}.connections i:after{content:"";background:#b6bee647;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;right:0}.connections i.awakening{opacity:.55;background:linear-gradient(90deg,#c4b98f80,#7d8cc840)}.connections i.active{opacity:.95;background:linear-gradient(90deg,#dac791bf,#98a9e280);box-shadow:0 0 10px #aab4e752}.star-node{--star:8px;z-index:3;cursor:pointer;color:#e8ebff;opacity:.68;width:48px;height:48px;animation:star-arrive 1.2s cubic-bezier(.22,1,.36,1) both, float-star 7s calc(var(--order) * -.43s) ease-in-out infinite;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.star-node.small{--star:6px}.star-node.medium{--star:9px}.star-node.large{--star:13px}.star-light{width:var(--star);height:var(--star);background:#e7eaff;border-radius:50%;transition:all .55s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px #cfd5ff,0 0 20px #8d9cdfb8,0 0 48px #6877c247}.star-light:after{content:"";opacity:.45;background:linear-gradient(#0000,currentColor,#0000);width:1px;height:250%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star-halo{border:1px solid #b1bcee1f;border-radius:50%;animation:4.5s ease-in-out infinite breathe;position:absolute;inset:2px}.star-label{text-align:left;text-shadow:0 2px 12px #05060d;flex-direction:column;align-items:flex-start;gap:4px;width:max-content;display:flex;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.star-label b{color:#f6f5f0;letter-spacing:.015em;font-size:12px;font-weight:500}.star-label small{color:#767b91;letter-spacing:.06em;font-size:8px}.star-node:hover,.star-node:focus-visible,.star-node.explored,.star-node.recommended{z-index:7;opacity:1;outline:none}.star-node:hover .star-light,.star-node:focus-visible .star-light,.star-node.recommended .star-light{transform:translate(-50%,-50%)scale(1.4);box-shadow:0 0 10px #fff,0 0 30px #bdc7f4f2,0 0 70px #7482ca75}.star-node.recommended .star-halo{border-color:#ddcb9752;animation:2.4s ease-out infinite recommend;inset:-13px}.star-node.locked{opacity:.32}.star-node.locked .star-light{filter:saturate(.2)}.done-mark{color:#111218;background:#d6c38a;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:2px;left:27px;box-shadow:0 0 13px #d6c38a6b}.done-mark svg{stroke-width:3px;width:8px;height:8px}.tone-amber .star-light,.tone-orange .star-light{background:#e8b779;box-shadow:0 0 8px #e4b16c,0 0 26px #cf86478c}.tone-green .star-light{background:#b6d6af;box-shadow:0 0 8px #b6d6af,0 0 28px #6aa46f80}.tone-violet .star-light,.tone-purple .star-light{background:#c4b7eb;box-shadow:0 0 8px #c4b7eb,0 0 28px #8266c98c}.tone-rose .star-light{background:#d9a1a7;box-shadow:0 0 8px #d9a1a7,0 0 28px #ad516480}.tone-gold .star-light,.tone-core .star-light{background:#efd89a;box-shadow:0 0 10px #efd89a,0 0 34px #d5b15aa3,0 0 90px #b7903d47}.tone-core .star-halo{border-color:#e6d19138;inset:-16px;box-shadow:inset 0 0 22px #d5b15a14}.intro{z-index:40;pointer-events:none;width:min(620px,80vw);position:fixed;top:50%;left:8.5vw;transform:translateY(-44%)}.intro>*{pointer-events:auto}.intro-index{color:#777b8e;letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:38px;font-size:9px;display:flex}.intro-index i{background:linear-gradient(90deg,#a49161,#0000);width:58px;height:1px;display:block}.kicker{color:#c9b274;letter-spacing:.13em;align-items:center;gap:9px;margin:0 0 20px;font-size:10px;font-weight:500;display:flex}.kicker svg{width:13px;height:13px}.intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.4vw,82px);font-weight:400;line-height:1.12}.intro h1 span{display:block}.intro-body{color:#9da1b2;max-width:530px;margin:28px 0 36px;font-size:clamp(14px,1.15vw,17px);line-height:1.9}.enter-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;letter-spacing:.06em;background:#06070d6b;border:1px solid #e1d6b25c;border-radius:99px;justify-content:space-between;align-items:center;gap:28px;min-width:182px;height:54px;padding:0 16px 0 22px;font-size:12px;transition:all .35s;display:inline-flex;position:relative;overflow:hidden}.enter-button:before{content:"";background:#ece8dc;transition:all .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-105%)}.enter-button span,.enter-button svg{z-index:1;position:relative}.enter-button svg{background:#e0d1a724;border-radius:50%;width:31px;height:31px;padding:8px}.enter-button:hover,.enter-button:focus-visible{color:#0b0c12;outline:none}.enter-button:hover:before,.enter-button:focus-visible:before{transform:translate(0)}.scroll-hint{color:#5f6373;letter-spacing:.08em;align-items:center;gap:8px;margin-top:42px;font-size:9px;display:flex}.scroll-hint svg{width:13px;animation:1.8s ease-in-out infinite scroll-hint}.journey-status{z-index:30;left:34px;bottom:max(28px, env(safe-area-inset-bottom));width:210px;transition:opacity .4s;position:fixed}.progress-copy{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.progress-copy>span{color:#777b8e;letter-spacing:.14em;text-transform:uppercase;font-size:8px}.progress-copy b{letter-spacing:-.03em;font-size:20px;font-weight:400}.progress-copy small{color:#7d8190;margin-left:2px;font-size:9px}.progress-track{background:#ffffff1a;height:1px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,#8d86bd,#d4bd7c);height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 10px #d4bd7c}.explored-count{color:#5f6373;letter-spacing:.07em;margin-top:9px;font-size:8px;display:block}.drag-hint{z-index:12;right:34px;bottom:max(30px, env(safe-area-inset-bottom));color:#575b6c;letter-spacing:.11em;text-transform:uppercase;font-size:8px;position:fixed}.nudge{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#cbcbd1;background:#0c0c14db;border:1px solid #dac68f33;border-radius:16px;align-items:center;gap:14px;width:min(460px,100vw - 36px);padding:14px 18px;font-size:11px;line-height:1.7;display:flex;position:fixed;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000061}.nudge span{color:#d7c182;background:#dac68f1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.nudge svg{width:14px}.focus-layer{z-index:70;overscroll-behavior:contain;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 25%,#2a2e4f3d,#0000 35%),#04050bc4;scroll-padding:96px 0 112px;position:fixed;inset:0;overflow:auto}.focus-orb{z-index:-1;aspect-ratio:1;background:radial-gradient(circle at 40% 38%,#e9eeffe6 0 1%,#96a5dc52 3%,#3a457a24 18%,#0f12220a 48%,#0000 70%);border-radius:50%;width:min(56vw,720px);position:fixed;top:50%;left:19%;transform:translate(-50%,-50%);box-shadow:0 0 120px #6475b22e}.focus-friendly{background:radial-gradient(circle at 23%,#b8864429,#0000 36%),#06060bd1}.focus-native{background:radial-gradient(circle at 27%,#cca85333,#0000 42%),radial-gradient(circle at 72% 30%,#52487e21,#0000 38%),#06060adb}.focus-friendly .focus-orb,.focus-native .focus-orb{background:radial-gradient(circle at 42% 38%,#fff4cf 0 1%,#e9cc847a 4%,#a0703424 25%,#0000 68%);box-shadow:0 0 150px #d0a95333}.close-button{z-index:4;left:34px;top:var(--safe-top);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#b7bac7;cursor:pointer;letter-spacing:.06em;background:#0a0a11b8;border:1px solid #ffffff1c;border-radius:99px;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 7px;font-size:9px;transition:all .25s;display:flex;position:fixed;box-shadow:0 10px 30px #0003}.close-button svg{background:#ffffff0e;border-radius:50%;width:25px;height:25px;padding:6px}.close-button:hover,.close-button:focus-visible{color:#fff;border-color:#e0d2a859;outline:none}.focus-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(54px,9vw,142px);width:min(1240px,88vw);min-height:100svh;margin:auto;padding:100px 0 138px;display:grid}.visual-column{place-items:center;min-height:500px;display:grid;position:relative}.discovery-index{color:#777b8d;letter-spacing:.2em;font-size:9px;position:absolute;top:0;left:0}.knowledge-card{max-width:620px;position:relative}.card-kicker{color:#9a9daf;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 20px;font-size:9px;display:flex}.card-kicker span{background:#cbb577;width:22px;height:1px;display:block}.knowledge-card h2{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1}.statement{color:#dedee3;max-width:580px;margin:0 0 34px;font-size:clamp(15px,1.35vw,19px);line-height:1.9}.example-block{border-left:1px solid #d9c68f4d;padding:20px 0 20px 22px}.example-block>span,.takeaway span{color:#777b8d;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:8px;display:block}.example-block p{color:#aaaeba;margin:0;font-size:12px;line-height:1.8}.takeaway{border-top:1px solid #ffffff12;align-items:flex-start;gap:14px;margin-top:32px;padding-top:25px;display:flex}.takeaway>svg{color:#d5bd78;width:18px}.takeaway strong{color:#f1ead7;font-size:14px;font-weight:500;line-height:1.65}.completion{color:#d9c17d;letter-spacing:.12em;align-items:center;gap:10px;margin-top:26px;font-size:10px;display:flex}.completion>svg{width:17px}.completion button{color:#c9c4b6;cursor:pointer;background:0 0;border:1px solid #d9c17d3d;border-radius:99px;align-items:center;gap:7px;margin-left:auto;padding:9px 13px;font-size:9px;display:inline-flex}.completion button svg{width:12px}.focus-nav{z-index:4;left:50%;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09090fc2;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;width:min(370px,100vw - 40px);min-height:56px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 42px #0000004d}.focus-nav button{color:#8d91a1;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;border-radius:13px;flex:1 1 0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:9px;transition:all .25s;display:flex}.focus-nav button:hover,.focus-nav button:focus-visible{color:#f3f2ed;outline:none}.focus-nav button svg{width:15px}.focus-nav button:last-child{color:#d9c78f;background:#ccb5741f}.focus-nav>div{gap:5px;display:flex}.focus-nav i{background:#484b58;border-radius:50%;width:3px;height:3px}.focus-nav i.active{background:#bba86f;border-radius:99px;width:18px}.concept-visual{aspect-ratio:1;place-items:center;width:min(36vw,440px);display:grid;position:relative}.visual-orbit{border:1px solid #a9b5e624;border-radius:50%;animation:14s linear infinite orbit-rotate;position:absolute;inset:13%}.visual-orbit:before,.visual-orbit:after{content:"";border:1px solid #a9b5e617;border-radius:50%;position:absolute;inset:14%;transform:rotate(56deg)scaleY(.42)}.visual-orbit:after{border-color:#ceba8114;inset:-10%;transform:rotate(-26deg)scaleY(.62)}.visual-core{z-index:2;color:#e9e9ec;letter-spacing:.1em;background:radial-gradient(circle at 35% 30%,#ecefff33,#4854891c 44%,#05060d80);border:1px solid #d7ddf747;border-radius:50%;place-items:center;width:86px;height:86px;font-size:13px;animation:3.4s ease-in-out infinite core-breathe;display:grid;position:relative;box-shadow:inset 0 0 34px #93a1d721,0 0 60px #5766a424}.visual-items{animation:24s linear infinite reverse orbit-rotate;position:absolute;inset:0}.visual-items span{--angle:calc(var(--i) * 120deg);min-width:62px;transform:rotate(var(--angle)) translateX(156px) rotate(calc(var(--angle) * -1));color:#8e93a8;letter-spacing:.11em;text-align:center;background:#0a0b14b3;border:1px solid #ffffff17;border-radius:99px;padding:7px 9px;font-size:7px;position:absolute;top:50%;left:50%}.visual-items span:before{content:"";background:#c2b79047;width:5px;height:1px;position:absolute;top:50%;left:-5px}.visual-token .visual-items span{color:#e7d1a2;min-width:38px;font-size:13px}.visual-rag .visual-core{color:#bdddb7}.visual-hallucination .visual-core{color:#e2aab3;border-color:#d4859266;box-shadow:0 0 60px #ad51642e}.visual-hallucination .visual-items span:nth-child(2){color:#d997a1;border-color:#d5738359;animation:1.4s ease-in-out infinite warning}.visual-agent .visual-items,.visual-workflow .visual-items{animation-duration:9s}.friendly-visual{grid-template-columns:1fr 70px 1fr;align-items:center;gap:10px;width:min(42vw,510px);display:grid;position:relative}.preference{background:linear-gradient(#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:999px 999px 32px 32px;flex-direction:column;align-items:center;gap:12px;min-height:290px;padding:26px 22px;display:flex}.preference b{background:#ffffff0f;border-radius:50%;place-items:center;width:68px;height:68px;margin:3px 0 16px;font-size:13px;font-weight:500;display:grid}.preference span{color:#9094a4;letter-spacing:.08em;text-align:center;border:1px solid #ffffff12;border-radius:8px;width:100%;padding:8px;font-size:8px}.preference.ai{background:linear-gradient(#d6b45b17,#ffffff03);border-color:#dbc07833}.preference.ai b{color:#ead28e;background:#d5b15721;box-shadow:0 0 30px #c9a44b26}.preference.ai span{color:#bdb397;border-color:#d5b96f24}.preference-bridge{color:#cdb677;place-items:center;display:grid}.preference-bridge span{background:linear-gradient(90deg,#0000,#b39d62,#0000);width:88px;height:1px;position:absolute}.preference-bridge svg{z-index:1;background:#111119;width:25px;padding:5px;position:relative}.native-visual{aspect-ratio:1;place-items:center;width:min(42vw,500px);display:grid;position:relative}.native-visual:before,.native-visual:after{content:"";border:1px solid #dec57e2b;border-radius:50%;animation:18s linear infinite orbit-rotate;position:absolute;inset:17%}.native-visual:after{border-color:#aa9ec91a;animation-duration:28s;animation-direction:reverse;inset:3%}.native-visual b{color:#f0d996;letter-spacing:.14em;background:radial-gradient(circle at 35% 30%,#fff3c93d,#aa7b371a,#07070ce6);border:1px solid #efd89759;border-radius:50%;place-items:center;width:96px;height:96px;font-size:14px;font-weight:500;animation:3s ease-in-out infinite core-breathe;display:grid;box-shadow:0 0 80px #d5ae5240}.native-visual span{--angle:calc(var(--i) * 60deg);width:82px;transform:rotate(var(--angle)) translateX(176px) rotate(calc(var(--angle) * -1));color:#a7a495;letter-spacing:.06em;text-align:center;animation:native-node 3.6s calc(var(--i) * .22s) ease-in-out infinite;background:#0b0b12db;border:1px solid #ffffff17;border-radius:99px;padding:9px 6px;font-size:8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #cbb36f05}@keyframes twinkle{0%,to{opacity:.18;transform:scale(.65)}50%{opacity:.92;transform:scale(1.15)}}@keyframes float-star{0%,to{margin-top:-2px}50%{margin-top:5px}}@keyframes breathe{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.62;transform:scale(1.15)}}@keyframes recommend{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.45)}}@keyframes star-arrive{0%{opacity:0;scale:.5}to{opacity:.68;scale:1}}@keyframes nebula-drift{to{transform:translate(5%,-3%)rotate(7deg)scale(1.06)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,2%)}}@keyframes scroll-hint{0%,to{opacity:.35;transform:translateY(-2px)}50%{opacity:.9;transform:translateY(4px)}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes core-breathe{0%,to{transform:scale(.97)}50%{transform:scale(1.04)}}@keyframes warning{50%{color:#fff;box-shadow:0 0 20px #d36e8240}}@keyframes native-node{0%,to{box-shadow:0 0 #d5ae5200}50%{border-color:#e3cc8d4d;box-shadow:0 0 20px #d5ae521f}}@media (max-width:900px){.galaxy-stage{min-width:850px;inset:9% 2% 12%}.intro{left:7vw}.focus-grid{grid-template-columns:1fr 1.1fr;gap:40px;width:calc(100vw - 44px)}.concept-visual{width:38vw}.visual-items span{transform:rotate(var(--angle)) translateX(120px) rotate(calc(var(--angle) * -1))}}@media (max-width:700px){.topbar{min-height:68px;padding:var(--safe-top) 16px 10px}.brand{gap:8px}.brand small,.icon-button:first-child{display:none}.brand span{font-size:9px}.top-actions{gap:5px}.icon-button{width:34px;height:34px}.language button{width:32px;height:28px}.galaxy-viewport{touch-action:pan-x pan-y}.galaxy-stage{width:940px;height:760px;min-height:0;inset:9% auto 12% 0}.galaxy-disc{width:800px}.intro{top:auto;left:24px;bottom:max(92px, calc(env(safe-area-inset-bottom) + 72px));width:calc(100vw - 48px);transform:none}.intro-index{margin-bottom:18px}.kicker{margin-bottom:13px;font-size:8px}.intro h1{font-size:clamp(36px,11.2vw,54px);line-height:1.14}.intro-body{margin:18px 0 22px;font-size:13px;line-height:1.75}.enter-button{min-width:168px;height:49px}.scroll-hint{display:none}.journey-status{left:18px;bottom:max(17px, env(safe-area-inset-bottom));width:162px}.drag-hint{right:17px;bottom:max(20px, env(safe-area-inset-bottom));text-align:right;max-width:120px;line-height:1.6}.star-label b{font-size:11px}.star-label small{font-size:7px}.focus-layer{padding-bottom:max(10px, env(safe-area-inset-bottom));scroll-padding-bottom:24px}.close-button{left:14px;top:var(--safe-top);justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.close-button span{display:none}.focus-grid{flex-direction:column;gap:12px;width:calc(100vw - 36px);min-height:auto;padding:84px 0 22px;display:flex}.visual-column{width:100%;min-height:280px}.discovery-index{top:2px;left:4px}.concept-visual{width:min(78vw,330px)}.visual-core{width:66px;height:66px}.visual-items span{min-width:52px;transform:rotate(var(--angle)) translateX(112px) rotate(calc(var(--angle) * -1))}.friendly-visual{grid-template-columns:1fr 40px 1fr;width:100%;max-width:360px}.preference{gap:8px;min-height:220px;padding:18px 12px}.preference b{width:52px;height:52px;margin-bottom:6px}.native-visual{width:320px}.native-visual span{width:68px;transform:rotate(var(--angle)) translateX(125px) rotate(calc(var(--angle) * -1));font-size:7px}.native-visual b{width:76px;height:76px}.knowledge-card{width:100%}.card-kicker{margin-bottom:13px}.knowledge-card h2{margin-bottom:18px;font-size:clamp(45px,14vw,66px)}.statement{margin-bottom:22px;font-size:14px;line-height:1.78}.example-block{padding:13px 0 13px 16px}.example-block p{font-size:11px}.takeaway{margin-top:20px;padding-top:18px}.takeaway strong{font-size:12px}.focus-nav{border-radius:18px;width:calc(100% - 24px);min-height:58px;margin:0 auto;padding:6px;position:relative;bottom:auto;left:auto;right:auto;transform:none}.focus-nav>div{display:none}.focus-nav button{min-width:0;min-height:46px;padding:0 10px;font-size:10px}.focus-nav button span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.focus-nav button:first-child{background:#ffffff09}.focus-nav button:last-child{background:#ccb57429}.focus-orb{width:110vw;top:25%;left:50%}.completion{flex-wrap:wrap}.completion button{margin-left:0}}@media (max-width:420px) and (max-height:760px){.intro-index{display:none}.intro-body{margin:14px 0 18px}.concept-visual{width:270px}.focus-grid{padding:76px 0 18px}.visual-column{min-height:224px}}@media (max-width:360px){.topbar{padding-left:10px;padding-right:10px}.close-button{left:10px}.language{margin-left:0}.language button{width:30px}.focus-grid{width:calc(100vw - 28px)}.focus-nav{width:calc(100% - 16px)}}