@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#05080e;--ink:#f1f3f5;--muted:#8c98a7;--line:rgba(166,193,223,.15);--accent:#c8e8ff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans KR',system-ui,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{border:0;cursor:pointer;color:inherit;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover{color:white}button:disabled{opacity:.4;cursor:wait}button.active{color:#fff}a{color:inherit;text-decoration:none}button,select{font-size:12px}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}
header{height:78px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,8,14,.92),rgba(5,8,14,.48));backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px}.brand strong{letter-spacing:.26em;font-weight:500;font-size:24px}.brand-sub{font-size:12px;letter-spacing:.02em;color:#acb6c0;margin-left:14px;padding-left:20px;border-left:1px solid var(--line)}.sun-mark{height:21px;width:21px;border-radius:50%;border:1px solid #e4d0a5;box-shadow:0 0 15px #ddbb5b30,inset 0 0 8px #dda75740;background:radial-gradient(circle at 35% 35%,#fff3cc,#cca361 70%)}nav{display:flex;gap:30px}nav button{color:#8995a4;padding:28px 0;position:relative;font-size:13px}nav button.active:after{content:'';position:absolute;bottom:0;height:2px;background:#e0edf9;width:100%;left:0}.header-right{display:flex;gap:20px;align-items:center}.outline{border:1px solid #69839b55;border-radius:7px;padding:11px 15px;background:#0e162455}.outline:hover{background:#22364a55;border-color:#abc4da88}.outline span{font-size:10px;margin-left:10px;color:#99b4ce}.icon{font-size:24px;line-height:1;padding:8px;color:#a4afbb}.scene-note{position:absolute;top:103px;left:35px;display:flex;align-items:center;gap:10px;font-size:11px;color:#91a0af;z-index:2;letter-spacing:.015em}.live-dot{width:5px;height:5px;border-radius:50%;background:#a6c3d8;box-shadow:0 0 7px #d0e4ff40}
.intro{position:absolute;z-index:2;left:5.5vw;top:22vh;pointer-events:none;transition:opacity .4s}.intro button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.19em;color:#b4c3d1;line-height:1.6}.intro h1{font-size:clamp(36px,4vw,62px);line-height:1.26;font-weight:500;letter-spacing:-.05em;margin:20px 0}.intro p{color:#8a99ab;font-size:12px;line-height:1.95;margin:22px 0}.primary{background:#e7ecf0;color:#0d1825;padding:13px 18px;border-radius:7px;font-size:12px;display:flex;gap:40px;align-items:center}.primary:hover{color:#0d1825;background:#fff}.intro.hidden{opacity:0;pointer-events:none}.intro.hidden button{pointer-events:none}
#detail{position:absolute;z-index:3;right:34px;top:160px;width:250px;padding:0 0 18px;pointer-events:auto}#detail h2{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:15px 0 8px}.latin{font-size:11px;letter-spacing:.22em;color:#8799ac;line-height:1.6}#detail p{font-size:12px;line-height:1.95;color:#acb6c3;margin:24px 0}dl{border-top:1px solid var(--line);margin:0 0 14px;padding-top:8px}dl div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:12px 0}dt{font-size:11px;color:#7f91a5}dd{margin:0;font-size:12px;color:#d8e3ed;white-space:nowrap}.source-badge{font-size:10px;color:#879cb0;line-height:1.8;border-bottom:1px solid var(--line);padding-bottom:14px}.siblings{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.siblings button{border:1px solid #5d728e44;color:#a8bbce;border-radius:4px;padding:6px 9px;font-size:10px}.detail-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.text-button{padding:10px 0;color:#a0b6ca;font-size:11px;text-align:left}.view-tools{position:absolute;bottom:166px;right:34px;z-index:3;display:flex;gap:7px}.view-tools button{border:1px solid var(--line);background:#0d172270;border-radius:6px;padding:9px 11px;color:#9fb2c7;font-size:15px;backdrop-filter:blur(10px)}.view-tools span{font-size:10px;margin-left:6px}
footer{position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(0deg,#070c14 0%,#070c14ec 65%,#070c1400);padding:36px 34px 18px}.body-rail{display:flex;justify-content:center;gap:12px;margin-bottom:19px}.body-rail button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0a121d88;border-radius:8px;padding:11px 18px;font-size:12px;color:#9baab9;min-width:90px;transition:.25s}.body-rail button:hover{background:#1a2835cc;color:white}.body-rail button.active{border-color:#c7d9e566;background:#23344999;color:#fff}.planet-dot{width:18px;height:18px;display:block;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--body-color),#16212d 95%);box-shadow:0 0 12px #ffffff06}.body-rail button[data-body="saturn"] .planet-dot{position:relative}.body-rail button[data-body="saturn"] .planet-dot:after{content:'';position:absolute;border:2px solid #bbac8977;left:-5px;right:-5px;top:5px;bottom:5px;border-radius:50%;transform:rotate(-25deg)}.footer-line{display:flex;justify-content:space-between;align-items:center;color:#667a91;border-top:1px solid #8399b71a;padding-top:13px;font-size:10px;gap:12px}.gestures i{font-style:normal;margin:0 10px;color:#3b506a}.time-controls{display:flex;align-items:center;gap:14px;white-space:nowrap}.time-controls button{color:#c0d3e5;font-size:12px}.time-controls select{font-size:10px;color:#9aaec4;background:#0c1520;border:1px solid var(--line);border-radius:5px;padding:5px 7px}.sources-link{color:#7189a0;font-size:10px}
#labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.body-label{position:absolute;color:#95a9bc;font-size:10px;letter-spacing:.04em;white-space:nowrap;transform:translate(-50%,10px);text-shadow:0 1px 10px #000;opacity:.8}.body-label:before{content:'';display:block;width:1px;height:12px;background:#a0b3c044;margin:0 auto 4px}.body-label.selected{color:#dceeff;opacity:1}
#loader{position:absolute;inset:0;z-index:20;background:#060a10;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:opacity .6s}#loader b{font-size:13px;font-weight:500;color:#b5c6d9;letter-spacing:.06em}#loader small{font-size:10px;color:#657b92}.loader-orbit{width:62px;height:62px;border:1px solid #7895b222;border-top-color:#bad8f0;border-radius:50%;animation:orbit 2s linear infinite;position:relative}.loader-orbit:after{content:'';position:absolute;left:22px;top:22px;width:16px;height:16px;border-radius:50%;background:#d4c6a2;box-shadow:0 0 22px #d9b37c55}@keyframes orbit{to{transform:rotate(360deg)}}#loader.done{opacity:0;pointer-events:none}#toast{position:absolute;left:50%;bottom:175px;transform:translateX(-50%);background:#172535e8;border:1px solid #6c91ae55;border-radius:7px;padding:12px 20px;z-index:30;color:#d8e7f3;font-size:12px;opacity:0;transition:.2s;pointer-events:none}#toast.visible{opacity:1}
dialog{border:1px solid #738ea02e;border-radius:16px;background:#0c131eee;color:#d3deea;width:min(840px,90vw);max-height:86vh;padding:28px;box-shadow:0 30px 100px #000b;backdrop-filter:blur(25px)}dialog::backdrop{background:#02060db3;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px}.dialog-head h2{font-size:24px;font-weight:500;margin:10px 0 0;letter-spacing:-.035em}.dialog-head button{font-size:28px;color:#9cabbc;padding:0 4px}#search{width:100%;border:1px solid #6d849c44;border-radius:7px;background:#080e17;color:white;padding:13px 14px;font-size:12px}.filters{display:flex;gap:16px;border-bottom:1px solid var(--line);margin:16px 0 20px;overflow:auto}.filters button{font-size:11px;white-space:nowrap;color:#8293a6;padding:12px 0}.filters button.active{color:#d6e6f5;border-bottom:1px solid #d6e6f5}#catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.catalog-card{border:1px solid #4a637630;background:#111d2b66;display:flex;align-items:center;gap:13px;border-radius:7px;padding:15px 12px;text-align:left}.catalog-card:hover{border-color:#b3c9dc66;background:#23354b66}.catalog-card .planet-dot{width:28px;height:28px}.catalog-card b{font-size:12px;font-weight:500;display:block}.catalog-card small{font-size:9px;color:#72879b;display:block;margin-top:6px}#settings{width:360px}.switch-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:12px;color:#b3c0cc}input[type=checkbox]{accent-color:#bfd6ed;width:17px;height:17px}.slider-row{display:block;font-size:12px;color:#b3c0cc;margin:25px 0}.slider-row input{width:100%;margin:15px 0;accent-color:#b6cfe6}.wide{width:100%;font-size:11px}.setting-note{color:#6d8298;font-size:10px;line-height:1.9;margin-top:20px}#sources{width:650px}#sources p{font-size:12px;line-height:1.95;color:#a1b1c2}#sources ul{padding-left:18px;font-size:12px;line-height:2.6}#sources a{color:#b0d4f3}#sources>a{font-size:11px}details{margin:20px 0}summary{font-size:11px;cursor:pointer;color:#bdd2e5}.reference{width:100%;border-radius:6px;margin-top:13px}
@media(min-width:1500px){.intro{top:19vh}#detail{top:180px;width:265px;right:46px}.body-rail{gap:15px}.body-rail button{padding:13px 22px}}
@media(max-width:1050px){header{padding:0 20px}.brand-sub{display:none}nav{gap:24px}.body-rail{gap:7px}.body-rail button{padding:11px 12px;min-width:0;font-size:11px}footer{padding:35px 20px 16px}#detail{right:20px;width:215px}#detail h2{font-size:36px}.intro{left:30px}.gestures{font-size:9px}.gestures i{margin:0 5px}.view-tools{right:20px}.view-tools span{display:none}}
@media(max-width:700px){header{height:64px;padding:0 15px}.brand{gap:8px}.brand strong{font-size:20px}.sun-mark{width:17px;height:17px}nav{gap:18px}nav button{font-size:11px;padding:22px 0}.header-right{gap:4px}.header-right .outline{font-size:0;padding:8px;border:0}.header-right .outline span{font-size:11px;margin:0}.icon{font-size:20px}.scene-note{top:84px;left:17px;font-size:9px;max-width:95vw}.intro{left:24px;top:16vh}.intro .eyebrow{font-size:8px}.intro h1{font-size:37px;margin:15px 0}.intro p{font-size:11px;margin:16px 0}.intro .primary{font-size:10px;padding:11px 13px;gap:20px}footer{padding:28px 12px 12px}.body-rail{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:7px;margin-bottom:14px}.body-rail button{padding:10px 12px;flex-shrink:0;font-size:10px}.planet-dot{width:15px;height:15px}.gestures{display:none}.footer-line{gap:6px;padding-top:10px}.time-controls{gap:10px;font-size:9px}.time-controls select{font-size:9px}.sources-link{font-size:9px}#detail{top:auto;bottom:155px;left:18px;right:auto;width:calc(100% - 90px);max-width:310px;padding:0;pointer-events:none}#detail .eyebrow{font-size:8px}#detail h2{font-size:27px;margin:8px 0 3px}.latin{font-size:8px;letter-spacing:.2em}#detail p{display:none}#detail dl{display:flex;gap:14px;flex-wrap:wrap;border:0;margin:10px 0 7px;padding:0}#detail dl div{display:block;margin:0}dt{font-size:8px;margin-bottom:3px}dd{font-size:10px}#detail dl div:nth-child(n+3){display:none}.source-badge{font-size:8px;padding:0;border:0}.siblings{margin:8px 0;max-width:280px;gap:5px;pointer-events:auto}.siblings button{font-size:8px;padding:5px 6px}.detail-actions{flex-direction:row;pointer-events:auto;gap:12px;align-items:center}.detail-actions .outline{font-size:8px;padding:6px 8px}.text-button{font-size:8px;padding:8px 0}.view-tools{right:14px;bottom:150px;flex-direction:column;gap:6px}.view-tools button{font-size:17px;padding:9px}.body-label{font-size:8px}#catalog-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:20px;width:94vw}.dialog-head h2{font-size:21px}.filters{gap:16px}#toast{font-size:10px;bottom:140px;width:max-content;max-width:90vw}body.detail-mode .scene-note{font-size:8px}.reference{margin-top:15px}}
.intro{top:145px;left:35px}.intro h1{font-size:42px;margin:12px 0 10px}.intro p{margin:0 0 15px;line-height:1.8}.intro .primary{padding:10px 15px;font-size:11px;gap:28px}
#detail{top:146px;bottom:158px;max-height:calc(100vh - 304px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#57708744 transparent;padding-right:8px}#detail h2{margin:11px 0 6px}#detail p{margin:18px 0;line-height:1.85}.detail-mode .view-tools{left:34px;right:auto;bottom:156px}
@media(max-width:700px){.intro{top:116px;left:20px}.intro h1{font-size:30px;margin:9px 0}.intro p{font-size:10px;margin-bottom:12px;line-height:1.65}.intro .primary{font-size:9px;padding:9px 12px}#detail{top:auto;bottom:149px;max-height:290px;overflow-y:auto;width:calc(100% - 88px)}.detail-mode .view-tools{left:auto;right:14px;bottom:150px}}
@media(max-height:650px) and (min-width:701px){.intro{top:124px}.intro h1{font-size:32px;margin:6px 0}.intro .eyebrow{display:none}.intro p{margin-bottom:9px;font-size:10px}.intro .primary{padding:8px 12px}#detail{top:127px;bottom:146px;max-height:calc(100vh - 273px)}#detail h2{font-size:32px}.detail-mode .view-tools{bottom:142px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.model-tabs{display:flex;gap:5px;margin:16px 0 12px;padding:4px;border:1px solid #7d9db52b;border-radius:9px;background:#111a27dd}.model-tabs button{flex:1;padding:10px 6px;border-radius:6px;color:#91a7ba;font-size:11px;min-height:38px}.model-tabs button.active{background:#c2ddee;color:#0b1a29}.interior-status{font-size:9px;color:#d6bf98;line-height:1.6}.interior-mode #detail{width:280px;background:linear-gradient(90deg,#070d1400,#070d1480 15%);padding:0 10px 10px 12px}.interior-mode #detail h2{font-size:33px}.interior-mode #detail p{font-size:11px;line-height:1.85;margin:11px 0 16px}.layer-heading{display:flex;justify-content:space-between;color:#b5c9d9;font-size:10px;padding:11px 0 9px;border-top:1px solid #7897af33}.layer-heading span{font-size:8px;color:#8194a4}.layer-row{display:flex;gap:11px;align-items:center;width:100%;text-align:left;padding:11px 9px;margin:4px 0;border:1px solid transparent;border-radius:6px;background:#101b27c9}.layer-row:hover{background:#263442}.layer-row.active{border-color:#abcce281;background:#263744e0}.layer-row i{display:block;flex-shrink:0;width:10px;height:10px;border-radius:50%}.layer-row span{font-size:11px;color:#dde7ee;flex:1}.layer-row small{display:block;font-size:8px;color:#93a7b7;line-height:1.6;margin-top:5px}.layer-row b{font-size:12px;color:#8ba6ba;font-weight:400}.layer-explanation{padding:12px 11px;background:#111e2ac9;border-left:2px solid #8cabc1;border-radius:0 5px 5px 0;margin:14px 0}.layer-explanation strong{font-size:11px;color:#dce9f1}.interior-mode #detail .layer-explanation p{font-size:10px;margin:8px 0 0}.explode-label{display:block;font-size:10px;color:#afc6d7;margin:15px 0}.explode-label input{display:block;width:100%;margin-top:12px;accent-color:#a2c7e0}#interior-scale{display:block;color:#7d92a3;font-size:9px;line-height:1.9}#interior-source{display:block;font-size:10px;color:#a5cbe6;margin:15px 0 11px}.inspection-note{color:#7d92a3;font-size:9px;line-height:1.7;padding-top:10px;border-top:1px solid #5570872b}.time-controls button{min-width:32px;min-height:30px}#date-label{font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}#time-rate{font-size:9px;min-width:130px}.time-controls select{max-width:190px}.interior-mode #detail-facts[hidden],#detail-description[hidden],#surface-source[hidden],#interior-panel[hidden],#siblings[hidden]{display:none!important}
@media(max-width:1050px){#time-rate{max-width:180px;font-size:8px}.interior-mode #detail{width:245px}}
@media(max-width:700px){#date-label{font-size:8px}.time-controls{gap:6px}.time-controls select{max-width:125px;font-size:8px}.time-controls button{min-width:25px}.interior-mode #detail{left:16px;bottom:147px;top:auto;right:auto;width:calc(100% - 78px);max-width:340px;max-height:220px;pointer-events:auto;background:#07101bea;border:1px solid #4b667648;border-radius:11px;padding:12px 14px;backdrop-filter:blur(8px)}.interior-mode #detail h2{font-size:23px;margin:5px 0}.interior-mode #detail .latin{display:none}.interior-mode #detail .eyebrow{display:none}.model-tabs{margin:9px 0}.model-tabs button{font-size:10px;padding:8px;min-height:34px}.interior-mode #detail p{display:block;font-size:10px;margin:9px 0}.layer-row{padding:9px 6px;min-height:43px}.layer-row span{font-size:10px}.layer-row small{font-size:8px}.interior-mode .view-tools{bottom:158px}.interior-mode #detail .detail-actions{margin-top:8px}#time-rate{display:none}.sources-link{font-size:8px}.footer-line{justify-content:space-between}.body-rail{margin-bottom:10px}}
.motion-note{display:block;font-size:9px;line-height:1.8;color:#7d92a3;margin:12px 0}.interior-mode .motion-note{display:none}@media(max-width:700px){.motion-note{display:none}}
#loader[hidden]{display:none!important}
.model-tabs{pointer-events:auto}
.body-label{pointer-events:auto;cursor:pointer;padding:4px 5px;min-height:28px;background:transparent;border:0}.body-label:hover,.body-label:focus-visible{color:#fff;background:#16334be0;border-radius:5px;outline:1px solid #9abed67a}
.scale-panel{position:absolute;left:35px;top:125px;z-index:3;background:#0a1420bf;border:1px solid #8cabbd2b;border-radius:9px;padding:12px 15px;max-width:370px;backdrop-filter:blur(8px)}.scale-panel strong{display:block;font-size:11px;font-weight:500;color:#cbdae6}.scale-panel small{display:block;font-size:9px;color:#8da5b8;margin-top:7px}.scale-panel button{display:block;font-size:10px;color:#c5ddec;padding:10px 0 0}.scale-panel label{display:flex;align-items:center;gap:8px;font-size:10px;color:#aac4d5;margin-top:10px}.scale-panel [hidden],.scale-panel[hidden]{display:none!important}.flow-controls{padding:10px 0 14px}.flow-controls button{width:100%;border:1px solid #8ab4d264;border-radius:6px;background:#213f50a8;padding:10px;font-size:11px;color:#d4e7f4}.flow-controls button:disabled{opacity:.55;cursor:default}.flow-controls small{display:block;font-size:9px;line-height:1.8;color:#8ea8ba;margin-top:8px}.interior-mode #detail #layer-flow{color:#bbd1dd;font-size:9px;border-top:1px solid #69889935;padding-top:8px}
@media(max-width:700px){.scale-panel{left:16px;top:104px;max-width:calc(100vw - 32px);padding:10px 12px}.scale-panel strong{font-size:10px}.scale-panel small{font-size:8px}.scale-panel button{font-size:9px}.flow-controls{padding:5px 0 10px}.flow-controls small{font-size:8px}}

.moon-land{display:block;text-align:center;font-size:12px;background:#e2dbc7;color:#161b1e;border-color:#e2dbc7;margin:4px 0 7px;padding:13px 12px}.moon-land:hover{background:#fff3d8;color:#161b1e}

.moon-land[hidden]{display:none!important}