:root{color:#1f1b18;font-synthesis:none;--orange:#ff6500;--orange-dark:#e95600;--text:#201d1a;--muted:#6f6964;--line:#eee5de;--shadow:0 16px 44px #59371e14;--font-handwriting:"GangwonEduSaeeum","Malgun Gothic",sans-serif;background:#fffdfb;font-family:Pretendard,Noto Sans KR,Malgun Gothic,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fffdfb;min-width:320px;margin:0}button,a,select{font:inherit}button{cursor:pointer}.character{display:block;object-fit:contain!important}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #256fd2}.app-bg{background:radial-gradient(circle at 100% 19%,#fff5ea 0 9%,#0000 9.2%),radial-gradient(circle at 0 72%,#fff5e8 0 7%,#0000 7.2%),linear-gradient(135deg,#fff 0,#fffdfb 55%,#fff 100%);min-height:100vh;position:relative;overflow:hidden}.app-bg:after{content:"";opacity:.8;pointer-events:none;background-image:radial-gradient(#ffe4c8 3px,#0000 3px);background-size:17px 17px;width:82px;height:82px;position:absolute;top:61%;right:1%}.app-bg>*{z-index:1;position:relative}.page-header{justify-content:space-between;align-items:center;height:112px;padding:20px clamp(28px,3.5vw,58px);display:flex}.page-header button{background:0 0;border:0;padding:0}.site-logo{object-fit:contain;object-position:left;width:235px;height:72px;display:block}.info-pill{border:1px solid var(--line);background:#fffc;border-radius:32px;align-items:center;gap:20px;padding:13px 22px;display:flex;box-shadow:0 4px 15px #58392309}.info-pill span{white-space:nowrap;align-items:center;gap:8px;display:flex}.info-pill svg{width:20px;height:20px}.info-pill i{border-left:1px solid #eaded5;height:24px}.home{min-height:100vh}.home-hero{grid-template-columns:1fr 1fr;align-items:center;max-width:1400px;min-height:690px;margin:0 auto;padding:15px 54px 80px;display:grid}.hero-copy{padding-left:22px}.eyebrow{color:var(--orange);background:#fffaf3;border:1px solid #ffd09f;border-radius:25px;padding:10px 24px;font-size:20px;font-weight:800;display:inline-block}.hero-copy h1{letter-spacing:-.065em;color:var(--text);margin:34px 0 22px;font-size:68px;line-height:1.18}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy p{color:#4d4945;margin:0 0 28px;font-size:20px;line-height:1.75}.hero-copy p b{color:var(--orange)}.primary-cta{color:#fff;background:linear-gradient(135deg,#ff7500,#ff5600);border:0;border-radius:20px;justify-content:center;align-items:center;gap:22px;width:420px;min-height:72px;padding:18px 26px;font-size:21px;font-weight:850;display:flex;box-shadow:0 8px #db5200,0 14px 25px #eb5d0038}.primary-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.hero-facts{color:#3f3a36;align-items:center;gap:14px;margin-top:30px;display:flex}.hero-facts span{align-items:center;gap:7px;display:flex}.hero-facts svg{width:20px;color:var(--orange)}.type-preview{height:580px;position:relative}.type-card{--type-color:#256fd2;--type-tint:#edf5ff;border:2px solid color-mix(in srgb,var(--type-color) 42%,white);background:linear-gradient(180deg,#fff 0,var(--type-tint) 100%);border-radius:32px;flex-direction:column;justify-content:flex-end;align-items:center;width:360px;height:500px;padding:25px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 38px #3b362e1a}.type-card:before{content:"";background:color-mix(in srgb,var(--type-color) 12%,white);border-radius:50%;width:70px;height:70px;position:absolute;top:40px;left:42px}.type-card img{z-index:1;width:285px;height:300px;margin-bottom:15px}.type-card h3{text-align:center;width:100%;color:var(--type-color);background:#fff9;border-radius:18px;margin:0;padding:25px 16px;font-size:27px}.card-arrow{width:48px;height:48px;color:var(--type-color);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:34px;right:32px;box-shadow:0 4px 14px #2a2f3a1f}.card-arrow svg{width:22px}.preview-blue{z-index:2;top:10px;left:24px;transform:rotate(-7deg)}.preview-orange{top:92px;right:-5px;transform:rotate(6deg)}.home-thread{border-top:3px solid #ffbf71;border-radius:50%;height:100px;bottom:15px;left:-5%;right:-3%;position:absolute!important}.home-thread:after{content:"";border:3px solid #ffb44f;border-radius:50%;width:50px;height:60px;position:absolute;top:-28px;left:41%;transform:rotate(58deg)}.question-top{text-align:center;max-width:650px;margin:0 auto 34px}.question-top h2{letter-spacing:-.03em;margin:0 0 24px;font-size:26px}.question-top strong{font-size:19px}.question-top small{color:#2e2925}.progress-track{background:#e7e7e7;border-radius:8px;height:8px;margin-top:28px;position:relative}.progress-track i{background:var(--orange);border-radius:8px;height:100%;transition:width .25s;display:block}.progress-track span{background:var(--orange);border-radius:50%;width:15px;height:15px;transition:left .25s;position:absolute;top:50%;transform:translate(-50%,-50%)}.question-card{max-width:1280px;box-shadow:var(--shadow);background:#fff;border:1px solid #f1e8e1;border-radius:25px;margin:0 auto 55px;padding:38px 40px 34px}.q-badge{color:#fff;background:linear-gradient(135deg,#ff7a00,#ff5600);border-radius:18px;padding:7px 16px;font-size:18px;font-weight:900;display:inline-block}.question-card h1{letter-spacing:-.035em;outline:none;margin:20px 0 10px;font-size:31px;line-height:1.42}.helper{color:#514b46;align-items:center;gap:5px;margin:0;display:flex}.helper svg{width:17px;color:var(--orange)}.answers{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.answers.count-7,.answers.count-8{grid-template-columns:repeat(4,1fr)}.answers button{color:#191714;text-align:center;background:#fff;border:1.5px solid #ece2da;border-radius:14px;justify-content:center;align-items:center;min-height:142px;padding:25px 23px;font-size:17px;font-weight:650;line-height:1.55;display:flex;position:relative}.answers button:hover,.answers button.active{background:#fff6ee;border-color:#ff8438;box-shadow:0 8px 20px #d35a1014}.answers button>b{color:#fff;background:linear-gradient(135deg,#ff8500,#ff5900);border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:absolute;top:18px;left:18px}.answers button>span{max-width:240px}.question-nav{border-top:1px solid #eee5de;grid-template-columns:160px 1fr 175px;align-items:center;gap:24px;margin-top:38px;padding-top:30px;display:grid}.question-nav p{text-align:center;color:#5a534d;font-size:14px}.pill-button,.next-button{border-radius:29px;justify-content:center;align-items:center;gap:9px;height:54px;font-weight:800;display:flex}.pill-button{color:#292521;background:#fff;border:1px solid #e7ded7}.next-button{color:#fff;background:linear-gradient(135deg,#ff7900,#ff5d00);border:0}.next-button:disabled{opacity:.4;cursor:not-allowed}.pill-button svg,.next-button svg{width:20px}.loading-card{text-align:center;max-width:760px;box-shadow:var(--shadow);background:#fff;border:1px solid #f0e7df;border-radius:26px;margin:55px auto;padding:55px 72px 65px}.loading-card>.character{width:130px;height:130px;margin:0 auto 8px}.loading-card h1{margin:0;font-size:36px;line-height:1.4}.loading-card h1 em{color:var(--orange);font-style:normal}.loading-card>p{color:var(--muted);margin:16px 0 38px}.loading-bar{background:#eee8e3;border-radius:10px;height:10px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg,#ff9d32,#ff6500);border-radius:10px;height:100%;transition:width .4s;display:block}.analysis-steps{grid-template-columns:repeat(4,1fr);margin-top:30px;display:grid;position:relative}.analysis-steps:before{content:"";border-top:1px solid #eadfd6;position:absolute;top:18px;left:12%;right:12%}.analysis-steps div{z-index:1;color:#aaa19b;place-items:center;gap:10px;font-size:13px;display:grid}.analysis-steps span{color:#aaa;background:#eee9e4;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.analysis-steps .done span{color:var(--orange);background:#fff0e5;border:1px solid #ffc08f}.analysis-steps svg{width:17px}.result-title{text-align:center;margin:0 auto 28px}.result-title>b{font-size:25px}.result-title h1{letter-spacing:-.04em;margin:13px 0 8px;font-size:36px}.result-title h1 em{font-style:normal}.result-title p{color:#57514c;margin:0}.result-layout{grid-template-columns:34% 66%;gap:18px;max-width:1320px;margin:auto;padding:0 25px;display:grid}.result-profile,.education-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #f0e8e1;border-radius:24px}.result-profile{flex-direction:column;align-items:center;padding:27px 32px;display:flex}.result-profile>h2,.edu-heading h2{align-items:center;gap:13px;margin:0 0 24px;font-size:22px;display:flex}.result-profile>h2 span{border-top:2px solid var(--orange);width:42px}.result-type-card{--type-color:#f45b22;--type-tint:#fff3ed;border:1.5px solid color-mix(in srgb,var(--type-color) 42%,white);background:linear-gradient(180deg,#fff 0,var(--type-tint) 100%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:405px;display:flex;overflow:hidden}.result-type-card img{width:285px;height:285px}.result-type-card h3{color:var(--type-color);margin:7px 0 0;font-size:25px}.share-button{color:#302a26;background:#fff;border:1px solid #f1a56f;border-radius:28px;justify-content:center;align-items:center;gap:9px;width:100%;height:54px;margin-top:18px;font-weight:750;display:flex}.share-button svg{width:19px}.education-panel{padding:27px 34px}.edu-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.edu-heading h2 svg{color:var(--orange);fill:#fff1e5}.edu-heading label{color:#6d655f;white-space:nowrap;font-size:13px}.edu-heading select{color:#4a433e;background:#fffaf6;border:1px solid #eadfd6;border-radius:17px;margin-left:7px;padding:7px 26px 7px 10px}.course-list{gap:12px;display:grid}.course-card{min-height:118px;color:var(--text);border:1px solid #eee5de;border-radius:14px;grid-template-columns:120px 1fr 35px;align-items:center;text-decoration:none;transition:all .15s;display:grid;overflow:hidden}.course-card:hover{border-color:#ff9b5b;transform:translateY(-1px);box-shadow:0 7px 18px #844a2212}.course-icon{color:#f35d51;background:#fff0ef;place-items:center;height:100%;display:grid}.course-2 .course-icon{color:#eda000;background:#fff8e8}.course-3 .course-icon{color:#19a652;background:#edf9ef}.course-icon svg{stroke-width:1.7px;width:48px;height:48px}.course-copy{flex-direction:column;align-items:flex-start;padding:12px 22px;display:flex}.course-copy>small{color:#f15e32;background:#fff0ec;border-radius:13px;padding:4px 10px;font-weight:750}.course-copy>strong{margin:8px 0;font-size:19px}.course-meta{flex-wrap:wrap;gap:7px;display:flex}.course-meta i{color:#4d4742;background:#f5f4f2;border-radius:13px;padding:5px 11px;font-size:11px;font-style:normal}.course-cta{min-height:72px;color:var(--orange-dark);border:1.5px solid #ff7a2d;border-radius:14px;grid-template-columns:48px 1fr 24px;align-items:center;gap:10px;margin-top:14px;padding:10px 20px;text-decoration:none;display:grid}.course-cta>svg:first-child{width:36px;height:36px}.course-cta span{flex-direction:column;display:flex}.course-cta b{font-size:17px}.course-cta small{color:#4d4742;margin-top:4px}.result-nav{justify-content:space-between;max-width:1320px;margin:24px auto 35px;padding:0 25px;display:flex}.result-nav .pill-button{min-width:150px;padding:0 22px}@media (width<=1050px){.page-header{height:92px}.site-logo{width:195px}.home-hero{text-align:center;grid-template-columns:1fr;padding:25px}.hero-copy{padding:0}.primary-cta{margin-inline:auto}.hero-facts{justify-content:center}.type-preview{width:690px;max-width:100%;margin:40px auto}.preview-blue{left:5%}.preview-orange{right:5%}.answers,.answers.count-7,.answers.count-8{grid-template-columns:repeat(2,1fr)}.question-card{margin-inline:20px}.result-layout{grid-template-columns:1fr}.result-type-card{height:370px}.result-type-card img{width:260px;height:260px}.result-profile{width:100%;max-width:560px;margin:auto}.education-panel{width:100%}}@media (width<=650px){.page-header{height:78px;padding:9px 15px}.site-logo{width:165px;height:58px}.info-pill{gap:7px;padding:8px 10px;font-size:11px}.info-pill svg{width:15px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:16px}.primary-cta{width:100%;font-size:17px}.hero-facts{gap:7px;font-size:12px}.type-preview{height:390px}.type-card{border-radius:22px;width:230px;height:330px;padding:15px}.type-card img{width:190px;height:205px}.type-card h3{padding:15px;font-size:18px}.card-arrow{width:35px;height:35px;bottom:21px;right:20px}.preview-blue{left:0}.preview-orange{top:55px;right:-5px}.question-top{padding:20px 24px 0}.question-top h2{font-size:21px}.question-card{padding:26px 18px}.question-card h1{font-size:24px}.answers,.answers.count-7,.answers.count-8{grid-template-columns:1fr}.answers button{min-height:108px}.question-nav{grid-template-columns:1fr 1fr}.question-nav p{display:none}.loading-card{margin:35px 15px;padding:40px 20px}.loading-card h1{font-size:28px}.analysis-steps b{font-size:10px}.result-title{padding:10px 18px}.result-title h1{font-size:27px}.result-layout{padding:0 14px}.result-profile,.education-panel{padding:22px 16px}.result-type-card{height:330px}.result-type-card img{width:240px;height:240px}.edu-heading{flex-direction:column;align-items:flex-start}.course-card{grid-template-columns:80px 1fr 25px}.course-copy{padding:12px}.course-copy>strong{font-size:16px}.course-meta i{padding:4px 7px}.course-cta{grid-template-columns:36px 1fr 20px}.result-nav{padding:0 14px}.result-nav .pill-button{min-width:135px}.home-thread{display:none}}[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.app-bg{background-image:url(/growth-diagnosis/common-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.app-bg:after,.home-thread{display:none!important}@font-face{font-family:Ria;src:url(/growth-diagnosis/fonts/RiaSans-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:GmarketSans;src:url(/growth-diagnosis/fonts/GmarketSansMedium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}body,button,a,select,body :where(p,span,small,label,button,a,select,strong,b,i){font-family:GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:500}@font-face{font-family:Cafe24Ssurround;src:url(/growth-diagnosis/fonts/Cafe24Ssurround.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.answers button{text-align:center;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:16px;padding:24px 22px;display:grid}.answers button>b{grid-column:1;width:38px;height:38px;position:static}.answers button>span{text-align:center;overflow-wrap:anywhere;grid-column:2;width:100%;min-width:0;max-width:none}@media (width<=650px){.answers button{grid-template-columns:36px minmax(0,1fr);column-gap:13px;padding:20px 16px}.answers button>b{width:36px;height:36px}}@font-face{font-family:HakgyoansimDunggeunmiso;src:url(/growth-diagnosis/fonts/HakgyoansimDunggeunmiso-B.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GangwonEduSaeeum;src:url(/growth-diagnosis/fonts/GangwonEduSaeeum.woff?v=2)format("woff");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3{font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700}.site-logo{width:205px;height:62px}@media (width<=1050px){.site-logo{width:175px;height:58px}}@media (width<=650px){.site-logo{width:148px;height:52px}}.course-cta{border-color:var(--orange);color:#fff;background:linear-gradient(135deg,#ff7b16,#ff5f00);transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 8px 18px #dc53002e}.course-cta:hover,.course-cta:focus-visible{filter:brightness(1.06);transform:translateY(-3px);box-shadow:0 13px 26px #dc530047}.course-cta:hover>svg:last-child,.course-cta:focus-visible>svg:last-child{transform:translate(4px)}.course-cta>svg:last-child{transition:transform .18s}.type-card{width:330px;height:460px}.type-card img{width:260px;height:275px}.preview-blue{animation:4.8s ease-in-out infinite float-blue}.preview-orange{animation:5.4s ease-in-out .7s infinite float-orange}@keyframes float-blue{0%,to{transform:rotate(-7deg)translateY(0)}50%{transform:rotate(-7deg)translateY(-14px)}}@keyframes float-orange{0%,to{transform:rotate(6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-17px)}}@media (width<=650px){.type-card{width:215px;height:310px}.type-card img{width:175px;height:188px}}.result-flip-card{perspective:1200px;width:100%;height:405px;color:var(--text);background:0 0;border:0;border-radius:22px;padding:0}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.24,1);display:block;position:relative}.result-flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{border:1.5px solid color-mix(in srgb,var(--type-color) 42%,white);background:linear-gradient(180deg,#fff 0,var(--type-tint) 100%);backface-visibility:hidden;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 28px #51341e0f}.flip-card-front img{object-fit:contain;width:285px;height:275px}.flip-card-face h3{color:var(--type-color);margin:5px 0 10px;font-size:25px}.flip-card-face small{color:#81766e;font-size:12px}.flip-card-back{background:linear-gradient(145deg,#fff 0,var(--type-tint) 72%,color-mix(in srgb,var(--type-color) 12%,white) 100%);text-align:center;padding:42px;transform:rotateY(180deg)}.flip-card-back>small{color:var(--type-color);background:#fff;border-radius:16px;padding:7px 13px}.flip-card-back h3{margin:22px 0 18px;font-size:31px}.flip-card-back p{color:#49423d;word-break:keep-all;margin:0;font-size:17px;line-height:1.75}.flip-card-back b{color:var(--type-color);margin-top:28px;font-size:12px}.result-flip-card:hover .flip-card-face{box-shadow:0 16px 34px #51341e1c}@media (width<=650px){.result-flip-card{height:330px}.flip-card-front img{width:230px;height:220px}.flip-card-back{padding:28px}.flip-card-back p{font-size:15px}.flip-card-back h3{margin:16px 0;font-size:26px}}.result-flip-card{transition:transform .2s}.result-flip-card:hover{transform:translateY(-4px)}.result-flip-card:hover .flip-badge{background:var(--type-color);color:#fff;transform:translateY(-1px)}.flip-badge{z-index:2;border:1px solid color-mix(in srgb,var(--type-color) 45%,white);color:var(--type-color);background:#fffd;border-radius:16px;padding:7px 11px;font-size:11px;transition:background .2s,color .2s,transform .2s;position:absolute;top:16px;right:16px}.flip-hint{background:#fff;border-radius:15px;align-items:center;padding:7px 12px;display:inline-flex;box-shadow:0 4px 13px #3f2d2014;color:var(--type-color)!important}.flip-card-back .back-type-name{border-top:1px solid color-mix(in srgb,var(--type-color) 35%,white);border-bottom:1px solid color-mix(in srgb,var(--type-color) 35%,white);letter-spacing:-.02em;min-width:80%;text-shadow:0 3px 12px color-mix(in srgb,var(--type-color) 18%,transparent);background:#fff9;margin:20px 0 22px;padding:14px 24px;font-size:34px;line-height:1.2}@media (width<=650px){.flip-card-back .back-type-name{margin:14px 0 17px;padding:11px 16px;font-size:28px}}.page-header{justify-content:flex-start}.edu-heading label{display:none}.type-preview:before,.type-preview:after{z-index:4;pointer-events:none;content:"✦";opacity:.18;filter:drop-shadow(0 0 5px);line-height:1;animation:4.2s ease-in-out infinite soft-card-twinkle;position:absolute}.type-preview:before{color:#f6a55d;font-size:18px;top:4%;left:-4%}.type-preview:after{color:#86adeb;font-size:15px;animation-duration:4.9s;animation-delay:-1.7s;bottom:4%;right:-3%}@keyframes soft-card-twinkle{0%,to{opacity:.12;transform:scale(.78)rotate(-8deg)}48%{opacity:.5;transform:scale(1.08)rotate(5deg)}68%{opacity:.28;transform:scale(.92)rotate(1deg)}}.card-sparkle{z-index:4;pointer-events:none;opacity:.16;filter:drop-shadow(0 0 5px);line-height:1;animation:4.6s ease-in-out infinite soft-card-twinkle;position:absolute}.sparkle-1{color:#88b5f4;font-size:14px;animation-delay:-.8s;bottom:2%;left:8%}.sparkle-2{color:#f5a45e;font-size:17px;animation-duration:5.3s;animation-delay:-2.4s;top:-3%;left:46%}.sparkle-3{color:#f1a364;font-size:13px;animation-duration:4.1s;animation-delay:-1.2s;top:16%;right:-1%}.sparkle-4{color:#91b9ef;font-size:16px;animation-duration:5.7s;animation-delay:-3.1s;bottom:-1%;right:16%}@media (width<=650px){.type-preview:before{font-size:13px;top:1%;left:1%}.type-preview:after{font-size:11px;bottom:1%;right:1%}.sparkle-1{left:3%}.sparkle-2{font-size:13px;top:-1%;left:48%}.sparkle-3{font-size:10px;top:12%;right:0}.sparkle-4{font-size:12px;bottom:0;right:14%}}.course-card.course-online .course-copy>small{color:#288ed9;background:#eaf6ff}.course-card.course-online .course-arrow{color:#3d9fe8}.course-card.course-online:hover{border-color:#8bc9f5}.course-card.course-offline .course-copy>small{color:#ed6816;background:#fff0e5}.course-card.course-offline .course-arrow{color:#f47a25}.course-card.course-offline:hover{border-color:#f5a16a}.type-card{isolation:isolate;box-shadow:0 22px 42px #3b362e1c,inset 0 1px #fff}.type-card:after{content:"";z-index:2;background:linear-gradient(90deg,transparent,var(--type-color),transparent);opacity:.55;border-radius:0 0 6px 6px;height:4px;position:absolute;top:0;left:28px;right:28px}.type-card-label{z-index:2;border:1px solid color-mix(in srgb,var(--type-color) 22%,white);color:var(--type-color);letter-spacing:.12em;background:#ffffffb8;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;position:absolute;top:26px;right:25px;box-shadow:0 5px 14px #2f343c0d}.type-card img{filter:drop-shadow(0 12px 13px #2b303b1a)}.type-card h3{z-index:2;border:1px solid color-mix(in srgb,var(--type-color) 16%,white);letter-spacing:-.035em;background:linear-gradient(135deg,#fffffff2,#ffffffb8);position:relative;box-shadow:0 8px 22px #33363e12,inset 0 1px #fff}.type-card h3:after{content:"";background:var(--type-color);opacity:.65;border-radius:4px;width:28px;height:3px;margin:9px auto 0;display:block}@media (width<=650px){.type-card:after{height:3px;left:20px;right:20px}.type-card-label{padding:5px 8px;font-size:7px;top:15px;right:14px}.type-card h3:after{width:20px;height:2px;margin-top:6px}}.type-card.preview-blue:before{display:none}.eyebrow{isolation:isolate;background:#fffaf3;border:1.5px solid #ffc889;border-radius:999px;padding:12px 27px;position:relative;box-shadow:0 7px 18px #d8702517,inset 0 1px #fff}.eyebrow:before,.eyebrow:after{content:"";pointer-events:none;width:0;height:0;position:absolute;left:30px}.eyebrow:before{z-index:-2;border-top:13px solid #ffc889;border-right:13px solid #0000;bottom:-12px}.eyebrow:after{z-index:-1;border-top:11px solid #fffaf3;border-right:11px solid #0000;bottom:-9px;left:31.5px}.hero-copy .eyebrow+h1{margin-top:22px}.primary-cta{border:1px solid #ff8a3d;border-radius:20px;justify-content:space-between;gap:16px;width:390px;min-height:66px;padding:13px 14px 13px 28px;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 7px #d94f00,0 15px 28px #eb5d0033,inset 0 1px #ffffff5c}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 8px #d94f00,0 18px 31px #eb5d003d,inset 0 1px #fff6}.primary-cta:active{transform:translateY(4px);box-shadow:0 3px #d94f00,0 9px 18px #eb5d002e}.primary-cta>span:first-child{text-align:center;flex:1}.primary-cta-icon{background:#ffffff2e;border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.primary-cta-icon svg{width:21px;height:21px}@media (width>=1051px){.app-bg{height:100vh;min-height:720px;overflow:hidden}.page-header{height:88px;padding:13px max(32px,50vw - 668px)}.site-logo{width:175px;height:56px}.home-hero{align-items:center;width:min(100%,1400px);height:calc(100vh - 88px);min-height:632px;padding:0 54px 42px}.hero-copy{padding-left:12px}.hero-copy h1{margin-bottom:18px}.hero-copy p{margin-bottom:24px}.type-preview{transform-origin:50%;height:535px;transform:scale(.92)}.question-top{margin-bottom:20px}.question-top h2{margin-bottom:14px}.progress-track{margin-top:17px}.question-card{width:calc(100% - 64px);max-width:1320px;margin-bottom:24px;padding:27px 34px 24px}.question-card h1{margin:14px 0 7px;font-size:29px}.answers{gap:12px;margin-top:20px}.answers button{min-height:104px;padding:19px 20px}.answers button>b{width:34px;height:34px;font-size:16px;top:15px;left:15px}.question-nav{margin-top:22px;padding-top:18px}.loading-card{margin:22px auto 0;padding:38px 64px 43px}.loading-card>.character{width:112px;height:112px}.loading-card h1{font-size:32px}.loading-card>p{margin:12px 0 27px}.analysis-steps{margin-top:22px}.result-title{margin-bottom:20px}.result-title h1{margin-top:0}.result-layout{gap:24px;width:calc(100% - 64px);max-width:1320px;padding:0}.result-flip-card{height:350px}.flip-card-front img{width:245px;height:235px;margin-bottom:8px}.flip-card-front h3{padding:17px 15px;font-size:22px}.education-panel{padding:20px 25px}.course-list{gap:9px}.course-card{grid-template-columns:102px 1fr 32px;min-height:103px}.course-copy{padding:9px 18px}.course-copy>strong{margin:5px 0 3px;font-size:19px}.course-detail{margin-bottom:5px}.course-banner{grid-template-columns:56px 1fr auto;width:calc(100% - 64px);max-width:1320px;min-height:88px;margin:20px auto 24px;padding:13px 25px}.course-banner-icon{border-radius:17px;width:52px;height:52px}.course-banner-icon svg{width:29px;height:29px}.course-banner-kicker{margin-bottom:4px;padding:3px 9px}.course-banner-copy b{font-size:19px}.course-banner-copy small{margin-top:3px}}@media (width>=1051px) and (height<=820px){.page-header{height:76px;padding-top:8px;padding-bottom:8px}.site-logo{height:50px}.home-hero{height:calc(100vh - 76px);min-height:644px;padding-bottom:24px}.type-preview{transform:scale(.84)}.question-top{margin-bottom:14px}.question-top h2{margin-bottom:9px;font-size:23px}.question-card{padding-top:22px;padding-bottom:19px}.answers button{min-height:92px}.question-nav{margin-top:17px;padding-top:14px}.loading-card{margin-top:10px;padding-top:31px;padding-bottom:35px}.result-title{margin-bottom:12px}.result-title h1{transform-origin:50%;transform:scale(.9)}.result-flip-card{height:320px}.flip-card-front img{width:220px;height:205px}.course-card{min-height:94px}.course-banner{min-height:76px;margin-top:14px;padding-top:9px;padding-bottom:9px}}.education-panel>.course-banner{border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;width:100%;max-width:none;min-height:86px;margin:14px 0 0;padding:12px 18px;box-shadow:0 7px 18px #924f2314}.education-panel>.course-banner .course-banner-icon{border-radius:15px;width:48px;height:48px}.education-panel>.course-banner .course-banner-icon svg{width:27px;height:27px}.education-panel>.course-banner .course-banner-kicker{margin-bottom:3px;padding:3px 8px;font-size:9px}.education-panel>.course-banner .course-banner-copy small{margin-top:3px;font-size:11px}.education-panel>.course-banner .course-banner-action{padding:9px 13px;font-size:12px}@media (width>=1051px){.result-profile{position:sticky;top:88px}.education-panel>.course-banner{margin-top:11px}.education-panel>.course-banner:before{top:-105px;right:110px}.education-panel>.course-banner:after{right:34px}}@media (width>=1051px) and (height<=820px){.education-panel>.course-banner{min-height:67px;margin-top:8px;padding:7px 14px}.education-panel>.course-banner .course-banner-icon{width:42px;height:42px}.education-panel>.course-banner .course-banner-copy small{display:none}.education-panel>.course-banner .course-banner-kicker{margin-bottom:2px}}@media (width<=1050px){.education-panel>.course-banner{width:100%;margin:18px 0 0}}@media (width<=650px){.education-panel>.course-banner{grid-template-columns:46px 1fr;min-height:auto;padding:15px}.education-panel>.course-banner .course-banner-action{grid-column:1/-1;justify-content:center;width:100%}}.question-card-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.question-back{color:#554d47;background:#fffaf6;border:1px solid #eadfd6;border-radius:22px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-size:14px;font-weight:750;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.question-back svg{width:17px;height:17px;color:var(--orange)}.question-back:hover{background:#fff4e9;border-color:#f4ad7d;transform:translate(-2px)}@media (width>=1051px){.result-screen .course-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.result-screen .course-card{flex-direction:column;align-items:stretch;min-height:300px;padding-bottom:16px;display:flex;position:relative}.result-screen .course-icon{flex:0 0 92px;width:100%;height:92px}.result-screen .course-icon svg{width:42px;height:42px}.result-screen .course-copy{flex:1;align-items:flex-start;padding:15px 16px 8px}.result-screen .course-copy>strong{margin:9px 0 5px;font-size:18px;line-height:1.35}.result-screen .course-detail{min-height:34px;margin-bottom:9px}.result-screen .course-meta{margin-top:auto}.result-screen .course-arrow{width:18px;height:18px;position:absolute;bottom:14px;right:14px}.education-panel>.course-banner{min-height:91px;margin-top:11px}}@media (width>=1051px) and (height<=820px){.result-screen .course-card{min-height:260px}.result-screen .course-icon{flex-basis:72px;height:72px}.result-screen .course-copy{padding-top:10px}.result-screen .course-copy>strong{margin-top:6px;font-size:16px}.result-screen .course-detail{min-height:0;font-size:11px}.education-panel>.course-banner{min-height:67px}}@media (width<=1050px){.question-card-top{align-items:center}.question-back{height:40px}}.result-flip-card .flip-card-front{justify-content:flex-start;padding:27px 25px 22px}@media (width<=650px){.result-flip-card .flip-card-front{padding:20px 15px 17px}}.result-screen .result-layout{padding-top:10px}.result-column-title{color:#554d47;letter-spacing:-.035em;margin:0 0 16px;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-size:25px;font-weight:700;line-height:1.25}.result-profile>.result-column-title{text-align:left;width:min(100%,310px)}.education-panel>.result-column-title{color:var(--orange);font-size:28px}@media (width>=1051px){.result-profile,.education-panel{padding-top:20px}.result-screen .result-layout{padding-top:6px}.result-column-title{margin-bottom:13px}}@media (width<=1050px){.result-screen .result-layout{padding-top:12px}.result-profile>.result-column-title{margin-inline:auto}.education-panel>.result-column-title{font-size:25px}}@media (width<=650px){.result-column-title{margin-bottom:12px;font-size:22px}.education-panel>.result-column-title{font-size:24px}}.result-profile>.result-column-title{display:none}.flip-card-front{justify-content:flex-start;padding:27px 25px 22px}.flip-card-front .front-type-kicker{z-index:2;color:#756d66;letter-spacing:-.02em;margin:0 0 5px;font-size:13px;font-weight:650;position:relative}.flip-card-front .front-type-name{z-index:2;width:auto;color:var(--type-color);box-shadow:none;letter-spacing:-.045em;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:31px;line-height:1.2;position:relative}.flip-card-front .front-type-name:after{content:none}.flip-card-front .character{flex:1;width:255px;height:275px;min-height:0;margin:2px 0 4px}.flip-card-front .front-detail-hint{z-index:2;border:1px solid color-mix(in srgb,var(--type-color) 24%,white);color:var(--type-color);background:#ffffffb8;border-radius:16px;justify-content:center;align-items:center;padding:7px 13px;font-size:11px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 5px 14px #32343a0f}.result-flip-card:hover .front-detail-hint{border-color:color-mix(in srgb,var(--type-color) 48%,white);background:#fff}@media (width<=650px){.flip-card-front{padding:20px 15px 17px}.flip-card-front .front-type-kicker{font-size:11px}.flip-card-front .front-type-name{padding:0;font-size:25px}.flip-card-front .character{width:205px;height:215px;margin:0}.flip-card-front .front-detail-hint{padding:6px 11px;font-size:10px}}.flip-card-front .front-detail-hint{gap:6px;padding:9px 15px;font-size:13px}.flip-card-front .front-detail-hint svg{width:16px;height:16px;transition:transform .18s}.result-flip-card:hover .front-detail-hint svg{transform:translate(3px)}.education-panel>.result-column-title{color:#554d47}.education-panel>.result-column-title strong{color:var(--orange);font-family:inherit;font-weight:700}.result-screen .course-card-head{color:#554d47;align-items:center;gap:8px;width:100%;padding:15px 15px 0;display:flex}.result-screen .course-card-head>b{color:#fff;background:linear-gradient(135deg,#ff7900,#ff5700);border-radius:9px;place-items:center;width:38px;height:34px;font-size:14px;display:grid;box-shadow:0 5px 12px #ee5b002e}.result-screen .course-card-head>small{color:#554d47;font-size:12px;font-weight:750}.result-screen .course-card-head>i{color:var(--orange);white-space:nowrap;background:#fff8f2;border:1px solid #ffc291;border-radius:12px;margin-left:auto;padding:4px 8px;font-size:9px;font-style:normal;font-weight:750}.result-screen .course-card-action{width:calc(100% - 28px);min-height:38px;color:var(--orange-dark);background:#fff9f4;border:1px solid #f1a16d;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:8px 14px 0;padding:8px 12px;font-size:12px;font-weight:750;transition:background .16s,transform .16s;display:flex}.result-screen .course-card-action svg{width:15px;height:15px}.result-screen .course-card:hover .course-card-action{background:#fff2e7;transform:translateY(-1px)}@media (width>=1051px){.result-screen .course-card{min-height:255px;padding-bottom:13px}.result-screen .course-icon{display:none}.result-screen .course-copy{padding:14px 15px 6px}.result-screen .course-copy>strong{margin:0 0 7px;font-size:18px}.result-screen .course-detail{min-height:34px}.education-panel>.course-banner{min-height:132px;margin-top:13px;padding:18px 22px}.education-panel>.course-banner .course-banner-icon{width:58px;height:58px}.education-panel>.course-banner .course-banner-copy b{font-size:19px}}@media (width>=1051px) and (height<=820px){.result-screen .course-card{min-height:225px}.education-panel>.course-banner{min-height:110px;padding-top:13px;padding-bottom:13px}}@media (width<=650px){.flip-card-front .front-detail-hint{padding:7px 12px;font-size:11px}.result-screen .course-card-head{padding:13px 13px 0}.result-screen .course-card-action{width:calc(100% - 24px);margin-inline:12px}}.result-screen .course-card-head>small{letter-spacing:-.02em;font-size:14px;font-weight:800}.result-screen .course-online .course-card-head>small{color:#318fd2}.result-screen .course-offline .course-card-head>small{color:#eb6c1d}.result-screen .course-meta{flex-wrap:wrap;align-content:center;align-items:center;gap:6px;width:100%;display:flex}.result-screen .course-meta i{white-space:nowrap;background:#fff;border:1px solid #e9e1da;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;line-height:1.1;display:inline-flex}@media (width>=1051px){.result-screen{flex-direction:column;display:flex}.result-screen>.page-header{flex:0 0 88px}.result-screen .result-layout{flex:none;align-items:stretch;width:calc(100% - 64px);margin-top:auto;margin-bottom:auto;padding-top:0}.result-screen .education-panel{align-self:stretch;height:auto}.result-screen .result-profile{align-self:stretch;height:auto;padding-top:0;position:static}.result-screen .result-flip-card{aspect-ratio:auto;flex:auto;width:min(100%,330px);height:auto;min-height:0}.result-screen .share-button{flex:0 0 54px}}@media (width>=1051px) and (height<=820px){.result-screen>.page-header{flex-basis:76px}}.result-retry{z-index:5;color:#554d47;background:#fffdfb;border:1px solid #e7dcd3;border-radius:24px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 19px;font-size:14px;font-weight:750;transition:transform .16s,border-color .16s,background .16s;display:inline-flex;position:absolute;top:20px;right:max(32px,50vw - 668px);box-shadow:0 6px 16px #5037260f}.result-retry svg{width:17px;height:17px;color:var(--orange)}.result-retry:hover{background:#fff5eb;border-color:#f3aa78;transform:translateY(-2px)}.result-screen .course-online{background:linear-gradient(#f4fbff 0,#eaf6ff 100%);border-color:#a9d8f4}.result-screen .course-online .course-card-head>b{background:linear-gradient(135deg,#4ab2f2,#268dd5);box-shadow:0 5px 12px #2b91d333}.result-screen .course-online .course-card-action{color:#267fb9;background:#f8fdff;border-color:#7fc3ec}.result-screen .course-online:hover .course-card-action{background:#e7f6ff}.education-panel>.course-banner:before{opacity:.65;border-color:#ee8a3d}.education-panel>.course-banner:after{opacity:.36}.education-panel>.course-banner .course-banner-kicker{color:#e85f0b;letter-spacing:-.02em;background:0 0;border-radius:0;margin-bottom:7px;padding:0;font-size:14px;font-weight:850}@media (width<=650px){.result-retry{height:40px;padding:0 13px;font-size:12px;top:17px;right:14px}.education-panel>.course-banner .course-banner-kicker{font-size:12px;line-height:1.3}}.result-screen .course-online .course-copy>strong{color:#554d47}.result-screen .education-panel{position:relative}.result-screen .education-panel>.result-retry{top:-54px;right:0}.education-panel>.course-banner .course-banner-copy{gap:0}.education-panel>.course-banner .course-banner-kicker{margin:0 0 2px;line-height:1.2}.education-panel>.course-banner .course-banner-copy b{margin:0;line-height:1.18}.education-panel>.course-banner .course-banner-copy small{margin-top:4px;line-height:1.3}@media (width>=1051px){.result-screen .course-card{min-height:275px}.education-panel>.course-banner{min-height:145px}}@media (width>=1051px) and (height<=820px){.result-screen .course-card{min-height:240px}.education-panel>.course-banner{min-height:120px}.result-screen .education-panel>.result-retry{top:-48px}}@media (width<=1050px){.result-screen .education-panel>.result-retry{margin:0 0 14px auto;display:flex;position:static}.result-screen .education-panel{padding-top:18px}}.flip-card-front .front-detail-hint>span{color:var(--type-color);font-size:16px;font-weight:850;line-height:1;display:inline-block}.flip-card-back .back-education-tip{color:var(--type-color);word-break:keep-all;background:#fff9;border-radius:13px;margin:14px 0 0;padding:10px 12px;font-size:13px;font-weight:750;line-height:1.45;display:block}.flip-card-back .back-education-tip+b{margin-top:17px}@media (width>=1051px){.result-screen .result-layout{margin-top:auto;margin-bottom:auto}}@media (width<=650px){.flip-card-back .back-education-tip{margin-top:10px;padding:8px 9px;font-size:11px}.flip-card-back .back-education-tip+b{margin-top:12px}}.flip-card-front .front-detail-hint{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.result-flip-card:hover .front-detail-hint{background:0 0;border-color:#0000}.flip-card-back{padding:34px 38px}.flip-card-back>small{padding:6px 12px}.flip-card-back .back-type-name{margin:10px 0 14px;padding-top:10px;padding-bottom:10px}.flip-card-back p{line-height:1.65}.flip-card-back .back-education-tip{border-bottom:1px solid color-mix(in srgb,var(--type-color) 45%,white);background:0 0;border-radius:0;margin:13px auto 0;padding:0 1px 5px;line-height:1.55}@media (width<=650px){.flip-card-front .front-detail-hint{padding:0}.flip-card-back{padding:24px}.flip-card-back .back-type-name{margin:8px 0 11px;padding-top:8px;padding-bottom:8px}.flip-card-back .back-education-tip{margin-top:10px;padding:0 0 4px}}.question-top{padding-top:18px}.flip-card-back .back-education-tip{text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--type-color) 50%,white);text-decoration-color:color-mix(in srgb,var(--type-color) 50%,white);text-underline-offset:4px;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;border-bottom:0;padding:0;text-decoration-thickness:1px}@media (width>=1051px){.question-top{padding-top:14px}}@media (width<=650px){.question-top{padding-top:24px}.flip-card-back .back-education-tip{text-underline-offset:3px;padding:0}}.flip-card-back .back-education-tip{font-size:15px;line-height:1.6}.education-panel>.course-banner .course-banner-kicker{margin-bottom:5px}.answers button>span{word-break:keep-all;overflow-wrap:normal;line-break:strict}@media (width<=650px){.flip-card-back .back-education-tip{font-size:13px}.education-panel>.course-banner .course-banner-kicker{margin-bottom:4px}}@media (width>=1051px){.question-card{width:calc(100% - 80px);max-width:1120px;padding-left:30px;padding-right:30px}.answers{gap:12px}.answers button{grid-template-columns:28px minmax(0,1fr);column-gap:10px;padding-left:17px;padding-right:17px}.answers button>b{width:28px;height:28px;font-size:13px}}@media (width<=1050px) and (width>=651px){.answers button{grid-template-columns:30px minmax(0,1fr);column-gap:11px}.answers button>b{width:30px;height:30px;font-size:14px}}@media (width<=650px){.answers button{grid-template-columns:30px minmax(0,1fr);column-gap:11px}.answers button>b{width:30px;height:30px;font-size:14px}}.question-card-top{align-items:center}.question-card-top .q-badge{flex:none}.question-card-top h1{word-break:keep-all;flex:1;min-width:0;margin:0 18px;font-size:29px;line-height:1.35}.question-card-top .question-back{flex:none;margin-left:auto}.question-card>.helper{margin-top:12px}@media (width>=1051px){.question-top{margin-bottom:32px}}@media (width<=1050px){.question-top{margin-bottom:28px}.question-card-top h1{font-size:26px}}@media (width<=650px){.question-top{margin-bottom:24px}.question-card-top{grid-template-columns:auto 1fr auto;gap:10px;display:grid}.question-card-top h1{margin:0;font-size:21px}.question-card-top .question-back{padding:0 12px}}.question-card-top h1{margin-left:9px;margin-right:14px}@media (width>=1051px){.question-top{padding-top:28px}.question-card{padding-top:34px;padding-bottom:31px}.answers button{min-height:110px}}@media (width>=1051px) and (height<=820px){.question-top{padding-top:22px}.question-card{padding-top:27px;padding-bottom:25px}.answers button{min-height:98px}}@media (width<=1050px){.question-top{padding-top:30px}.question-card{padding-top:31px;padding-bottom:29px}}@media (width<=650px){.question-card-top h1{margin:0}.question-card{padding-top:29px;padding-bottom:28px}}.type-name-mosaic{font-family:inherit;font-weight:inherit;filter:blur(5px);opacity:.68;letter-spacing:.06em;-webkit-user-select:none;user-select:none;display:inline-block}@media (width<=650px){.eyebrow{padding:9px 18px;font-size:16px}.type-name-mosaic{filter:blur(4px)}}.result-flip-card{border-radius:32px}.flip-card-face{border-width:2px;border-radius:32px;box-shadow:0 22px 42px #3b362e1c,inset 0 1px #fff}.flip-card-front{isolation:isolate;justify-content:flex-end;padding:25px}.flip-card-front:after{content:"";z-index:2;background:linear-gradient(90deg,transparent,var(--type-color),transparent);opacity:.55;border-radius:0 0 6px 6px;height:4px;position:absolute;top:0;left:28px;right:28px}.flip-card-front img{filter:drop-shadow(0 12px 13px #2b303b1a);z-index:1;width:260px;height:260px;margin-bottom:14px}.flip-card-front h3{z-index:2;border:1px solid color-mix(in srgb,var(--type-color) 16%,white);letter-spacing:-.035em;background:linear-gradient(135deg,#fffffff2,#ffffffb8);border-radius:18px;width:100%;margin:0;padding:21px 16px;font-size:25px;position:relative;box-shadow:0 8px 22px #33363e12,inset 0 1px #fff}.flip-card-front h3:after{content:"";background:var(--type-color);opacity:.65;border-radius:4px;width:28px;height:3px;margin:8px auto 0;display:block}@media (width<=650px){.result-flip-card,.flip-card-face{border-radius:22px}.flip-card-front{padding:15px}.flip-card-front:after{height:3px;left:20px;right:20px}.flip-card-front img{width:215px;height:215px;margin-bottom:10px}.flip-card-front h3{padding:15px;font-size:20px}.flip-card-front h3:after{width:20px;height:2px;margin-top:6px}}.result-profile{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;padding:0}.result-flip-card{aspect-ratio:330/460;flex:none;width:min(100%,330px);height:auto}.result-profile .share-button{width:min(100%,330px)}@media (width<=1050px){.result-profile{max-width:560px;padding:0}}@media (width<=650px){.result-profile{padding:0}.result-flip-card,.result-profile .share-button{width:min(100%,290px)}}.flip-card-back .back-type-name{white-space:nowrap;width:calc(100% - 20px);min-width:0;padding-inline:10px;font-size:clamp(25px,2.2vw,32px)}@media (width<=650px){.flip-card-back .back-type-name{letter-spacing:-.045em;width:100%;padding-inline:4px;font-size:25px}}@media (hover:hover) and (pointer:fine){.result-flip-card:hover{transform:none}.result-flip-card .flip-card-inner{transform-origin:50%}.result-flip-card:not(.flipped):hover .flip-card-inner{animation:.72s ease-out flip-invite-hover}.result-flip-card.flipped:hover .flip-card-inner{animation:.72s ease-out flip-invite-hover-back}}@keyframes flip-invite-hover{0%,to{transform:rotateY(0)translateY(0)}46%{transform:rotateY(-7deg)translateY(-4px)}}@keyframes flip-invite-hover-back{0%,to{transform:rotateY(180deg)translateY(0)}46%{transform:rotateY(187deg)translateY(-4px)}}.result-title h1{width:fit-content;margin:13px auto 8px;position:relative}.result-title h1:before,.result-title h1:after{z-index:2;pointer-events:none;content:"✦ ◆ ● ✧ ★ ◆ ✦";white-space:nowrap;letter-spacing:9px;color:#0000;filter:drop-shadow(0 3px 5px #ff7e3038);opacity:0;background:linear-gradient(90deg,#ff6d28,#ffb52f,#77b9f2,#ff709e,#f7cf45,#6fc9b2);-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif;font-size:21px;position:absolute;top:50%}.result-title h1:before{animation:1.35s cubic-bezier(.12,.72,.28,1) .12s both title-confetti-left;right:calc(100% + 13px)}.result-title h1:after{animation:1.35s cubic-bezier(.12,.72,.28,1) .12s both title-confetti-right;left:calc(100% + 13px)}@keyframes title-confetti-left{0%{opacity:0;transform:translate(38px,-35%)scale(.22)rotate(14deg)}18%{opacity:1}52%{opacity:.9;transform:translate(-15px,-78%)scale(1.12)rotate(-9deg)}to{opacity:0;transform:translate(-58px,-120%)scale(.88)rotate(-24deg)}}@keyframes title-confetti-right{0%{opacity:0;transform:translate(-38px,-35%)scale(.22)rotate(-14deg)}18%{opacity:1}52%{opacity:.9;transform:translate(15px,-78%)scale(1.12)rotate(9deg)}to{opacity:0;transform:translate(58px,-120%)scale(.88)rotate(24deg)}}@media (width<=650px){.result-title h1:before,.result-title h1:after{letter-spacing:5px;font-size:14px}.result-title h1:before{right:calc(100% + 3px)}.result-title h1:after{left:calc(100% + 3px)}}@media (prefers-reduced-motion:reduce){.result-title h1:before,.result-title h1:after{display:none}}.result-title h1:before,.result-title h1:after{content:none}.title-confetti{z-index:3;pointer-events:none;width:1px;height:1px;position:absolute;top:52%}.confetti-left{right:calc(100% + 22px)}.confetti-right{left:calc(100% + 22px);transform:scaleX(-1)}.title-confetti i{--x:0px;--y:0px;--r:90deg;opacity:0;background:#ff7b32;border-radius:1px;width:5px;height:5px;animation:.9s cubic-bezier(.12,.7,.25,1) .12s both confetti-particle-pop;position:absolute;top:0;left:0}.title-confetti i:nth-child(2n){background:#f5be38;border-radius:50%;width:4px;height:4px}.title-confetti i:nth-child(3n){background:#72afe9;width:6px;height:3px}.title-confetti i:nth-child(4n){background:#f4789e}.title-confetti i:nth-child(5n){background:#63bda8}.title-confetti i:first-child{--x:-52px;--y:-6px;--r:130deg}.title-confetti i:nth-child(2){--x:-42px;--y:-31px;--r:210deg;animation-delay:.14s}.title-confetti i:nth-child(3){--x:-18px;--y:-48px;--r:250deg;animation-delay:.1s}.title-confetti i:nth-child(4){--x:8px;--y:-53px;--r:150deg;animation-delay:.16s}.title-confetti i:nth-child(5){--x:35px;--y:-39px;--r:280deg;animation-delay:.11s}.title-confetti i:nth-child(6){--x:51px;--y:-15px;--r:190deg;animation-delay:.15s}.title-confetti i:nth-child(7){--x:54px;--y:13px;--r:240deg;animation-delay:.13s}.title-confetti i:nth-child(8){--x:37px;--y:37px;--r:310deg;animation-delay:.17s}.title-confetti i:nth-child(9){--x:10px;--y:50px;--r:220deg;animation-delay:.12s}.title-confetti i:nth-child(10){--x:-19px;--y:45px;--r:160deg;animation-delay:.15s}.title-confetti i:nth-child(11){--x:-44px;--y:28px;--r:270deg;animation-delay:.1s}.title-confetti i:nth-child(12){--x:-56px;--y:10px;--r:200deg;animation-delay:.16s}@keyframes confetti-particle-pop{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}16%{opacity:1}72%{opacity:.95}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(var(--r))}}@media (width<=650px){.confetti-left{right:calc(100% + 8px)}.confetti-right{left:calc(100% + 8px)}.title-confetti{transform:scale(.78)}.confetti-right{transform:scaleX(-1)scale(.78)}}@media (prefers-reduced-motion:reduce){.title-confetti{display:none}}.result-title h1{color:#625a54;letter-spacing:-.035em;justify-content:center;align-items:baseline;gap:8px;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-size:29px;font-weight:700;display:flex}.result-title h1 em{letter-spacing:-.045em;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-size:40px;font-weight:700}.result-title-prefix{color:#625a54;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700}.result-layout{grid-template-columns:minmax(0,31fr) minmax(0,69fr);gap:22px}.result-flip-card,.result-profile .share-button{width:min(100%,310px)}.education-panel{background:#fffdfa;border-color:#eadfd5;padding:30px 34px;box-shadow:0 16px 38px #59371e17}.edu-heading{margin-bottom:20px}.edu-heading h2{letter-spacing:-.035em;color:#3e3935;margin:0;font-size:27px}.edu-heading h2 svg{width:31px;height:31px}.edu-heading-copy p{color:#766e68;margin:8px 0 0 44px;font-size:13px}.course-list{gap:13px}.course-card{border-width:1px;min-height:124px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 7px 18px #48362a11}.course-card.course-online{background:#f7fbff;border-color:#cfe3f2}.course-card.course-offline{background:#fffaf5;border-color:#efd9c7}.course-card.course-online:hover{box-shadow:0 10px 23px #3f84b61f}.course-card.course-offline:hover{box-shadow:0 10px 23px #c26a301c}.course-card.course-online .course-icon{color:#3d9fe8;background:#edf7fd}.course-card.course-offline .course-icon{color:#f47a25;background:#fff4e9}.course-copy>small{font-size:11px}.course-copy>strong{letter-spacing:-.03em;margin:8px 0 4px;font-size:21px;font-weight:800;line-height:1.25}.course-detail{color:#6d645e;margin-bottom:8px;font-size:13px;line-height:1.35}.course-cta{color:var(--orange-dark);filter:none;background:#fffaf5;border-color:#f08a48;box-shadow:0 4px 12px #d266230f}.course-cta small{color:#765f50;opacity:1}.course-cta:hover,.course-cta:focus-visible{filter:none;background:#fff4e9;transform:translateY(-2px);box-shadow:0 8px 18px #d266231c}@media (width<=1050px){.result-layout{grid-template-columns:1fr}.result-flip-card,.result-profile .share-button{width:min(100%,310px)}}@media (width<=650px){.result-title h1{font-size:22px;line-height:1.35;display:block}.result-title h1 em{font-size:30px}.education-panel{padding:22px 16px}.edu-heading h2{font-size:23px}.edu-heading-copy p{margin-left:0;font-size:12px}.course-copy>strong{font-size:18px}.course-detail{font-size:12px}.result-flip-card,.result-profile .share-button{width:min(100%,280px)}}.result-title{margin-bottom:40px}.result-layout{gap:34px}.course-banner{background:linear-gradient(100deg,#fffdfa,#fff6ed);border-radius:22px;grid-template-columns:58px 1fr 30px;width:calc(100% - 50px);max-width:1270px;min-height:94px;margin:32px auto 42px;padding:16px 30px;box-shadow:0 9px 24px #844a2213}.course-banner>svg:first-child{width:42px;height:42px}.course-banner b{font-size:20px}.course-banner small{margin-top:6px}@media (width<=1050px){.result-title{margin-bottom:34px}.result-layout{gap:30px}.course-banner{margin-top:30px}}@media (width<=650px){.result-title{margin-bottom:28px}.result-layout{gap:25px}.course-banner{border-radius:17px;grid-template-columns:40px 1fr 20px;width:calc(100% - 28px);min-height:84px;margin:25px auto 32px;padding:13px 16px}.course-banner>svg:first-child{width:30px;height:30px}.course-banner b{font-size:16px}.course-banner small{font-size:11px}}.course-banner{isolation:isolate;background:linear-gradient(110deg,#fffdf9 0,#fff5e8 58%,#ffecd9 100%);border:1.5px solid #efb180;grid-template-columns:70px 1fr auto;gap:20px;min-height:118px;padding:22px 32px;position:relative;overflow:hidden;box-shadow:0 12px 30px #924f231a}.course-banner:before{content:"";z-index:-1;opacity:.48;border:1px solid #f4bd8f;border-radius:50%;width:190px;height:190px;position:absolute;top:-78px;right:145px}.course-banner:after{content:"";z-index:-1;opacity:.22;background:radial-gradient(circle,#f5a866 2px,#0000 2.5px) 0 0/16px 16px;border-radius:50%;width:150px;height:95px;position:absolute;bottom:-48px;right:80px;transform:rotate(-8deg)}.course-banner-icon{color:#ed6c18;background:#fff9f2;border:1px solid #f0b180;border-radius:20px;place-items:center;width:62px;height:62px;box-shadow:0 7px 16px #cb621f1a;display:grid!important}.course-banner-icon svg{width:34px;height:34px}.course-banner-copy{z-index:1;align-items:flex-start;position:relative}.course-banner-kicker{color:#d95d10;letter-spacing:.03em;background:#ffead8;border-radius:13px;width:max-content;margin-bottom:7px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex!important}.course-banner-copy b{color:#554d47;font-size:21px}.course-banner-copy small{color:#765f50}.course-banner-action{z-index:1;color:#e7600e;white-space:nowrap;background:#fff;border-radius:22px;align-items:center;gap:8px;padding:12px 17px;font-size:13px;font-weight:700;transition:transform .18s,background .18s;position:relative;box-shadow:0 5px 14px #b1571d1a;flex-direction:row!important;display:inline-flex!important}.course-banner-action svg{width:17px;height:17px;transition:transform .18s}.course-banner:hover .course-banner-action,.course-banner:focus-visible .course-banner-action{background:#fff7ef;transform:translate(2px)}.course-banner:hover .course-banner-action svg,.course-banner:focus-visible .course-banner-action svg{transform:translate(3px)}@media (width<=650px){.course-banner{grid-template-columns:48px 1fr;gap:13px;min-height:108px;padding:17px}.course-banner:before{right:-45px}.course-banner:after{display:none}.course-banner-icon{border-radius:15px;width:46px;height:46px}.course-banner-icon svg{width:26px;height:26px}.course-banner-copy b{font-size:16px}.course-banner-kicker{margin-bottom:5px;font-size:9px}.course-banner-action{grid-column:1/-1;justify-content:center;width:100%;margin-top:2px;padding:9px 13px}.course-banner-copy small{font-size:10px}}.result-title h1{flex-direction:column;align-items:center;gap:2px;line-height:1.18}.result-type-line,.result-education-line{font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700}.result-type-line{color:#625a54;font-size:25px}.result-type-line em{font-size:31px!important}.result-education-line{color:#625a54;font-size:30px}.result-education-line strong{color:var(--orange);letter-spacing:-.045em;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-size:40px;font-weight:700}@media (width<=650px){.result-title h1{gap:3px;display:flex}.result-type-line{font-size:19px}.result-type-line em{font-size:24px!important}.result-education-line{font-size:22px}.result-education-line strong{font-size:29px;display:inline-block}}.result-layout{align-items:start}.education-panel{align-self:start;height:fit-content}.result-card-stage{aspect-ratio:310/460;isolation:isolate;flex:none;width:min(100%,310px);position:relative}.result-card-stage .result-flip-card{z-index:2;aspect-ratio:auto;width:100%;height:100%;min-height:0;display:block;position:relative}.card-celebration{z-index:3;pointer-events:none;position:absolute;inset:-42px -48px;overflow:visible}.celebration-piece{--tx:0px;--ty:0px;--turn:180deg;opacity:0;background:#ff7431;border-radius:2px;width:7px;height:4px;animation:1.55s cubic-bezier(.12,.68,.24,1) 60ms both card-confetti-pop;position:absolute;top:48%;left:50%;box-shadow:0 1px 3px #5b39221f}.celebration-piece:nth-child(3n){background:#f5bd32;border-radius:50%;width:6px;height:6px}.celebration-piece:nth-child(4n){background:#5aade7}.celebration-piece:nth-child(5n){background:#ef78a0;width:5px;height:9px}.celebration-piece:nth-child(6n){clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);background:#ffc443;border-radius:0;width:9px;height:9px}.celebration-piece:nth-child(7n){background:#65bca3}.celebration-piece:nth-child(11n){background:#9878db}.piece-1{--tx:-174px;--ty:-118px;--turn:260deg}.piece-2{--tx:-126px;--ty:-178px;--turn:170deg}.piece-3{--tx:-72px;--ty:-202px;--turn:320deg}.piece-4{--tx:-20px;--ty:-174px;--turn:210deg}.piece-5{--tx:48px;--ty:-198px;--turn:290deg}.piece-6{--tx:112px;--ty:-166px;--turn:150deg}.piece-7{--tx:170px;--ty:-112px;--turn:310deg}.piece-8{--tx:190px;--ty:-42px;--turn:220deg}.piece-9{--tx:177px;--ty:32px;--turn:330deg}.piece-10{--tx:154px;--ty:102px;--turn:190deg}.piece-11{--tx:98px;--ty:154px;--turn:280deg}.piece-12{--tx:34px;--ty:174px;--turn:140deg}.piece-13{--tx:-34px;--ty:170px;--turn:300deg}.piece-14{--tx:-102px;--ty:148px;--turn:210deg}.piece-15{--tx:-158px;--ty:98px;--turn:330deg}.piece-16{--tx:-188px;--ty:30px;--turn:170deg}.piece-17{--tx:-192px;--ty:-44px;--turn:280deg}.piece-18{--tx:-150px;--ty:-78px;--turn:200deg}.piece-19{--tx:-96px;--ty:-132px;--turn:310deg}.piece-20{--tx:88px;--ty:-132px;--turn:150deg}.piece-21{--tx:148px;--ty:-72px;--turn:260deg}.piece-22{--tx:136px;--ty:62px;--turn:190deg}.piece-23{--tx:62px;--ty:138px;--turn:300deg}.piece-24{--tx:-72px;--ty:132px;--turn:210deg}.piece-25{--tx:-208px;--ty:-88px;--turn:340deg}.piece-26{--tx:-162px;--ty:-154px;--turn:190deg}.piece-27{--tx:-42px;--ty:-220px;--turn:270deg}.piece-28{--tx:42px;--ty:-224px;--turn:160deg}.piece-29{--tx:158px;--ty:-154px;--turn:310deg}.piece-30{--tx:210px;--ty:-82px;--turn:210deg}.piece-31{--tx:208px;--ty:70px;--turn:320deg}.piece-32{--tx:142px;--ty:142px;--turn:170deg}.piece-33{--tx:12px;--ty:198px;--turn:290deg}.piece-34{--tx:-126px;--ty:164px;--turn:200deg}.piece-35{--tx:-208px;--ty:74px;--turn:330deg}.piece-36{--tx:-218px;--ty:-10px;--turn:150deg}.celebration-piece:nth-child(2n){animation-delay:.12s}.celebration-piece:nth-child(3n){animation-delay:.19s}.celebration-piece:nth-child(5n){animation-delay:.25s}.celebration-piece:nth-child(7n){animation-delay:.31s}@keyframes card-confetti-pop{0%{opacity:0;transform:translate(0)scale(.15)rotate(0)}13%{opacity:1}66%{opacity:.96}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.9) rotate(var(--turn))}}@media (width<=650px){.result-card-stage{aspect-ratio:280/415;width:min(100%,280px)}.card-celebration{inset:-30px -24px;transform:scale(.76)}}@media (prefers-reduced-motion:reduce){.card-celebration{display:none}}@media (width>=1051px){.result-card-stage{aspect-ratio:310/400}.result-screen .education-panel{padding:22px 28px}.result-screen .course-card{min-height:225px}.education-panel>.course-banner{min-height:105px;padding-top:14px;padding-bottom:14px}}@media (width>=1051px) and (height<=820px){.result-card-stage{aspect-ratio:310/375}.result-screen .course-card{min-height:205px}.education-panel>.course-banner{min-height:92px;padding-top:10px;padding-bottom:10px}}.result-flip-card .flip-card-back{text-align:center;justify-content:center;align-items:center;padding:28px 26px}.result-flip-card .flip-card-back>small{text-align:center;background:0 0;width:100%;margin:0;padding:0;line-height:1.35;display:block}.result-flip-card .flip-card-back .back-type-name{box-sizing:border-box;text-align:center;width:100%;margin:12px 0 19px;padding:10px 4px;line-height:1.15;display:block}.result-flip-card .flip-card-back>p{text-align:center;word-break:keep-all;width:100%;max-width:270px;margin:0 auto;font-size:16px;line-height:1.7}.result-flip-card .flip-card-back .back-education-tip{text-align:center;word-break:keep-all;width:100%;max-width:270px;margin:21px auto 0;line-height:1.65;display:block}@media (width<=650px){.result-flip-card .flip-card-back{padding:23px 20px}.result-flip-card .flip-card-back .back-type-name{margin:9px 0 14px;padding:8px 3px}.result-flip-card .flip-card-back>p,.result-flip-card .flip-card-back .back-education-tip{max-width:245px}.result-flip-card .flip-card-back .back-education-tip{margin-top:16px}}.hero-title-line,.hero-title-line em{white-space:nowrap;width:max-content;max-width:100%;font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-weight:700;display:block}.hero-title-line em{display:inline}.hero-title-first{font-size:clamp(27px,3.7vw,56px)}.hero-title-second{font-size:clamp(32px,4.35vw,66px)}.hero-title-diagnosis-first{font-size:clamp(35px,3.8vw,57px);line-height:1.08}.hero-title-diagnosis-second{margin-top:5px;font-size:clamp(35px,3.8vw,57px);line-height:1.08}@media (width<=1050px){.hero-title-line{margin-inline:auto}}:root{color:#554d47;--text:#554d47;--muted:#756d66}body,.home,.question-screen,.loading-screen,.result-screen,.hero-copy h1,.question-top,.question-top small,.question-card h1,.answers button,.pill-button,.loading-card h1,.result-title h1,.share-button{color:#554d47}:root{--font-body:16px;--font-body-prominent:18px;--font-label:13px;--font-control:14px;--font-card-title:18px;--font-section-title:25px}.hero-copy p{font-size:var(--font-body-prominent)}.helper,.loading-card>p,.result-flip-card .flip-card-back>p,.answers button{font-size:var(--font-body)}.question-back,.share-button,.pill-button{font-size:var(--font-control)}.front-type-kicker,.front-detail-hint,.course-detail,.course-banner-action{font-size:var(--font-label)}.education-panel>.result-column-title{font-size:var(--font-section-title)}.result-screen .course-copy>strong{font-size:var(--font-card-title)}.result-screen .course-card-head>small{font-size:14px}.result-screen .course-card-action{font-size:12px}.result-screen .course-meta i{font-size:11px}.education-panel>.course-banner .course-banner-kicker{font-size:13px}.education-panel>.course-banner .course-banner-copy b{font-size:19px}.education-panel>.course-banner .course-banner-copy small{font-size:12px}.education-panel>.course-banner .course-banner-action{font-size:13px}@media (width<=650px){:root{--font-body:15px;--font-body-prominent:16px;--font-label:12px;--font-control:13px;--font-card-title:17px;--font-section-title:23px}.result-screen .course-card-head>small{font-size:13px}.education-panel>.course-banner .course-banner-kicker{font-size:12px}.education-panel>.course-banner .course-banner-copy b{font-size:17px}.education-panel>.course-banner .course-banner-copy small{font-size:11px}.education-panel>.course-banner .course-banner-action{font-size:12px}}@media (width>=1051px){.home-hero{grid-template-columns:46% 54%;column-gap:0;width:calc(100% - 64px);max-width:1240px;padding-left:24px;padding-right:24px}.hero-copy{padding-left:0}.type-preview{justify-self:center;width:620px;max-width:100%}.preview-blue{left:20px}.preview-orange{right:10px}}:root{--primary:#1769e8;--primary-hover:#0f5dce;--primary-light:#eaf4ff;--navy:#17324d;--secondary:#526575;--muted:#7c8b97;--accent:#ff8a4c;--accent-light:#fff1e8;--page-bg:#f8fafc;--surface:#fff;--border:#dce5ef;--text:#17324d;--line:#dce5ef;--shadow:0 16px 40px #17324d14;color:var(--navy);background:var(--page-bg)}body,.home,.question-screen,.loading-screen,.result-screen{color:var(--navy);background-color:var(--page-bg)}.app-bg{background-color:var(--page-bg)}.hero-copy h1,.question-top,.question-top small,.question-card h1,.answers button,.pill-button,.loading-card h1,.result-title h1,.share-button{color:var(--navy)}.hero-copy p,.hero-facts,.helper,.question-nav p,.loading-card>p{color:var(--secondary)}.info-pill,.question-card,.loading-card,.result-profile,.education-panel{border-color:var(--border);background-color:var(--surface);box-shadow:var(--shadow)}.eyebrow{background:var(--primary-light);color:var(--primary);border-color:#b8d7ff}.eyebrow:before{border-top-color:#b8d7ff}.eyebrow:after{border-top-color:var(--primary-light)}.hero-copy h1 em,.hero-copy p b{color:var(--primary)}.primary-cta{background:linear-gradient(135deg,var(--primary),#2e7df0);border-color:#5a9cf5;box-shadow:0 8px #0d55bf,0 14px 25px #1769e838}.primary-cta:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary));filter:none;box-shadow:0 8px #0d55bf,0 18px 31px #1769e842,inset 0 1px #fff6}.primary-cta:active{box-shadow:0 3px #0d55bf,0 9px 18px #1769e833}.hero-facts svg{color:var(--primary)}.card-sparkle{color:var(--accent)}.type-card{box-shadow:0 20px 38px #17324d1c}.question-top strong b{color:var(--primary)}.progress-track{background:#e5edf6}.progress-track i,.progress-track span{background:var(--primary)}.q-badge,.answers button>b,.next-button{background:linear-gradient(135deg,var(--primary),#2e7df0)}.helper svg{color:var(--primary)}.answers button{border:1px solid var(--border);background:var(--surface);color:var(--navy)}.answers button:hover{background:#f5f9ff;border-color:#8dbdf8;box-shadow:0 8px 20px #1769e814}.answers button.active{border:2px solid var(--primary);background:var(--primary-light);box-shadow:0 8px 22px #1769e81f}.question-back,.pill-button{color:var(--primary);background:#fff;border-color:#afcdf5}.question-back svg,.pill-button svg{color:var(--primary)}.question-back:hover,.pill-button:hover{border-color:var(--primary);background:var(--primary-light)}.next-button:hover:not(:disabled){background:var(--primary-hover)}.loading-card h1 em{color:var(--primary)}.loading-bar{background:#e5edf6}.loading-bar i{background:linear-gradient(90deg,#54a1ff,var(--primary))}.analysis-steps:before{border-color:#c9dcf3}.analysis-steps div{color:var(--muted)}.analysis-steps span{color:var(--muted);background:#edf2f7}.analysis-steps .done{color:var(--primary)}.analysis-steps .done span{background:var(--primary-light);color:var(--primary);border-color:#9cc6fa}.result-screen{--text:var(--navy);color:var(--navy)}.result-screen .edu-heading h2,.result-screen .course-copy>strong,.result-screen .flip-card-back p,.result-screen .share-button,.result-screen .result-nav .pill-button,.result-screen .course-meta i{color:var(--navy)}.education-panel{border-color:var(--border);background:#fbfdff;box-shadow:0 16px 38px #17324d14}.education-panel>.result-column-title,.education-panel>.result-column-title strong{color:var(--primary)}.share-button{color:var(--primary);background:#fff;border-color:#afcdf5}.share-button:hover{border-color:var(--primary);background:var(--primary-light)}.result-retry{border-color:var(--border);color:var(--primary);background:#fff;box-shadow:0 6px 16px #17324d0f}.result-retry svg{color:var(--primary)}.result-retry:hover{background:var(--primary-light);border-color:#afcdf5}.course-card,.course-card.course-online,.course-card.course-offline,.result-screen .course-online{border-color:var(--border);background:linear-gradient(#fff 0,#f6faff 100%);box-shadow:0 7px 18px #17324d0f}.course-card:hover,.course-card.course-online:hover,.course-card.course-offline:hover{border-color:#9cc6fa;box-shadow:0 10px 23px #1769e81f}.result-screen .course-card-head>b,.result-screen .course-online .course-card-head>b{background:linear-gradient(135deg,var(--primary),#2e7df0);box-shadow:0 5px 12px #1769e82e}.result-screen .course-card-head>small,.result-screen .course-online .course-card-head>small,.result-screen .course-offline .course-card-head>small{color:var(--primary)}.course-copy>small,.course-card.course-online .course-copy>small,.course-card.course-offline .course-copy>small{background:var(--primary-light);color:var(--primary)}.result-screen .course-card-action,.result-screen .course-online .course-card-action{color:var(--primary);background:#f8fbff;border-color:#9cc6fa}.result-screen .course-card:hover .course-card-action,.result-screen .course-online:hover .course-card-action{background:var(--primary-light)}.course-arrow{color:var(--accent)}.education-panel>.course-banner,.course-banner{background:linear-gradient(110deg,#fff 0,var(--primary-light) 58%,#def 100%);border-color:#8ebbfa;box-shadow:0 12px 30px #1769e81f}.course-banner:before{border-color:#8ebbfa}.course-banner:after{background:radial-gradient(circle,var(--accent) 2px,transparent 2.5px)}.course-banner-icon{color:var(--primary);background:#fff;border-color:#afcdf5;box-shadow:0 7px 16px #1769e81a}.course-banner-kicker,.education-panel>.course-banner .course-banner-kicker{color:var(--accent);background:0 0}.course-banner-copy b{color:var(--navy)}.course-banner-copy small,.course-cta small{color:var(--secondary)}.course-banner-action{background:var(--primary);color:#fff;box-shadow:0 5px 14px #1769e829}.course-banner:hover .course-banner-action,.course-banner:focus-visible .course-banner-action{background:var(--primary-hover)}.course-cta{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 18px #1769e82e}.course-cta:hover,.course-cta:focus-visible{background:var(--primary-hover);filter:none;box-shadow:0 12px 24px #1769e838}.character,.type-card img,.flip-card-front img,.loading-card>.character{filter:none;object-fit:contain!important}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:var(--primary)}.result-screen{--result-violet:#7656d8;--result-violet-light:#f1edff}.result-screen .result-profile{box-shadow:none;background:0 0;border:0}.result-screen .course-card:nth-child(2){background:linear-gradient(#fff 0,#f8f5ff 100%);border-color:#dcd3fa}.result-screen .course-card:nth-child(2) .course-card-head>b{background:linear-gradient(135deg,var(--result-violet),#9677ee);box-shadow:0 5px 12px #7656d82e}.result-screen .course-card:nth-child(2) .course-card-head>small{color:var(--result-violet)}.result-screen .course-card:nth-child(2) .course-card-action{color:var(--result-violet);background:#fbf9ff;border-color:#cfc1f5}.result-screen .course-card:nth-child(2):hover{border-color:#b9a5ee;box-shadow:0 10px 23px #7656d821}.result-screen .course-card:nth-child(2):hover .course-card-action{background:var(--result-violet-light)}.education-panel>.course-banner,.course-banner{background:linear-gradient(110deg,#fff 0,#edf5ff 54%,#eee9ff 100%);transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.course-banner .course-banner-icon,.course-banner .course-banner-kicker,.course-banner .course-banner-copy b,.course-banner .course-banner-copy small,.course-banner .course-banner-action{transition:background .22s,border-color .22s,color .22s,box-shadow .22s}.course-banner:hover,.course-banner:focus-visible{border-color:var(--primary);background:linear-gradient(115deg,var(--primary-hover),var(--primary) 58%,#684fd0);transform:translateY(-2px);box-shadow:0 15px 30px #1769e838}.course-banner:hover:before,.course-banner:focus-visible:before{border-color:#ffffff6b}.course-banner:hover .course-banner-icon,.course-banner:focus-visible .course-banner-icon{color:#fff;box-shadow:none;background:#ffffff24;border-color:#fff9}.course-banner:hover .course-banner-kicker,.course-banner:focus-visible .course-banner-kicker,.course-banner:hover .course-banner-copy b,.course-banner:focus-visible .course-banner-copy b,.course-banner:hover .course-banner-copy small,.course-banner:focus-visible .course-banner-copy small{color:#fff}.course-banner:hover .course-banner-action,.course-banner:focus-visible .course-banner-action{color:var(--primary-hover);background:#fff;box-shadow:0 6px 16px #0d3a7b33}.result-screen .course-card:nth-child(2),.result-screen .course-card:nth-child(3){background:linear-gradient(#fff 0,#f5f1ff 100%);border-color:#d8cdf8}.result-screen .course-card:nth-child(2) .course-card-head>b,.result-screen .course-card:nth-child(3) .course-card-head>b{background:linear-gradient(135deg,#6948cd,#9878ee);box-shadow:0 5px 12px #6948cd33}.result-screen .course-card:nth-child(2) .course-card-head>small,.result-screen .course-card:nth-child(3) .course-card-head>small{color:#6948cd}.result-screen .course-card:nth-child(2) .course-card-action,.result-screen .course-card:nth-child(3) .course-card-action{color:#6948cd;background:#faf8ff;border-color:#c9b9f3}.result-screen .course-card:nth-child(2):hover,.result-screen .course-card:nth-child(3):hover{border-color:#ab94e9;box-shadow:0 10px 23px #6948cd24}.result-screen .course-card:nth-child(2):hover .course-card-action,.result-screen .course-card:nth-child(3):hover .course-card-action{background:#eee8ff}.education-panel>.course-banner,.course-banner{background:linear-gradient(112deg,#f9fcff 0,#dceeff 42%,#e7deff 76%,#cfe4ff 100%)}.home .primary-cta{isolation:isolate;background:linear-gradient(120deg,#164fc7 0,#1779f2 35%,#7656d8 68%,#2e7df0 100%) 0 0/220% 220%;animation:5s ease-in-out infinite cta-gradient-shift;overflow:hidden;box-shadow:0 8px #0d55bf,0 15px 32px #2c5cd24d,0 0 0 5px #6395f51a}.home .primary-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);width:32%;animation:3.4s ease-in-out infinite cta-shine;position:absolute;inset:-45% auto -45% -35%;transform:skew(-20deg)}.home .primary-cta>span{z-index:1;position:relative}.home .primary-cta:hover{background:linear-gradient(120deg,#0f5dce,#276fe8 42%,#6948cd 78%,#1769e8) 0 0/180% 180%;box-shadow:0 8px #0b4dae,0 19px 36px #2c5cd25c,0 0 0 6px #6f8ced24}.home .hero-copy h1 em{color:#0000;background:linear-gradient(100deg,#1769e8 8%,#7656d8 48%,#2e8cf5 88%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3.8s ease-in-out infinite title-accent-flow;display:inline-block;position:relative}.home .hero-copy h1 em:after{content:"";transform-origin:50%;opacity:.72;background:linear-gradient(90deg,#5a9cf5,#7656d8,#8cbdf9);border-radius:999px;height:5px;animation:2.6s ease-in-out infinite title-underline-breathe;position:absolute;bottom:-8px;left:4%;right:4%}@keyframes cta-gradient-shift{0%,to{background-position:0}50%{background-position:100%}}@keyframes cta-shine{0%,56%{opacity:0;left:-38%}62%{opacity:1}83%,to{opacity:0;left:118%}}@keyframes title-accent-flow{0%,to{filter:drop-shadow(0 0 #4d6de000);background-position:0}50%{filter:drop-shadow(0 4px 8px #4d6de02e);background-position:100%}}@keyframes title-underline-breathe{0%,to{opacity:.42;transform:scaleX(.7)}50%{opacity:.82;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.home .primary-cta,.home .primary-cta:before,.home .hero-copy h1 em,.home .hero-copy h1 em:after{animation:none}}.education-panel>.course-banner:hover,.education-panel>.course-banner:focus-visible{background:linear-gradient(115deg,#0f5dce 0,#1769e8 48%,#684fd0 100%);border-color:#684fd0;transform:translateY(-2px);box-shadow:0 15px 30px #264cb440}.education-panel>.course-banner{background:linear-gradient(112deg,#fcfaff 0,#eee8ff 42%,#ddd3ff 76%,#e8e2ff 100%);border-color:#b8a5ee;box-shadow:0 12px 30px #6948cd24}.education-panel>.course-banner:before{border-color:#9277df}.education-panel>.course-banner:after{background:radial-gradient(circle,#8b6fdb 2px,#0000 2.5px)}.education-panel>.course-banner .course-banner-icon{color:#6948cd;background:#f8f5ff;border-color:#cbbdf3;box-shadow:0 7px 16px #6948cd1f}.education-panel>.course-banner .course-banner-kicker{color:#6948cd}.education-panel>.course-banner .course-banner-action{color:#fff;background:#6948cd;box-shadow:0 5px 14px #6948cd33}.education-panel>.course-banner:hover,.education-panel>.course-banner:focus-visible{background:linear-gradient(115deg,#5134b4 0,#6948cd 55%,#8d70e4 100%);border-color:#6d4fd0;box-shadow:0 15px 30px #5134b447}.education-panel>.course-banner:hover .course-banner-action,.education-panel>.course-banner:focus-visible .course-banner-action{color:#5a3bbe;background:#fff}.education-panel>.course-banner:hover:before,.education-panel>.course-banner:focus-visible:before{opacity:.88;border-color:#fff;box-shadow:0 0 18px #ffffff4d}.education-panel>.course-banner:hover:after,.education-panel>.course-banner:focus-visible:after{opacity:.68;background:radial-gradient(circle,#fff 2px,#0000 2.7px)}.education-panel>.course-banner:hover .course-banner-kicker,.education-panel>.course-banner:focus-visible .course-banner-kicker,.education-panel>.course-banner:hover .course-banner-copy b,.education-panel>.course-banner:focus-visible .course-banner-copy b,.education-panel>.course-banner:hover .course-banner-copy small,.education-panel>.course-banner:focus-visible .course-banner-copy small{color:#fff}.education-panel>.course-banner:hover .course-banner-icon,.education-panel>.course-banner:focus-visible .course-banner-icon{color:#fff;background:#ffffff24;border-color:#ffffffd1}.education-panel>.course-banner:hover .course-banner-action,.education-panel>.course-banner:focus-visible .course-banner-action{color:#fff;background:#ffffff24;border:1px solid #ffffffb3;box-shadow:0 6px 16px #2c1c7038}@media (width<=480px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-bg{background-position:top;background-attachment:scroll;min-height:100svh}.page-header{height:68px;padding:8px 16px}.site-logo{width:140px;height:48px}.home-hero{gap:20px;min-height:auto;padding:24px 18px 36px}.hero-copy h1{margin:20px 0 17px;font-size:clamp(36px,10.5vw,43px);line-height:1.16}.hero-copy p{margin-bottom:23px;font-size:15px;line-height:1.65}.home .primary-cta{border-radius:17px;min-height:60px;padding:10px 11px 10px 20px}.primary-cta-icon{width:38px;height:38px}.type-preview{width:100%;height:300px;margin:22px auto 0}.type-card{border-radius:20px;width:48%;max-width:176px;height:255px;padding:11px}.type-card img{width:138px;height:150px;margin-bottom:8px}.type-card h3{border-radius:13px;padding:13px 8px;font-size:15px}.preview-blue{top:2px;left:1%}.preview-orange{top:30px;right:1%}.question-top{margin-bottom:18px;padding:18px 20px 0}.progress-track{margin-top:18px}.question-card{border-radius:20px;width:calc(100% - 24px);margin:0 12px 28px;padding:22px 15px 20px}.question-card-top{grid-template-columns:auto 1fr auto;align-items:center}.question-card-top h1{text-align:center;grid-area:2/1/auto/-1;margin-top:5px;font-size:22px}.question-card>.helper{text-align:center;justify-content:center;margin-top:10px;font-size:13px}.answers{gap:10px;margin-top:18px}.answers button{border-radius:12px;grid-template-columns:30px minmax(0,1fr);min-height:76px;padding:14px;font-size:15px;line-height:1.4}.loading-card{border-radius:21px;width:calc(100% - 24px);margin:28px 12px;padding:32px 17px 38px}.loading-card>.character{width:108px;height:108px}.loading-card h1{font-size:27px}.loading-card>p{margin:12px 0 28px;font-size:14px}.analysis-steps{gap:3px;margin-top:24px}.analysis-steps span{width:30px;height:30px}.analysis-steps b{word-break:keep-all;font-size:9px;line-height:1.3}.result-screen .result-layout{gap:22px;width:100%;padding:4px 12px 28px}.result-card-stage{aspect-ratio:260/385;width:min(100%,260px)}.result-flip-card,.result-profile .share-button{width:min(100%,260px)}.flip-card-front .character{width:190px;height:195px}.flip-card-front .front-type-name{font-size:24px}.result-profile .share-button{height:50px;margin-top:13px}.result-screen .education-panel{border-radius:20px;width:100%;padding:18px 12px}.education-panel>.result-column-title{text-align:center;font-size:22px}.result-screen .course-card{border-radius:14px;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 12px;display:flex}.result-screen .course-card-head{padding:12px 12px 0}.result-screen .course-copy{width:100%;padding:12px 14px 6px}.result-screen .course-copy>strong{font-size:17px;line-height:1.42}.result-screen .course-card-action{width:calc(100% - 24px);min-height:40px;margin:8px 12px 0}.education-panel>.course-banner{border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:10px;width:100%;margin-top:14px;padding:14px 12px}.education-panel>.course-banner .course-banner-icon{border-radius:13px;width:42px;height:42px}.education-panel>.course-banner .course-banner-copy b{font-size:16px}.education-panel>.course-banner .course-banner-kicker{font-size:10px}.education-panel>.course-banner .course-banner-copy small{font-size:10px;line-height:1.35}.education-panel>.course-banner .course-banner-action{grid-column:1/-1;width:100%;margin-top:3px}}@media (width>=1051px){.question-screen,.loading-screen{flex-direction:column;min-height:100vh;display:flex}.question-screen>.page-header,.loading-screen>.page-header{flex:0 0 88px}.question-screen>.question-top{width:min(650px,100% - 64px);margin-top:auto;margin-bottom:28px;padding-top:0}.question-screen>.question-card{flex:none;margin-top:0;margin-bottom:auto}.loading-screen>.loading-card{width:min(760px,100% - 64px);margin:auto;padding-top:42px;padding-bottom:46px}.question-screen>.question-top,.question-screen>.question-card,.loading-screen>.loading-card{position:relative;top:-18px}}.answers button>b,.analysis-steps span{text-align:center;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.analysis-steps span svg{display:block}.hero-copy .eyebrow{letter-spacing:-.02em;white-space:nowrap;font-size:17px}.preview-hand-note{z-index:5;color:#7655c9;font-family:var(--font-handwriting);letter-spacing:-.02em;white-space:nowrap;text-shadow:0 2px #fff,0 0 10px #ffffffe6;pointer-events:none;font-size:30px;font-weight:400;line-height:1;animation:5.4s ease-in-out .7s infinite float-hand-note;position:absolute;top:42px;right:2px;transform:rotate(4deg)}@keyframes float-hand-note{0%,to{transform:rotate(4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-17px)}}@media (prefers-reduced-motion:reduce){.preview-hand-note{animation:none}}@media (width<=1050px){.preview-hand-note{font-size:27px;top:38px;right:4%}}@media (width<=650px){.hero-copy .eyebrow{max-width:100%;padding-inline:14px;font-size:13px}.preview-hand-note{font-size:20px;top:2px;right:1%}}.type-card:before{border:1px solid color-mix(in srgb,var(--type-color) 24%,white);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--type-color) 20%,white) 0 38%,transparent 39%),radial-gradient(circle,color-mix(in srgb,var(--type-color) 55%,white) 0 4px,transparent 5px);width:190px;height:190px;box-shadow:0 0 0 18px color-mix(in srgb,var(--type-color) 6%,transparent),0 0 42px color-mix(in srgb,var(--type-color) 20%,transparent);background-size:auto,34px 34px;top:72px;left:50%;transform:translate(-50%)}.type-card:after{content:"✦  ✧  ✦";z-index:0;color:color-mix(in srgb,var(--type-color) 78%,white);letter-spacing:7px;text-shadow:-220px 145px 0 color-mix(in srgb,var(--type-color) 48%,white);opacity:.9;font-size:18px;position:absolute;top:28px;right:24px}.type-card-label{z-index:2;background:color-mix(in srgb,var(--type-color) 12%,white);color:var(--type-color);letter-spacing:.08em;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;position:absolute;top:25px;left:25px}.type-card h3{z-index:2;box-shadow:0 8px 22px color-mix(in srgb,var(--type-color) 14%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.education-panel>.course-banner .course-banner-copy b{color:#6948cd}@media (width<=480px){.page-header{height:34px;padding:0}.home-hero{width:100%;padding:18px 16px 30px;display:block;overflow:visible}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(40px,11.8vw,48px);line-height:1.13}.home .primary-cta{border-radius:15px;grid-template-columns:31px minmax(0,1fr) 31px;gap:0;width:78%;max-width:286px;min-height:50px;margin-inline:auto;padding:7px 8px;font-size:16px;display:grid}.home .primary-cta>span:first-child{text-align:center;grid-column:2}.home .primary-cta .primary-cta-icon{grid-column:3}.primary-cta-icon{flex:0 0 31px;width:31px;height:31px}.type-preview{width:min(100%,330px);height:250px;margin:76px auto 0;overflow:visible}.type-card{border-radius:19px;width:172px;max-width:none;height:228px;padding:9px}.type-card img{width:130px;height:136px;margin-bottom:5px}.type-card:before{width:114px;height:114px;box-shadow:0 0 0 10px color-mix(in srgb,var(--type-color) 6%,transparent),0 0 24px color-mix(in srgb,var(--type-color) 19%,transparent);background-size:auto,24px 24px;top:47px}.type-card:after{letter-spacing:3px;text-shadow:-132px 100px 0 color-mix(in srgb,var(--type-color) 48%,white);font-size:13px;top:20px;right:12px}.type-card-label{padding:5px 8px;font-size:8px;top:14px;left:14px}.type-card h3{padding:10px 6px;font-size:13px}.preview-blue{top:0;left:0}.preview-orange{top:20px;right:0}.preview-hand-note{transform-origin:50%;font-size:18px;animation:5.4s ease-in-out .7s infinite float-hand-note;top:-22px;right:4px}}.result-panel-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.result-panel-heading .result-column-title{color:var(--primary);font-family:HakgyoansimDunggeunmiso,GmarketSans,Noto Sans KR,Malgun Gothic,sans-serif;font-size:var(--font-section-title);letter-spacing:-.035em;margin:0;font-weight:700;line-height:1.25}.result-panel-heading .result-column-title strong{color:var(--primary);font-family:inherit;font-weight:700}.result-panel-heading .result-home{color:#6948cd;background:0 0;border:0;border-bottom:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 2px;font-size:14px;font-weight:800;transition:color .18s,border-color .18s,transform .18s;display:inline-flex}.result-panel-heading .result-home svg{width:17px;height:17px}.result-panel-heading .result-home:hover{color:#1769e8;border-bottom-color:currentColor;transform:translate(2px)}.result-nav{justify-content:center;align-items:center;gap:14px}.result-nav .pill-button{min-width:170px;padding:0 24px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.result-nav .pill-button:hover{transform:translateY(-2px)}.result-nav .result-home{color:#fff;background:linear-gradient(135deg,#1769e8,#7656d8);border-color:#7656d8;box-shadow:0 8px 20px #504ac433}.result-nav .result-home svg{color:#fff}.result-nav .result-home:hover{background:linear-gradient(135deg,#0f5dce,#6848ce);border-color:#6848ce}@media (width<=480px){.result-panel-heading{align-items:flex-start;gap:10px;margin-bottom:14px}.result-panel-heading .result-column-title{text-align:left;font-size:21px}.result-panel-heading .result-home{padding-top:4px;font-size:13px}.result-nav{gap:9px;width:100%;margin:4px auto 28px;padding:0 12px}.result-nav .pill-button{flex:1 1 0;min-width:0;height:50px;padding:0 10px;font-size:14px}}.flip-card-front{background:radial-gradient(circle at 18% 23%,color-mix(in srgb,var(--type-color) 72%,white) 0 3px,transparent 4px), radial-gradient(circle at 82% 31%,color-mix(in srgb,var(--type-color) 58%,white) 0 5px,transparent 6px), radial-gradient(circle at 76% 66%,color-mix(in srgb,var(--type-color) 45%,white) 0 3px,transparent 4px), radial-gradient(circle at 24% 72%,color-mix(in srgb,var(--type-color) 38%,white) 0 4px,transparent 5px), linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--type-tint) 86%,white) 47%,color-mix(in srgb,var(--type-color) 16%,white) 100%)}.flip-card-front:before{content:"";z-index:0;border:1px solid color-mix(in srgb,var(--type-color) 30%,white);background:radial-gradient(circle,color-mix(in srgb,var(--type-color) 18%,white) 0 42%,transparent 43% 57%,color-mix(in srgb,var(--type-color) 9%,transparent) 58% 64%,transparent 65%);width:245px;height:245px;box-shadow:0 0 0 18px color-mix(in srgb,var(--type-color) 6%,transparent),0 18px 44px color-mix(in srgb,var(--type-color) 20%,transparent);border-radius:50%;position:absolute;top:82px;left:50%;transform:translate(-50%)}.flip-card-front .character{z-index:1;position:relative;filter:drop-shadow(0 14px 15px color-mix(in srgb,var(--type-color) 22%,transparent))!important}.result-flip-card:hover .flip-card-front:before{box-shadow:0 0 0 22px color-mix(in srgb,var(--type-color) 8%,transparent),0 20px 50px color-mix(in srgb,var(--type-color) 27%,transparent)}@media (width<=650px){.flip-card-front:before{width:190px;height:190px;box-shadow:0 0 0 13px color-mix(in srgb,var(--type-color) 6%,transparent),0 14px 32px color-mix(in srgb,var(--type-color) 18%,transparent);top:68px}}@media (width<=480px){.flip-card-front:before{top:60px}.flip-card-front .character{transform:translateY(-8px)}}