:root{--bg1: #0b0b12;--bg2: #141427;--card: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--muted2: rgba(255, 255, 255, .55);--shadow: 0 18px 60px rgba(0, 0, 0, .45);--r: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 900px at 15% 10%,#3a2cff44,transparent 55%),radial-gradient(900px 700px at 85% 20%,#ff2b8a33,transparent 55%),radial-gradient(1000px 700px at 60% 90%,#00d4ff22,transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));overflow-x:hidden}.page{min-height:100vh}.bg{position:fixed;inset:0;background:radial-gradient(900px 600px at 30% 40%,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.container{width:min(920px,92vw);margin:34px auto 56px}.header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;text-align:left}.logoWrap{width:64px;height:64px;padding:0;background:none;display:flex;align-items:center;justify-content:center}.logo{width:100%;height:100%;object-fit:contain}.title{font-size:26px;font-weight:800;letter-spacing:-.5px}.sub{font-size:14px;opacity:.85;white-space:pre-line}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.label{color:var(--muted);font-size:14px}.select{width:min(260px,100%);padding:12px;border-radius:14px;border:1px solid var(--stroke);background:#00000038;color:var(--text);outline:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.grid{grid-template-columns:1fr}}.block{padding:14px;border-radius:18px;border:1px solid var(--stroke);background:#0000002e}.blockTitle{font-weight:750;margin-bottom:10px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .08s ease,background .15s ease}.chip:hover{transform:translateY(-1px);background:#ffffff1a}.chip.active{background:#ffffff29;border-color:#ffffff42}.btn{border-radius:16px;padding:12px 14px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{border:none;background:linear-gradient(135deg,#6b5bff,#ff4aa2);box-shadow:0 10px 30px #ff4aa22e;transition:background .25s ease,transform .2s ease,opacity .2s ease}.btn.primary:hover{background:linear-gradient(135deg,#5b79ff,#ff4af6);box-shadow:0 10px 36px #ff4aa22e;transform:translateY(-2px)}.btn.primary:disabled{background:#2a2e33;color:#ffffff73;cursor:not-allowed;box-shadow:none;opacity:.7}.btn.primary:disabled:hover{background:#2a2e33;transform:none;box-shadow:none;opacity:.7}.btn.primary:active{transform:translateY(0);opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#0000002e}.hint{color:var(--muted2);font-size:13px}.progress{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.progressBar{height:100%;width:0%;background:linear-gradient(90deg,#6b5bff,#ff4aa2)}.qTop{display:flex;gap:12px;align-items:flex-start}.qNo{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#0000002e;border:1px solid var(--stroke);font-weight:900}.qText{font-size:18px;line-height:1.5;margin-top:4px}.navRow{display:flex;gap:10px;justify-content:space-between;margin-top:8px}.resultTop{display:flex;flex-direction:column;gap:10px}.resultTitle{font-size:18px;font-weight:800}.emph{font-weight:900}.resultBadge{width:fit-content;padding:10px 14px;border-radius:999px;background:#00000038;border:1px solid var(--stroke);font-weight:900;letter-spacing:.02em}.resultDesc{color:var(--muted);line-height:1.55}.panel{padding:14px;border-radius:18px;border:1px solid var(--stroke);background:#0000002e}.panelTitle{font-weight:900;margin-bottom:10px}.scoreGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:720px){.scoreGrid{grid-template-columns:1fr 1fr}}.scoreItem{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.scoreItem .k{color:var(--muted2);font-size:12px}.scoreItem .v{font-size:22px;font-weight:900;margin-top:6px}.actions{display:flex;gap:10px;flex-wrap:wrap}.fineprint{color:var(--muted2);font-size:12px}.modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.modalCard{width:min(720px,96vw);background:#141428a6;border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.modalTitle{font-weight:900}.xBtn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#00000040;color:var(--text);font-size:22px;cursor:pointer}.modalBody{padding:12px 6px 6px}.aiText{white-space:pre-wrap;line-height:1.6;margin:0;color:var(--text)}.resultLayout{align-items:center;text-align:center;gap:14px}.resultHeaderSmall{color:#ffffffa6;font-size:13px}.resultBigTitle{font-size:34px;font-weight:900;letter-spacing:-.03em}.toneCard{position:relative;width:220px;height:220px;border-radius:50px;overflow:hidden}.toneBgImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.toneOverlay{position:absolute;top:50%;left:50%;width:62%;height:62%;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.toneCard.CW .toneOverlay{background:#49494938;-webkit-backdrop-filter:blur(10px) saturate(60%);backdrop-filter:blur(10px) saturate(60%)}.toneEn{font-size:16px;font-weight:700;letter-spacing:.3px;color:#2f4f6f}.toneCard.WSP .toneEn{color:#045311cc}.toneCard.WAU .toneEn{color:#442c19}.toneCard.CS .toneEn{color:#883e75}.toneCard.CW .toneEn{color:#fff}.toneCardInner{width:140px;height:120px;border-radius:12px;background:#ffffff40;display:flex;align-items:center;justify-content:center}.toneCardLabel{font-weight:800;color:#1e3c78bf}.toneImage{width:100%;border-radius:24px;object-fit:cover}.resultParagraph{max-width:520px;color:#ffffffc7;line-height:1.6}.paletteBlock{margin-top:6px}.paletteTitle{font-weight:900;margin-bottom:10px}.paletteRow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;justify-items:center}.paletteDot{width:46px;height:46px;clip-path:polygon(5% 0%,15% 6%,25% 0%,35% 6%,45% 0%,55% 6%,65% 0%,75% 4%,85% 0%,95% 6%,100% 5%,94% 15%,100% 25%,94% 35%,100% 45%,94% 55%,100% 65%,94% 75%,100% 85%,94% 95%,95% 100%,85% 94%,75% 100%,65% 94%,55% 100%,45% 94%,35% 100%,25% 94%,15% 100%,5% 94%,0% 95%,6% 85%,0% 75%,6% 65%,0% 55%,6% 45%,0% 35%,6% 25%,0% 15%,6% 5%)}.celebBlock{margin-top:2px}.celebTitle{font-weight:900;margin-bottom:8px}.celebNames{color:#ffffffbf;font-size:14px}.bigBtn{width:min(520px,100%);padding:14px 16px;border-radius:14px;font-weight:800}.kakaoBtn{background:linear-gradient(135deg,#fee500,#fded5b);color:#191919;border:none;box-shadow:0 12px 28px #8f813259;transition:background .25s ease,transform .2s ease,opacity .2s ease}.kakaoBtn:hover{background:linear-gradient(135deg,#ffd900,#fff176);color:#191919;transform:translateY(-2px)}.kakaoBtn:active{background:linear-gradient(135deg,#ffd900,#fff176);transform:translateY(0)}.retryBtn{background:#1e293bd9;border:1px solid rgba(255,255,255,.14)}button,input,select,textarea,pre{font-family:inherit}.title,.resultBigTitle{font-weight:800}.btn,.bigBtn{font-weight:700}.answerText{font-weight:600}.aiText{font-weight:400}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}.answerBtn{width:100%;padding:18px;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:transform .12s ease,background .12s ease;color:inherit}.answerBtn:hover{transform:translateY(-2px);background:#ffffff1a}.answerBtn:active{transform:translateY(0)}.answerBtn.answerWithImg{display:flex;flex-direction:column;align-items:stretch;gap:12px;text-align:left}.answerImgWrap{width:100%;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;background:#0000008c}.answerImg{width:100%;height:100%;object-fit:cover;display:block}.answerText{width:100%;writing-mode:horizontal-tb;transform:none;white-space:normal;line-height:1.25;font-weight:700;font-size:18px}.answerBtn.answerTextOnly{text-align:center}@media(max-width:560px){.answers{grid-template-columns:1fr}}.answerWithImg .answerText{text-align:center}.btn.ghost.bigBtn.youtubeBtn{background:linear-gradient(135deg,#ff4d4d,red);color:#fff;border:none;box-shadow:0 12px 28px #ff000047;transition:all .2s ease}.btn.ghost.bigBtn.youtubeBtn:hover{background:linear-gradient(135deg,#ff3b3b,#e60000);transform:translateY(-2px)}.btn.ghost.bigBtn.youtubeBtn:active{transform:translateY(0);opacity:.92}.btn.ghost.bigBtn.productBtn{background:linear-gradient(135deg,#4f7cff,#2fb6ff);color:#fff;border:none;box-shadow:0 12px 28px #4f7cff59;transition:all .2s ease}.btn.ghost.bigBtn.productBtn:hover{background:linear-gradient(135deg,#3f6cff,#1fa6ef);transform:translateY(-2px)}.btn.ghost.bigBtn.productBtn:active{transform:translateY(0);opacity:.9}.resultLayout .btn,.resultLayout .bigBtn{font-size:16px;font-weight:800;letter-spacing:-.2px;line-height:1;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif}.btn.ghost.bigBtn.courseBtn{background:linear-gradient(135deg,#3c3f58,#6b70a0);color:#fff;border:none;box-shadow:0 12px 28px #4950a059;transition:all .2s ease}.btn.ghost.bigBtn.courseBtn:hover{background:linear-gradient(135deg,#515577,#777eb1);opacity:.9;transform:translateY(-2px)}.btn.ghost.courseBtn:active{transform:translateY(0);opacity:.9}.introWrap{display:flex;justify-content:center;padding:10px 0}.introCard{width:min(820px,100%);background:#f6e6d9;border-radius:46px;padding:42px 52px 46px;box-shadow:0 18px 60px #0000004d;position:relative}.introTop{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.introBrand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.introLogo{height:40px;width:auto;object-fit:contain;display:block}.introBrandText{font-weight:700;letter-spacing:-.04em;color:#000000a6}.introTitle{margin:0;font-size:40px;line-height:1.05;letter-spacing:-1px;color:#111;font-weight:900}.introDesc{margin:0;color:#000000bf;line-height:1.5;font-size:14px;font-weight:600;opacity:.85}.introBars{margin-top:22px;display:flex;flex-direction:column;gap:0px}.introBar{border-radius:14px;padding:18px 0;text-align:center;font-weight:900}.introBarKo{font-size:15px;font-weight:800;margin-bottom:2px;opacity:.95}.introBarEn{font-size:18px;font-weight:900}.warmSpring{background:#e52b17;color:#111}.coolSummer{background:#e8ffbf;color:#111}.warmAutumn{background:#669e63;color:#111}.coolWinter{background:#001f63;color:#fff}.introStartBtn{margin:34px auto 0;display:block;width:min(400px,100%);height:60px;border:none;border-radius:22px;background:#2f343a;color:#fff;font-size:25px;font-weight:900;cursor:pointer;transition:background .25s ease,transform .2s ease,opacity .2s ease}.introStartBtn:hover{background:#343a41;opacity:.92;transform:translateY(-2px)}@media(max-width:640px){.introCard{padding:30px 22px 34px;border-radius:34px}.introTitle{font-size:28px;line-height:1.1;letter-spacing:-.8px}.introStartBtn{height:64px;font-size:22px}}.page.introOn .bg{display:none!important}.page.introOn .introCard{background:#f3e6dc;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.page.introOn .card{background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.resultStrong{font-weight:800;margin-bottom:6px}.chip{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffd1;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.chip.active{background:#a5a5a58f;border-color:#fff7;color:#fff;box-shadow:0 0 0 3px #ebebeb33,0 10px 22px #00000040;transform:translateY(-1px);font-weight:700}.chip:active{transform:translateY(0) scale(.99)}@media(max-width:420px){.introBar{padding:10px 0;border-radius:12px}.introBarKo{font-size:13px;margin-bottom:1px}.introBarEn{font-size:14px;font-weight:800}}.youtubeBtn{display:flex;align-items:center;justify-content:center;gap:10px}.ytIcon{font-size:18px;transform:translateY(1px)}