:root{font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#020008;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{min-height:100vh;background:radial-gradient(ellipse at 20% 30%,#1a0a2e,#0d0618,#020008);position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.stars{position:fixed;inset:0;pointer-events:none;z-index:0}.star{position:absolute;background:#fff;border-radius:50%;opacity:.6;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:.9;transform:scale(1.4)}}.container{position:relative;z-index:1;width:100%;max-width:560px;padding:48px 20px 80px;box-sizing:border-box}.hero{text-align:center;margin-bottom:40px}.badge{display:inline-block;padding:4px 16px;border:1px solid rgba(180,120,255,.5);border-radius:999px;font-size:12px;letter-spacing:.12em;color:#c084fc;margin-bottom:20px;background:#b478ff14}.title{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.title-ko{font-size:42px;font-weight:800;background:linear-gradient(135deg,#e0aaff,#a78bfa,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub{font-size:15px;color:#c8b4f0b3;font-weight:400;letter-spacing:.04em}.desc{font-size:14px;color:#c8b4f08c;line-height:1.7;margin:0}.card{background:#ffffff0a;border:1px solid rgba(180,120,255,.2);border-radius:24px;padding:36px 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:32px;box-shadow:0 0 60px #783cc826}.field{display:flex;flex-direction:column;gap:12px}.label{font-size:13px;font-weight:600;color:#dcc8ffe6;letter-spacing:.06em;display:flex;align-items:center;gap:8px}.label-icon{color:#a78bfa;font-size:10px}.label-note{font-weight:400;font-size:11px;color:#b4a0dc80;margin-left:4px}.input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(180,120,255,.25);border-radius:12px;color:#e9d5ff;font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;color-scheme:dark}.input::placeholder{color:#b496dc59}.input:focus{border-color:#a78bfab3;box-shadow:0 0 0 3px #a78bfa26}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mbti-btn{padding:10px 4px;background:#ffffff0d;border:1px solid rgba(180,120,255,.2);border-radius:10px;color:#c8b4f0b3;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .18s;font-family:inherit}.mbti-btn:hover{background:#a78bfa26;border-color:#a78bfa80;color:#e9d5ff}.mbti-btn.selected{background:linear-gradient(135deg,#8b5cf680,#c084fc66);border-color:#a78bfa;color:#fff;box-shadow:0 0 16px #8b5cf666}.selected-mbti{font-size:12px;color:#a78bfacc;margin:0;text-align:right}.selected-mbti strong{color:#c084fc}.hour-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hour-btn{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(180,120,255,.2);border-radius:10px;color:#c8b4f0b3;cursor:pointer;transition:all .18s;font-family:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hour-btn:hover{background:#a78bfa1f;border-color:#a78bfa66;color:#e9d5ff}.hour-btn.selected{background:linear-gradient(135deg,#8b5cf673,#c084fc59);border-color:#a78bfa;color:#fff;box-shadow:0 0 14px #8b5cf659}.hour-name{font-size:13px;font-weight:600}.hour-sub{font-size:10px;opacity:.6}.submit-btn{width:100%;padding:16px;border-radius:14px;border:none;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:.04em;cursor:pointer;transition:all .25s;background:#ffffff12;color:#b4a0dc80;margin-top:8px}.submit-btn:disabled{cursor:not-allowed}.submit-btn.ready{background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);color:#fff;box-shadow:0 4px 30px #7c3aed80}.submit-btn.ready:hover{transform:translateY(-2px);box-shadow:0 8px 40px #7c3aeda6}.submit-btn.ready:active{transform:translateY(0)}.result-container{max-width:680px;padding-top:32px}.back-btn{background:none;border:1px solid rgba(180,120,255,.3);border-radius:999px;color:#b496e6b3;padding:6px 16px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;margin-bottom:28px}.back-btn:hover{border-color:#a78bfa;color:#e9d5ff}.result-meta{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.result-name{font-size:20px;font-weight:700;color:#e9d5ff}.result-tag{padding:3px 12px;border:1px solid rgba(167,139,250,.4);border-radius:999px;font-size:12px;color:#c084fc;background:#a78bfa1a}.report-card{background:#ffffff0a;border:1px solid rgba(180,120,255,.18);border-radius:24px;padding:40px 36px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 80px #783cc81f;min-height:300px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:60px 0}.orb{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c084fc,#7c3aed,#2e1065);box-shadow:0 0 40px #c084fc99,0 0 80px #7c3aed4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #c084fc99,0 0 80px #7c3aed4d}50%{transform:scale(1.1);box-shadow:0 0 60px #c084fccc,0 0 120px #7c3aed80}}.loading-text{font-size:15px;color:#c8b4f0b3;margin:0;letter-spacing:.04em;animation:fade 1.5s ease-in-out infinite alternate}@keyframes fade{0%{opacity:.4}to{opacity:1}}.report-body{color:#dcc8ffe0;line-height:1.8;font-size:15px}.report-body h2{font-size:22px;font-weight:800;background:linear-gradient(135deg,#e0aaff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid rgba(167,139,250,.2)}.report-body h3{font-size:16px;font-weight:700;color:#c084fc;margin:32px 0 10px;letter-spacing:.02em}.report-body p{margin:0 0 10px;color:#dcc8ffcc}.report-body ul{margin:4px 0 12px;padding-left:20px}.report-body li{margin-bottom:6px;color:#d2befad9}.report-body strong{color:#e9d5ff;font-weight:600}.cursor{display:inline-block;width:2px;height:1.1em;background:#a78bfa;border-radius:1px;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.error-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0;text-align:center;color:#ffb4b4cc}.retry-btn{padding:10px 28px;border-radius:999px;border:1px solid rgba(255,120,120,.4);background:#ff50501a;color:#ffb4b4e6;cursor:pointer;font-family:inherit;font-size:14px;transition:all .2s}.retry-btn:hover{background:#ff505033}@media(max-width:480px){.card,.report-card{padding:28px 20px;border-radius:20px}.title-ko{font-size:34px}.mbti-grid{gap:6px}.mbti-btn{font-size:11px;padding:9px 2px}.report-body h2{font-size:19px}.report-body h3{font-size:15px}}