:root{color-scheme:dark;--bg:#10182c;--panel:#19243b;--gold:#d9bd8c;--text:#f3eee7;--dim:#abb6c9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 2%,#25324c 0%,#10182c 55%);color:var(--text);font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif;line-height:1.65;min-height:100vh}.stars{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 14% 21%,#fff 99%,transparent),radial-gradient(1px 1px at 74% 14%,#fff 99%,transparent),radial-gradient(1px 1px at 35% 70%,#fff 99%,transparent),radial-gradient(2px 2px at 90% 61%,#d9bd8c 99%,transparent);background-size:330px 360px}.wrap{position:relative;max-width:760px;padding:22px 20px 32px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-size:17px;letter-spacing:.08em;font-weight:750}.brand i{color:var(--gold);font-style:normal;padding:0 5px}.version,.step,.eyebrow,.overline{font-size:11px;letter-spacing:.19em;color:var(--gold);font-weight:650}.version{font-size:10px;color:var(--dim)}.hero{text-align:center;padding:35px 0 35px}.orbit{width:144px;height:144px;border:1px solid #a99b7b88;border-radius:50%;margin:0 auto 26px;display:grid;place-items:center;box-shadow:0 0 0 20px #d9bd8c0a,0 0 0 40px #d9bd8c06;transform:rotate(-22deg)}.orbit-inner{width:100px;height:100px;border:1px dashed #d9bd8c99;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:57px}.hero h1{font-size:clamp(29px,6vw,45px);line-height:1.4;letter-spacing:-.055em;margin:12px 0 16px}.hero h1 em{font-style:normal;color:#e9d0a4}.lead{color:var(--dim);font-size:14px;margin:0}.panel{background:#19243bdc;border:1px solid #55607866;border-radius:19px;padding:clamp(20px,5vw,38px);margin-bottom:28px;box-shadow:0 16px 65px #0002}.section-head h2{font-size:24px;letter-spacing:-.04em;margin:7px 0}.section-head p{color:var(--dim);font-size:13px;margin:0 0 27px}form label:not(.check){display:block;margin:19px 0 7px;font-size:14px;font-weight:650}.req{color:var(--gold);font-size:11px}.muted{color:var(--dim);font-size:11px}input[type=date],input[type=time],select{width:100%;min-height:50px;border:1px solid #53617b;background:#111c31;border-radius:9px;color:var(--text);font:inherit;padding:10px 13px}select option{background:#111c31}.check{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--dim);font-size:13px}.check input{accent-color:var(--gold);width:17px;height:17px}.hint,.fine{color:#9da9bd;font-size:11px;line-height:1.65}.primary,.secondary{width:100%;border:0;border-radius:10px;min-height:51px;font:inherit;font-weight:700;cursor:pointer}.primary{margin-top:22px;background:#e4ca9b;color:#1b2331;display:flex;justify-content:center;align-items:center;gap:14px}.primary:hover{background:#f3dcad}.secondary{background:#2b3953;color:#f3eee7;border:1px solid #53617b}.error{color:#ffc5c5;font-size:13px}.result-card{border:1px solid #a58e6b99;background:radial-gradient(circle at 50% 14%,#273855,#111b30 62%);border-radius:14px;padding:30px 23px;text-align:center}.mini-orbit{font-size:55px;color:var(--gold);border:1px solid #a58e6b88;border-radius:50%;width:108px;height:108px;display:grid;place-items:center;margin:20px auto}.result-card h2{color:#f1d9aa;font-size:29px;margin:3px 0}.result-card h3{font-size:22px;margin:2px 0}.subtitle{font-size:15px;color:#e4d6bd}.subcopy{font-size:13px;color:var(--dim)}.line{height:1px;background:#55607877;margin:23px 0}.interpret{text-align:left}.interpret strong{display:block;color:#ecd5ac;font-size:14px;margin-top:17px}.interpret p{font-size:14px;color:#d3d9e3;margin:7px 0}.fine{margin-top:26px;text-align:center}.technical{margin:15px 0}.details-toggle{background:none;color:#c5d0df;border:0;padding:9px 0;cursor:pointer;font-size:13px}#details{font-size:12px;color:var(--dim);white-space:pre-line}.actions{display:grid;gap:9px}footer{border-top:1px solid #ffffff1a;padding-top:20px;color:#8996aa;font-size:11px;display:flex;justify-content:space-between;gap:12px}@media(max-width:480px){.wrap{padding:16px 14px 30px}.version{font-size:8px}.hero{padding:34px 0}.lead{font-size:12px}.panel{padding:21px 17px}.result-card{padding:26px 16px}footer{flex-direction:column}}