@font-face{font-family:'Noto Sans KR';src:url('/d5/assets/moon-ko.woff2') format('woff2');font-display:swap}.dn-page{margin:0;background:radial-gradient(ellipse at 50% 20%,#292242,transparent 55%),#0d1425;color:#f1e8da;font-family:'Noto Sans KR',system-ui,sans-serif;line-height:1.8}.dn-page *{box-sizing:border-box}.dn-page a{color:#d9c7f2}.dn-top{max-width:1100px;margin:auto;padding:25px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.dn-top a{text-decoration:none}.dn-top a:first-child{font-size:19px;font-weight:700;color:#f0dfb9}.dn-main{max-width:800px;margin:30px auto 80px;padding:0 24px;text-align:center}.dn-eyebrow{font-size:10px;letter-spacing:.2em;color:#c5afd9}.dn-page h1{font-size:38px;letter-spacing:-.04em;margin:16px 0}.dn-lead{font-size:15px;color:#b6c1d8}.dn-stage{height:280px;position:relative;display:flex;align-items:center;justify-content:center;margin:25px auto 5px}.dn-moon{width:130px;height:130px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 25px #d2c67b44);animation:dn-float 5s ease-in-out infinite}.dn-orbit{position:absolute;top:28px;width:230px;height:230px;border:1px solid #75619355;border-radius:50%;transform:rotate(-25deg)}.dn-orbit i{position:absolute;top:22px;left:24px;width:8px;height:8px;background:#e6c8ff;border-radius:50%;box-shadow:0 0 16px #e6c8ff}.dn-stars{position:absolute;right:calc(50% - 122px);top:65px;color:#d2b8ef;font-size:23px;animation:dn-glimmer 3s ease-in-out infinite}.dn-stage>p{position:absolute;bottom:-18px;left:0;right:0;font-size:12px;color:#bbaacb}.dn-stage.is-busy .dn-orbit{animation:dn-spin 1.6s linear infinite}.dn-stage.is-busy .dn-moon{animation:dn-glimmer .7s ease-in-out infinite}.dn-page fieldset{border:0;padding:0;margin:40px 0 20px}.dn-page legend{font-size:14px;margin:auto auto 15px}.dn-moods{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.dn-moods input{position:absolute;opacity:0}.dn-moods span{display:block;border:1px solid #4b4163;border-radius:30px;padding:9px 16px;font-size:13px;cursor:pointer;color:#c7bcd8}.dn-moods input:checked+span{background:#dfcce9;border-color:#dfcce9;color:#29203a}.dn-moods input:focus-visible+span{outline:2px solid #eddbb4;outline-offset:4px}.dn-draw{border:0;border-radius:12px;padding:18px 35px;font:700 18px 'Noto Sans KR',sans-serif;color:#211d34;background:linear-gradient(110deg,#e5c2ef,#eee0b9);cursor:pointer;box-shadow:0 10px 40px #c592e220;transition:transform .2s}.dn-draw:hover{transform:translateY(-3px)}.dn-draw:disabled{opacity:.7;cursor:wait}.dn-page #dn-status{font-size:13px;min-height:24px;color:#e3ccad}.dn-page #dn-result{margin-top:35px;padding:30px;border:1px solid #53446c;border-radius:20px;background:#182039;animation:dn-reveal .5s ease-out}.dn-page #dn-result[hidden]{display:none}.dn-page #dn-result h2{font-size:31px;word-break:keep-all;overflow-wrap:anywhere;line-height:1.5;margin:15px 0}.dn-page #dn-tagline{font-size:15px;color:#c8badb}.dn-page #dn-card{display:block;width:min(100%,480px);height:auto;margin:22px auto;border-radius:14px}.dn-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dn-tools button,.dn-page #dn-again{background:#29304c;border:1px solid #5b5570;color:#e6dbed;padding:10px 14px;font:inherit;font-size:13px;border-radius:8px;cursor:pointer}.dn-page #dn-again{margin-top:22px;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px}.dn-about{text-align:left;margin:55px 0 30px;border-top:1px solid #3a3550;padding-top:25px}.dn-about h2{font-size:20px}.dn-about p{font-size:13px;color:#abaec7}.dn-bottom{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:12px}@keyframes dn-float{50%{transform:translateY(-9px)}}@keyframes dn-spin{to{transform:rotate(335deg)}}@keyframes dn-glimmer{50%{opacity:.65;filter:drop-shadow(0 0 35px #d2c67b77)}}@keyframes dn-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:600px){.dn-main{margin-top:22px;padding:0 20px}.dn-page h1{font-size:29px;line-height:1.45}.dn-lead{font-size:13px}.dn-top{padding:20px;font-size:11px}.dn-top a:first-child{font-size:16px}.dn-page #dn-result{padding:22px 15px}.dn-page #dn-result h2{font-size:25px}.dn-moods span{font-size:12px;padding:8px 13px}.dn-stage>p{font-size:11px}}@media(prefers-reduced-motion:reduce){.dn-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}