@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Noto Sans KR,sans-serif;color:#eef3fc;background:#060a13;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a7cfef;outline-offset:5px}#app{position:relative;width:100%;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 47% 46%,#13213344,transparent 60%)}header{position:absolute;inset:0 0 auto;z-index:5;height:94px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{color:#f3f6fb;text-decoration:none;font-size:25px;letter-spacing:4px;font-weight:700;display:flex;align-items:center;gap:12px}.brand-icon{font-size:38px;color:#ffb96f;font-weight:400}.brand-sub{font-size:9px;letter-spacing:2px;color:#7d8a9d;border-left:1px solid #354052;margin-left:13px;padding-left:23px}.live{font-size:11px;color:#a3afc2;display:flex;gap:9px;align-items:center}.live i{width:5px;height:5px;border-radius:50%;background:#82c9aa;box-shadow:0 0 10px #82c9aa77}.heading{position:absolute;z-index:3;top:130px;left:4%;pointer-events:none}.eyebrow{color:#b79771;font-size:10px;letter-spacing:2.5px;margin:0 0 15px}h1{font-size:38px;letter-spacing:-1.8px;margin:0 0 13px;font-weight:500}.heading>p:last-child{font-size:12px;color:#8795ab}#scene{position:absolute;inset:94px 0 190px}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;top:47%;width:100%;text-align:center;color:#a5b2c7}#labels{position:absolute;inset:0;pointer-events:none;z-index:2}.planet-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;color:#a6b4c9;white-space:nowrap;text-shadow:0 2px 8px #000}.planet-label.active{color:#ffe2b8}#detail{position:absolute;right:4%;top:144px;width:260px;padding:25px;background:linear-gradient(135deg,#131b2ae8,#0b111bea);border:1px solid #8badd422;border-radius:16px;z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detail-top{display:flex;justify-content:space-between;align-items:center;color:#78869b;font-size:9px;letter-spacing:2px}.planet-orb{width:40px;height:40px;border-radius:50%;box-shadow:inset -11px -5px 14px #0009,0 0 25px #ffffff0b;margin:24px 0 18px}#detail h2{font-size:28px;font-weight:500;margin:0 0 3px}#detail .english{font-size:10px;letter-spacing:2px;color:#8190a5}#detail .description{font-family:Noto Sans KR,sans-serif;line-height:1.9;font-size:11px;color:#a8b5c9;margin:20px 0}dl{margin:0}dl div{display:flex;justify-content:space-between;border-top:1px solid #ffffff0a;padding:11px 0;font-size:10px}dt{color:#798aa3}dd{margin:0;color:#d8e4f2}#detail a{display:inline-block;font-size:9px;color:#8094ae;margin-top:13px;text-decoration:none}#planets{position:absolute;bottom:161px;left:4%;right:4%;display:flex;justify-content:center;gap:5px;z-index:5}#planets button{border:1px solid transparent;border-radius:10px;background:transparent;padding:12px 15px;display:flex;align-items:center;gap:9px;color:#8a9ab0;font-size:11px;transition:.2s}#planets button:hover{background:#ffffff08;color:#fff}#planets button[aria-pressed=true]{background:#ffffff09;border-color:#ffffff18;color:#f1dbbb}.nav-dot{width:9px;height:9px;border-radius:50%;box-shadow:inset -2px -1px 3px #0007}.controls{position:absolute;bottom:65px;left:50%;transform:translate(-50%);width:min(620px,92%);border:1px solid #91abc62b;border-radius:16px;background:#101824e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:22px;padding:19px 23px;z-index:5}.controls button{border:1px solid #ffffff15;background:#ffffff07;border-radius:50%;width:39px;height:39px;font-size:16px;flex-shrink:0}.speed{flex:1}.speed>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#b4c0d2}output{color:#f2c99a;font-weight:600}input[type=range]{width:100%;height:3px;accent-color:#eac294;cursor:pointer;margin:13px 0 7px}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#607088}.divider{height:35px;width:1px;background:#ffffff12}.time{display:flex;flex-direction:column;gap:5px;min-width:70px}.time span{font-size:9px;color:#6f8098}.time strong{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.controls .secondary{border-radius:8px;width:auto;padding:0 12px;color:#98a9bf;font-size:17px}.secondary span{font-size:10px;margin-left:5px}footer{position:absolute;bottom:21px;left:4%;right:4%;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#54657e;letter-spacing:.2px;z-index:3}@media(max-width:1000px){#detail{width:225px;padding:19px;right:3%}#planets button{padding:11px 9px}.brand-sub{display:none}}@media(max-width:1000px){#app{min-height:900px}header{height:72px}.brand{font-size:21px}.brand-icon{font-size:30px}.heading{top:95px}.eyebrow{font-size:8px}h1{font-size:29px}.heading>p:last-child{font-size:10px}#scene{inset:185px 0 355px}#detail{inset:auto 4% 225px;width:auto;padding:14px 17px;min-height:118px}.detail-top,.planet-orb,#detail .english,#detail a{display:none}#detail h2{font-size:19px}#detail .description{margin:8px 0;font-size:10px;line-height:1.7}dl{display:flex;gap:16px}dl div{border:0;gap:7px;padding:2px 0;font-size:9px}dl div:last-child{display:none}#planets{bottom:153px;flex-wrap:wrap;gap:0}#planets button{font-size:10px;padding:8px 10px}.controls{gap:13px;padding:16px;bottom:57px}.time{min-width:57px}.controls .secondary{padding:0 9px}.secondary span{display:none}footer{bottom:15px;flex-direction:column;gap:5px;font-size:8px}.live{font-size:9px}}