@import"https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#153e73;background:#e5f4ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #226bc5;outline-offset:4px}button{touch-action:manipulation}a{text-decoration:none;color:inherit}.page{max-width:980px;min-height:100svh;margin:auto;padding:0 28px 24px;background:radial-gradient(ellipse at 50% 20%,#fff 0,#f1faff 47%,#eaf6ff)}header{height:94px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:15px}.brand{display:flex;align-items:center;gap:11px;font-family:Jua,sans-serif;font-size:34px;letter-spacing:-1px;white-space:nowrap;text-shadow:0 2px #fff}.brand em{color:#55a9ed;font-style:normal}.logo{width:73px;height:56px;flex-shrink:0}.menu-button{border:0;background:none;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:6px}.menu-button span{height:3px;width:100%;border-radius:5px;background:#396da7}.menu{position:absolute;right:0;top:79px;padding:8px;background:#fff;box-shadow:0 10px 35px #37649526;border-radius:16px;z-index:5;min-width:170px}.menu button{display:block;width:100%;border:0;background:none;padding:12px;text-align:left;border-radius:9px}.menu button:hover{background:#eaf5ff}.categories{display:flex;gap:14px;margin:0 10px 17px}.categories button{flex:1;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:40px;background:#e3f2ff;font-size:25px;font-weight:700;min-height:66px}.categories button span{font-family:system-ui;font-size:35px;line-height:1;color:#3b70ac}.categories button.active{background:linear-gradient(120deg,#4ca8ee,#56a5e7);border-color:#3b97e5;color:#fff}.categories button.active span{color:#fff}.hero{position:relative;overflow:hidden;border-radius:30px;min-height:402px;background:linear-gradient(115deg,#c5e4ff,#b8dfff 45%,#8bc9ff);isolation:isolate}.hero-art{position:absolute;width:68%;height:100%;right:0;top:0;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#c9e6ff,#cbe7ffeb 24%,#c9e6ff00 51%);pointer-events:none}.hero-copy{padding:26px 5.5% 25px}.eyebrow{font-family:Jua,sans-serif;color:#4d86bf;letter-spacing:2px;transform:rotate(-4deg);transform-origin:left;font-size:24px;margin:6px 0 10px}h1{font-family:Jua,sans-serif;font-weight:400;font-size:52px;line-height:1.15;letter-spacing:0;margin:0;text-shadow:0 2px #ffffffc9}.hero-description{font-size:18px;line-height:1.5;color:#386ba8;margin:12px 0 15px}.primary{display:flex;align-items:center;gap:19px;background:linear-gradient(#4aa9ef,#55a7e7);border:1px solid #fff9;border-radius:40px;color:#fff;padding:11px 29px;font-size:22px;font-weight:700;text-shadow:0 1px #3675b5;box-shadow:0 3px 8px #65afe329}.primary span{font-size:33px;line-height:1}.search{display:flex;align-items:center;gap:18px;background:#fff;border-radius:60px;padding:17px 25px;margin:27px 3px 29px;box-shadow:0 5px 20px #6fa7d32b;min-height:73px}.search>svg{width:35px;height:35px;color:#8b9cb4;flex-shrink:0}.search input{width:100%;min-width:0;border:0;background:none;font-size:23px;color:#254976;outline:none}.search input::placeholder{color:#899ab3}.search:focus-within{outline:2px solid #7dbbee}.search button{border:0;background:#cbd5e1;color:#fff;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:27px;line-height:24px;padding:0}.search button:disabled{opacity:.65;cursor:default}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 7px 17px}h2{font-family:Jua,sans-serif;font-weight:400;font-size:33px;margin:0}.section-heading h2>span{color:#4daaf2;text-shadow:0 2px #398ddb;font-size:38px;margin-right:7px}.section-heading>button{background:none;border:0;color:#3f70a9;font-size:22px;padding:10px 0 10px 10px;white-space:nowrap}.section-heading>button span{margin-left:10px;font-size:30px;line-height:1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;margin:0 4px}.card{display:block;text-align:left;border:3px solid #fff;background:#fff;border-radius:27px;padding:0;overflow:hidden;box-shadow:0 7px 22px #72afe513;min-width:0;transition:transform .2s}.card:hover{transform:translateY(-3px)}.thumbnail{position:relative;aspect-ratio:442/171;overflow:hidden;border-radius:23px}.thumbnail svg{display:block;width:100%;height:100%}.badge{position:absolute;top:13px;left:16px;border-radius:30px;background:#f2faff;color:#3f70aa;font-size:19px;padding:7px 19px;min-width:74px;text-align:center}.card-copy{position:relative;padding:12px 39px 13px 27px}.card h3{font-family:Jua,sans-serif;font-weight:400;font-size:25px;line-height:1.35;margin:0 0 3px;color:#153967;word-break:keep-all}.card p{font-size:20px;color:#8799b2;margin:0;line-height:1.4;word-break:keep-all}.arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:39px;color:#5b759a;line-height:1}.ad{min-height:132px;border:1px dashed #bfcfe0;border-radius:18px;margin:29px 6px 0;display:flex;justify-content:center;align-items:center;gap:30px;color:#90a1ba;background:#f4f8fc88}.ad>span{font-size:55px;color:#cbd7e3}.ad p{font-size:17px;line-height:1.6}.empty{text-align:center;padding:45px 16px;background:#fff9;border-radius:20px}.empty button{border:0;border-radius:30px;background:#519fe2;color:#fff;padding:12px 20px}dialog{border:0;border-radius:24px;padding:25px;max-width:420px;width:calc(100% - 36px);color:#153e73;background:#f8fcff;box-shadow:0 20px 90px #153e7340}dialog::backdrop{background:#18395566;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;background:#ffffffd9;border:0;border-radius:50%;width:36px;height:36px;font-size:27px;z-index:1}.dialog-art{width:100%;aspect-ratio:442/171;border-radius:16px;display:block;margin-bottom:20px}dialog h2{font-size:25px}dialog p{font-size:15px;color:#7b91af}.notice{font-size:15px;line-height:1.8;border-radius:14px;background:#e7f3ff;padding:18px;margin-top:18px}@media(max-width:600px){.page{padding:0 16px 20px}header{height:80px}.brand{font-size:23px;gap:7px;letter-spacing:-.7px}.logo{width:48px;height:39px}.menu-button{width:36px;height:44px;gap:6px;padding:4px}.categories{gap:7px;margin:0 1px 14px}.categories button{min-height:48px;font-size:16px;gap:7px;padding:4px}.categories button span{font-size:24px}.hero{border-radius:21px;min-height:272px}.hero-art{width:76%;right:-12%;opacity:.98}.hero:after{background:linear-gradient(90deg,#c9e6ff,#c9e6fff5 20%,#c9e6ff00 65%)}.hero-copy{padding:19px 6% 21px}.eyebrow{font-size:16px;letter-spacing:1px;margin:3px 0 9px}h1{font-size:35px;line-height:1.12}.hero-description{font-size:12px;line-height:1.5;margin:11px 0 12px;max-width:190px}.primary{font-size:15px;padding:10px 17px;gap:12px;min-height:44px}.primary span{font-size:24px}.search{gap:10px;margin:19px 1px 22px;padding:12px 15px;min-height:55px}.search>svg{width:25px;height:25px}.search input{font-size:16px}.search button{width:24px;height:24px;line-height:22px;font-size:23px}.section-heading{margin:0 2px 13px;gap:8px}.section-heading h2{font-size:23px}.section-heading h2>span{font-size:27px;margin-right:4px}.section-heading>button{font-size:14px;min-height:44px}.section-heading>button span{font-size:22px;margin-left:5px}.grid{gap:14px 12px;margin:0}.card{border-radius:17px;border-width:2px}.thumbnail{aspect-ratio:1.65;border-radius:14px}.thumbnail svg{width:100%;height:100%}.badge{font-size:12px;top:7px;left:7px;padding:5px 11px;min-width:44px}.card-copy{padding:11px 20px 12px 10px}.card h3{font-size:16px;line-height:1.35;min-height:43px;letter-spacing:-.4px}.card p{font-size:12px;line-height:1.5;min-height:36px;letter-spacing:-.3px}.arrow{right:7px;font-size:26px}.ad{min-height:100px;margin:21px 1px 0;gap:17px;border-radius:14px}.ad>span{font-size:38px}.ad p{font-size:12px}.menu{top:69px}}@media(max-width:360px){.page{padding-inline:12px}.brand{font-size:20px}.logo{width:43px}.hero-copy{padding-left:5%}h1{font-size:32px}.hero-art{right:-17%;width:85%}.categories button{font-size:15px;gap:4px}.card h3{font-size:15px}.card p{font-size:11px}.section-heading h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}dialog{max-height:90svh;overflow-y:auto;overscroll-behavior:contain}.progress-label{text-align:right;color:#6c8caf;font-size:13px;margin-top:20px}progress{width:100%;height:8px;accent-color:#55a5e6}.quiz h3{font-size:19px;line-height:1.6;word-break:keep-all;margin:22px 0}.answers{display:grid;gap:12px}.answers button{border:1px solid #b9d9f6;background:#edf7ff;border-radius:15px;min-height:56px;padding:15px;font-size:16px;line-height:1.5}.answers button:hover{background:#d7edff}.text-button{display:block;border:0;background:none;padding:15px 5px;min-height:48px;margin:8px auto 0;color:#507db0;font-size:14px}.result-label{display:block;margin-top:18px;font-size:13px;color:#6590bb}.result h3{font-family:Jua,sans-serif;font-weight:400;font-size:29px;margin:10px 0}.result p{line-height:1.8}.result .share{width:100%;justify-content:center;font-size:17px;min-height:50px;margin-top:20px}.result .disclaimer,.result .local-note{font-size:11px;line-height:1.7;color:#8b9bb0}.share-url{width:100%;font-size:13px;padding:12px;border:1px solid #b9d9f6;border-radius:10px}.dialog-art{max-height:140px}.brand,h1,h2,.card h3,.result h3{font-family:Jua,Noto Sans KR,system-ui,sans-serif;font-weight:800}.hero:after{background:linear-gradient(90deg,#c9e6ff,#c9e6fff5 24%,#c9e6ff66 43%,#c9e6ff00 66%)}.result-subtitle{font-weight:700;color:#3f70a9!important}.result-details{background:#fff;border:1px solid #dbeafa;border-radius:14px;padding:17px;font-size:14px;line-height:1.7}.result-details dt{color:#477cab;font-weight:700;font-size:12px;margin-top:12px}.result-details dt:first-child{margin-top:0}.result-details dd{margin:4px 0 0;color:#526a89}.answers button{text-align:left}.quiz h3{overflow-wrap:anywhere}.thumbnail .test-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}.test-image.dialog-art{display:block;object-fit:cover;object-position:center 48%}.thumbnail:has(.test-image){aspect-ratio:1.8}.test-image{background:#dfedff}@media(max-width:600px){.thumbnail:has(.test-image){aspect-ratio:1.5}}.menu-region{position:relative;flex-shrink:0}.menu-region .menu{top:calc(100% + 10px);right:0}.has-result #dialog-title{text-align:center;font-size:23px;line-height:1.5;margin:6px 22px 20px;word-break:keep-all}.result>.result-label,.result>h3,.result>.result-subtitle{text-align:center}.result>.result-label{margin-top:18px}.result-character{display:block;width:min(100%,300px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:22px;margin:0 auto 20px;background:#e9f4ff}.result>h3{font-size:28px;word-break:keep-all}.kakao-share{display:block;width:100%;border:0;border-radius:30px;background:#fee500;color:#191919;min-height:50px;padding:13px 20px;font-size:16px;font-weight:700;margin-top:22px}.kakao-share:before{content:"●";margin-right:9px}.share-setup-note{font-size:11px!important;text-align:center;line-height:1.7!important;margin:9px 0;color:#7d8ba0}.result .share{margin-top:12px}@media(max-width:360px){.has-result #dialog-title{font-size:20px}.result>h3{font-size:25px}}.result-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:18px 0}.result-tags span{font-size:12px;border-radius:20px;background:#edf4ff;color:#567ba5;padding:6px 10px}.friend-card{border:1px solid #dfebf7;border-radius:18px;background:#fff;padding:18px;margin-top:20px}.friend-card h4{font-size:15px;margin:0 0 14px;text-align:center}.friend-summary{display:flex;gap:14px;align-items:center}.friend-summary img{width:88px;height:88px;border-radius:16px;object-fit:cover;flex-shrink:0}.friend-summary strong{font-size:17px}.friend-summary p{font-size:12px!important;line-height:1.7;margin:7px 0 0}@media(max-width:360px){.friend-summary{flex-direction:column;text-align:center}.friend-summary img{width:100px;height:100px}}.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.language-switch{display:flex;gap:2px;align-items:center;padding:3px;background:#e6f2ff;border:1px solid #d2e5fb;border-radius:24px;flex-shrink:0}.language-switch button{border:0;background:transparent;min-height:34px;min-width:40px;padding:6px 10px;border-radius:20px;font-size:12px;line-height:1.3;font-weight:700;white-space:nowrap}.language-switch button[aria-pressed=true]{background:#4d98df;color:#fff;box-shadow:0 2px 5px #3c7cb51f}.dialog-language{display:flex;justify-content:center;margin:0 36px 16px}.dialog-language .language-switch button{min-height:30px}.hero-description{max-width:310px}.language-en h1,.language-en h2,.language-en h3,.language-en .brand{font-family:Noto Sans KR,system-ui,sans-serif;letter-spacing:-.4px}.language-en .eyebrow{font-family:system-ui,sans-serif;letter-spacing:1.4px;font-size:16px}.language-en .card h3{word-break:normal;overflow-wrap:anywhere}.language-en .card p{word-break:normal}.language-en .result h3{word-break:normal;overflow-wrap:anywhere}.language-en .quiz h3{word-break:normal}.language-en .answers button{line-height:1.55}.language-en .hero-description{font-size:16px;max-width:295px}.language-en .categories button{font-size:20px;gap:10px}.language-en .result-tags span{overflow-wrap:anywhere}.language-en .friend-summary p{word-break:normal}@media(max-width:600px){header{gap:8px}.brand{min-width:0;flex:1;font-size:18px;gap:5px}.brand>span{white-space:normal;word-break:keep-all;line-height:1.3}.logo{width:38px;height:34px}.header-actions{gap:8px}.language-switch button{padding:6px 8px;font-size:11px;min-width:34px;min-height:34px}.menu-button{width:30px}.hero-description{max-width:182px}.language-en .hero-description{font-size:12px;max-width:180px}.language-en .eyebrow{font-size:10px;letter-spacing:1.2px}.language-en h1{font-size:32px;line-height:1.18}.language-en .categories button{font-size:11px;gap:4px;min-height:48px}.language-en .categories button span{font-size:20px}.language-en .badge{font-size:10px;padding:5px 8px}.language-en .section-heading h2{font-size:21px}.language-en .card h3{font-size:15px;min-height:61px}.language-en .card p{font-size:11px;min-height:50px}.has-result.language-en #dialog-title{font-size:21px}.language-en .result h3{font-size:25px}.language-en .friend-summary{flex-direction:column;text-align:center}.dialog-language{margin-bottom:18px}.search input{font-size:14px}}@media(max-width:360px){.brand{font-size:15px}.logo{width:32px;height:30px}.header-actions{gap:5px}.language-switch button{padding:6px 7px;min-width:30px;font-size:10px}.language-en .categories button{font-size:10px;gap:3px}.language-en .categories button span{font-size:17px}.language-en .section-heading h2{font-size:19px}.language-en .card h3{font-size:14px}.language-en h1{font-size:30px}}.share-sheet{width:min(390px,calc(100% - 32px));padding:32px 24px 24px}.share-sheet h2{text-align:center;font-size:22px;margin:12px 12px 24px;word-break:keep-all}.share-options{display:grid;gap:11px}.share-options button,.share-options a{display:flex;align-items:center;justify-content:center;border:1px solid #c7ddf4;background:#edf6ff;color:#234e7d;border-radius:14px;min-height:49px;padding:13px;font:inherit;font-size:15px;font-weight:600;text-align:center}.share-options .share-kakao-option{background:#fee500;border-color:#fee500;color:#191919}.share-options button:disabled{opacity:.55;cursor:default}.share-sheet-status{font-size:13px;color:#5d7b9e;line-height:1.7;text-align:center}.thumbnail .test-image[src*=stock-personality]{object-fit:contain;background:#f5fbff}.friend-summary{overflow-wrap:anywhere}