:root{
  --ink:#35473e;--ink-soft:#64756a;--muted:#8a958b;--line:#e8e4d7;--paper:#fffdf7;--cream:#fff8ea;
  --green:#58866a;--green-dark:#3e6952;--mint:#dff0df;--mint-soft:#edf7eb;--coral:#ec9477;--coral-soft:#ffede4;
  --yellow:#f4d779;--lavender:#ece6fb;--sky:#e4f2f8;--pink:#fbe6e6;--sans:Verdana,Geneva,'Malgun Gothic','맑은 고딕',sans-serif;--round:Verdana,Geneva,'Malgun Gothic','맑은 고딕',sans-serif;--latin:Verdana,Geneva,'Malgun Gothic','맑은 고딕',sans-serif
}
*{box-sizing:border-box}html{min-width:320px;background:var(--cream)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 12% 20%,#f6e9cc 0,transparent 28%),radial-gradient(ellipse at 90% 57%,#e0f0df 0,transparent 30%),#fffaf0;color:var(--ink);font:14px var(--sans)}button{font-family:var(--sans)}.page-wash{position:fixed;width:370px;height:370px;border-radius:50%;pointer-events:none;z-index:0;opacity:.45}.wash-one{left:-245px;top:39%;background:#d7ebd5}.wash-two{right:-250px;top:4%;background:#ffe5d5}.topbar{height:76px;padding:0 max(calc((100vw - 1100px)/2),38px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9dfd1;background:#fffdf5d9;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mascot{width:38px;height:38px;display:grid;place-items:center;background:#e5f2de;border-radius:14px;font-size:21px;transform:rotate(-5deg)}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand b{font-size:12px;font-weight:700}.brand small{font:8px var(--latin);letter-spacing:.14em;color:#879487}.top-meta{font-size:9px;color:#79897b;display:flex;align-items:center;gap:7px}.tiny-spark{color:#df9a61;font-size:13px}.page-shell{width:min(1060px,100%);padding:0 28px;margin:0 auto;position:relative;z-index:1}.intro-screen{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;column-gap:15px;padding:54px 18px 0}.intro-copy{padding:0 0 24px 7px}.eyebrow{display:flex;align-items:center;gap:9px;color:#64886b;font:600 9px var(--latin);letter-spacing:.12em}.eyebrow-dash{width:21px;height:2px;border-radius:2px;background:#ef9b78}.intro-copy h1{font:400 39px/1.42 var(--round);letter-spacing:-.055em;margin:18px 0 13px;color:#31463a}.intro-copy h1 em{font-style:normal;color:#df8467;position:relative;white-space:nowrap}.intro-copy h1 em:after{content:"";height:6px;position:absolute;left:3px;right:2px;bottom:2px;background:#f5d98a9c;border-radius:7px;z-index:-1}.intro-text{font-size:11px;line-height:1.95;color:#738076;margin:0 0 23px}.primary-button{height:47px;min-width:210px;padding:0 16px;background:#59856a;color:white;border:0;border-radius:14px;box-shadow:0 5px 0 #426f53;cursor:pointer;font-size:11px;font-weight:600;text-align:left;transition:.2s}.primary-button span{float:right;font-size:17px;color:#d7eab9}.primary-button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #426f53;background:#4e795e}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #426f53}.intro-points{display:flex;flex-direction:column;gap:6px;margin-top:17px;font-size:8px;color:#8c968a}.intro-points i{font-style:normal;color:#5d956b;margin-right:5px}.hero-art{height:366px;position:relative;isolation:isolate}.hero-sun{position:absolute;width:260px;height:260px;border-radius:50%;background:#ffedb4;left:50%;top:51%;transform:translate(-50%,-50%);z-index:-1}.hero-art:before{content:"";position:absolute;width:314px;height:314px;border:1px dashed #d1c8a9;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%);z-index:-1}.hero-scribble{position:absolute;right:15%;top:7%;font-size:27px;color:#ed9c75;transform:rotate(12deg)}.scribble-two{right:auto;left:18%;top:32%;color:#91b978;font-size:19px}.hero-animal{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px}.animal-svg{width:100%;height:100%;display:grid;place-items:center}.animal-svg svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 5px #46594116)}.hero-animal>span{font-size:8px;color:#637469;background:#fffdf0cc;padding:4px 8px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px #5b6d5310}.animal-fox{width:126px;height:157px;left:8%;top:36%;transform:rotate(-7deg)}.animal-turtle{width:162px;height:193px;left:50%;top:22%;transform:translateX(-50%) rotate(2deg);z-index:1}.animal-owl{width:127px;height:155px;right:7%;top:35%;transform:rotate(7deg)}.hero-doodle{position:absolute;left:0;top:15%;font:12px/1.6 var(--round);color:#c97a60;transform:rotate(-10deg)}.intro-bottom{grid-column:1/3;margin:0 7px 44px;min-height:51px;border-top:1px solid #e2e1d4;border-bottom:1px solid #e2e1d4;display:flex;align-items:center;justify-content:space-between;color:#829083;font-size:8px}.intro-bottom>span:first-child{color:#5c7862;font-weight:600}.preview-animals{display:flex;gap:10px;font-size:16px;align-items:center}.preview-animals span:nth-child(odd){transform:translateY(-2px)}.preview-animals span:nth-child(even){transform:translateY(2px)}
.quiz-screen{max-width:690px;margin:39px auto 62px}.quiz-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e4d9;padding-bottom:13px}.back-button,.exit-button{background:transparent;border:0;color:#78867b;font-size:9px;cursor:pointer}.back-button span{padding-left:4px}.back-button:hover,.exit-button:hover{color:#e17f62}.quiz-kicker{font:600 8px var(--latin);letter-spacing:.15em;color:#93a08e}.progress-block{margin:20px 1px 22px}.progress-label{display:flex;justify-content:space-between;align-items:center;color:#879184;font:9px var(--latin);letter-spacing:.09em;margin-bottom:8px}.progress-label>span:last-child{color:#99a294}.progress-label b{font-weight:600;color:#53785c}.progress-label i{font-style:normal;color:#acb1a6}.progress-track{height:5px;background:#e8e9dc;border-radius:5px;overflow:hidden}.progress-track i{display:block;height:100%;width:10%;border-radius:5px;background:linear-gradient(90deg,#9ecb8e,#f0bd7a);transition:width .35s}.question-card{background:#fffefa;border:1px solid #ece9dc;border-radius:22px;padding:24px 27px 28px;box-shadow:0 9px 30px #596a4710}.question-top{display:flex;align-items:center;gap:9px}.question-number{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#e9f4e7;color:#5c8664;font:600 9px var(--latin)}.question-context{font-size:9px;color:#b08762}.question-card h2{font:400 20px/1.65 var(--round);margin:15px 0 19px;letter-spacing:-.025em;color:#33473b}.answer-list{display:flex;flex-direction:column;gap:8px}.answer-option{width:100%;min-height:53px;padding:10px 13px;border:1px solid #e7e7da;border-radius:13px;background:#fff;color:#59675c;display:flex;align-items:center;gap:11px;text-align:left;font-size:10px;line-height:1.6;cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.answer-option:hover,.answer-option:focus-visible{outline:0;transform:translateY(-1px);border-color:#a8c99d;background:#f6fbf1;box-shadow:0 3px 9px #7c9b6d17}.answer-option:active{transform:scale(.995)}.answer-letter{flex:0 0 24px;width:24px;height:24px;border-radius:9px;background:#f2f1e8;color:#8b8d79;display:grid;place-items:center;font:600 9px var(--latin)}.answer-option:hover .answer-letter{background:#deefd8;color:#53795d}.quiz-foot{display:flex;justify-content:space-between;padding:13px 4px;color:#9aa194;font-size:8px}
.result-screen{padding:30px 8px 0}.result-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e4d9;padding:0 4px 13px}.retry-button{border:1px solid #dcded1;border-radius:20px;background:#fffdf5;color:#768278;padding:7px 11px;font-size:9px;cursor:pointer}.retry-button:hover{border-color:#a1c099;color:#4e7858}.result-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:26px;padding:24px 26px 25px;margin-top:17px;border:1px solid #e9e4d6;border-radius:24px;background:linear-gradient(115deg,#fffef8 0%,#fbfff5 51%,#fff8ec 100%);box-shadow:0 10px 30px #6877590c}.result-art-wrap{min-height:245px;border-radius:20px;position:relative;display:grid;place-items:center;background:#eaf5e5;overflow:hidden}.result-art-wrap:before,.result-art-wrap:after{content:"";position:absolute;border:1px solid #c7ddb9;border-radius:50%;width:185px;height:185px;top:50%;left:50%;transform:translate(-50%,-50%)}.result-art-wrap:after{width:222px;height:222px;border-style:dashed;opacity:.65}.result-mascot{width:210px;height:200px;position:relative;z-index:1;filter:drop-shadow(0 8px 5px #4d694c18)}.result-mascot svg{width:100%;height:100%;overflow:visible}.animal-caption{position:absolute;bottom:10px;z-index:2;font-size:8px;padding:5px 11px;border-radius:14px;background:#fffdf1d9;color:#74806f;box-shadow:0 2px 8px #64745214}.result-confetti{position:absolute;top:24px;left:24px;color:#e7a26d;font-size:22px}.confetti-b{top:auto;left:auto;right:23px;bottom:40px;color:#8ab478;font-size:18px}.result-eyebrow{font-size:9px;color:#8a978b}.result-copy h1{font:400 26px/1.5 var(--round);letter-spacing:-.035em;color:#33483a;margin:8px 0 2px}.result-tagline{font-size:11px;color:#df886b;margin:0 0 11px;font-weight:500}.result-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}.result-tags span{font-size:8px;color:#66806b;background:#ecf4e7;border:1px solid #dfebd9;border-radius:14px;padding:5px 8px}.result-description{font-size:10px;line-height:1.95;color:#6f7c70;margin:0}.result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.detail-card{min-height:145px;border:1px solid #eae6da;border-radius:17px;background:#fffefa;padding:14px 15px}.habit-card{background:#f1f8ee}.watch-card{background:#fff4ec}.habit-tip-card{background:#f2f0fc}.detail-heading{display:flex;align-items:center;gap:8px}.detail-icon{width:29px;height:29px;border-radius:10px;background:#ffffffb8;display:grid;place-items:center;font-size:15px}.detail-heading small{display:block;font-size:7px;color:#8c9588;margin-bottom:3px}.detail-heading h2{font-size:10px;margin:0;font-weight:600;color:#516153}.detail-card>p{font-size:8px;line-height:1.85;color:#6f7c71;margin:12px 0 0}.lower-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:10px;margin-top:10px}.side-result-card{border:1px solid #e9e5d9;border-radius:17px;background:#fffefa;padding:14px 16px}.side-heading{display:flex;align-items:center;justify-content:space-between;font:600 7px var(--latin);letter-spacing:.12em;color:#90a08e;border-bottom:1px solid #efeee5;padding-bottom:9px;margin-bottom:10px}.side-heading span:last-child{font:8px var(--sans);letter-spacing:0;color:#a5a598}.hidden-type{display:flex;align-items:center;gap:9px}.hidden-mascot{width:53px;height:53px;flex:0 0 53px;border-radius:16px;background:#fff2d7;overflow:hidden;display:grid;place-items:center}.hidden-mascot svg{width:100%;height:100%}.hidden-type small{display:block;font-size:7px;color:#9aa093;margin-bottom:4px}.hidden-type b{font-size:10px;color:#536b56}.side-result-card>p{font-size:8px;line-height:1.7;color:#818a7e;margin:9px 0 0}.dna-card h2{font:400 12px var(--round);margin:0 0 12px;color:#4e6251}.axis-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 15px}.axis-row{display:grid;grid-template-columns:50px 1fr 22px;align-items:center;gap:6px}.axis-row span{font-size:7px;color:#818c81}.axis-row>b{font:7px var(--latin);font-weight:600;color:#9b9d84;text-align:right}.axis-track{height:5px;border-radius:5px;background:#eceddf;overflow:hidden}.axis-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#9bc88c,#efbd77)}.share-area{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;margin-top:13px;background:#fff1dc;border:1px solid #f0e2c7;border-radius:17px}.share-area>div:first-child b{display:block;font-size:10px;color:#5a6656}.share-area>div:first-child small{display:block;font-size:8px;color:#949084;margin-top:4px}.share-buttons{display:flex;gap:7px;flex-shrink:0}.share-button,.copy-button{height:36px;padding:0 12px;border-radius:11px;font-size:9px;cursor:pointer}.share-button{border:0;background:#5c8666;color:white}.share-button span{margin-left:13px;color:#e5f2d4}.share-button:hover{background:#4e7557}.copy-button{border:1px solid #e1d6c3;background:#fffdf7;color:#6f7568}.copy-button:hover{border-color:#c9ad7b}.share-status{height:14px;text-align:center;color:#65856a;font-size:8px;margin:7px 0 0}.disclaimer{text-align:center;color:#a1a095;font-size:7px;margin:8px 0 18px}.site-footer{max-width:1040px;margin:0 auto;padding:14px 25px 19px;border-top:1px solid #dfe2d7;color:#9aa294;display:flex;justify-content:space-between;font-size:8px;position:relative;z-index:1}.site-footer span:first-child{color:#6a806b;font-weight:600}.toast{position:fixed;left:50%;bottom:20px;z-index:9;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#405d47;color:white;padding:9px 14px;border-radius:12px;font-size:9px;box-shadow:0 8px 24px #4756403b;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:760px){.topbar{padding:0 22px}.page-shell{padding:0 20px}.intro-screen{grid-template-columns:.9fr 1.1fr;padding:46px 4px 0}.intro-copy h1{font-size:33px}.hero-art{height:325px}.animal-fox{width:105px;height:140px;left:3%}.animal-turtle{width:140px;height:170px}.animal-owl{width:107px;height:138px;right:2%}.hero-art:before{width:280px;height:280px}.hero-sun{width:230px;height:230px}.intro-bottom{margin-bottom:35px}.result-hero{gap:19px;padding:20px}.result-art-wrap{min-height:225px}.result-mascot{width:185px;height:180px}.result-copy h1{font-size:23px}.axis-row{grid-template-columns:44px 1fr 20px;gap:4px}}
@media(max-width:560px){.topbar{height:65px;padding:0 15px}.brand-mascot{width:34px;height:34px}.brand b{font-size:11px}.brand small{font-size:7px}.top-meta{font-size:8px}.page-shell{padding:0 14px}.intro-screen{display:flex;flex-direction:column;align-items:stretch;padding:34px 2px 0}.intro-copy{padding:0 7px}.intro-copy h1{font-size:31px;margin-top:14px}.intro-text{font-size:10px;margin-bottom:19px}.primary-button{height:44px;min-width:195px}.intro-points{font-size:7px;margin-top:12px}.hero-art{height:267px;margin-top:9px}.hero-art:before{width:236px;height:236px}.hero-sun{width:200px;height:200px}.animal-fox{width:95px;height:130px;left:3%;top:37%}.animal-turtle{width:125px;height:153px;top:21%}.animal-owl{width:94px;height:127px;right:2%;top:37%}.hero-doodle{font-size:10px;left:2%;top:11%}.hero-animal>span{font-size:7px;padding:3px 6px}.intro-bottom{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;padding:10px 4px;margin:0 4px 25px}.intro-bottom>span:last-child{grid-column:2;text-align:right;font-size:7px}.preview-animals{justify-content:flex-end;gap:6px;font-size:13px}.quiz-screen{margin:24px auto 40px}.quiz-kicker{font-size:7px}.progress-block{margin:17px 1px 15px}.question-card{padding:19px 16px 20px;border-radius:18px}.question-card h2{font-size:17px;margin:13px 0 15px}.answer-option{min-height:52px;font-size:9px;padding:9px}.quiz-foot{font-size:7px;gap:12px}.result-screen{padding:22px 0 0}.result-top{padding-left:1px;padding-right:1px}.result-top .eyebrow{font-size:8px}.result-hero{display:flex;flex-direction:column;gap:16px;padding:14px;margin-top:13px;border-radius:20px}.result-art-wrap{width:100%;min-height:215px}.result-mascot{width:190px;height:180px}.result-copy{width:100%;padding:0 3px 4px}.result-copy h1{font-size:23px}.result-description{font-size:9px}.result-details{grid-template-columns:1fr;gap:7px;margin-top:8px}.detail-card{min-height:0;padding:12px 13px}.detail-card>p{margin-top:8px}.lower-grid{grid-template-columns:1fr;gap:7px;margin-top:8px}.side-result-card{padding:12px 13px}.dna-card h2{font-size:11px}.axis-list{gap:10px 13px}.share-area{display:block;padding:14px;margin-top:9px}.share-buttons{margin-top:12px}.share-button,.copy-button{height:35px}.disclaimer{font-size:7px;line-height:1.7;margin:8px 4px 16px}.site-footer{margin:0 14px;padding:12px 0 16px;font-size:7px}.site-footer span:nth-child(2){max-width:130px;text-align:right}.site-footer span:last-child{display:none}}
@media(max-width:365px){.top-meta{font-size:7px}.animal-fox{left:0;width:87px}.animal-turtle{width:113px}.animal-owl{right:0;width:86px}.preview-animals{gap:4px;font-size:12px}.axis-list{grid-template-columns:1fr}.share-buttons{gap:5px}.share-button,.copy-button{padding:0 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
:root{--sans:'Malgun Gothic','맑은 고딕',Arial,sans-serif;--round:'Malgun Gothic','맑은 고딕',Arial,sans-serif;--latin:Verdana,Geneva,Arial,sans-serif}
body,button{font-family:var(--sans)}
.answer-option{min-height:57px;padding:11px 14px;gap:12px;color:#3f5144;font-size:13px;font-weight:500;line-height:1.7}
.answer-letter{flex-basis:27px;width:27px;height:27px;color:#687967;font-size:11px}
.question-card h2{font-family:var(--sans);font-weight:600}
@media(max-width:560px){.answer-option{min-height:57px;padding:11px 10px;gap:9px;font-size:12px}.answer-letter{flex-basis:26px;width:26px;height:26px}}
.result-eyebrow{font-size:12px;color:#617563}
.result-copy h1{font-size:30px}
.result-tagline{font-size:15px}
.result-tags span{font-size:10px;padding:6px 9px}
.result-description{font-size:13px;line-height:1.9;color:#4f6152}
.animal-caption{font-size:10px}
.detail-heading small{font-size:10px;color:#68786b}
.detail-heading h2{font-size:13px}
.detail-card>p{font-size:11px;line-height:1.85;color:#4f6052}
.side-heading{font-size:9px;color:#647c66}
.side-heading span:last-child{font-size:9px}
.hidden-type small{font-size:10px;color:#6f7f70}
.hidden-type b{font-size:12px}
.side-result-card>p{font-size:10px;line-height:1.8;color:#59695b}
.dna-card h2{font-size:14px}
.axis-row span,.axis-row>b{font-size:9px}
.share-area>div:first-child b{font-size:12px}
.share-area>div:first-child small{font-size:10px;color:#6f7769}
.share-button,.copy-button{font-size:11px}
.share-status,.disclaimer{font-size:9px}
@media(max-width:560px){.result-copy h1{font-size:25px}.result-tagline{font-size:14px}.result-description{font-size:12px;line-height:1.85}.detail-heading small{font-size:9px}.detail-heading h2{font-size:12px}.detail-card>p{font-size:11px}.side-heading,.side-heading span:last-child{font-size:8px}.hidden-type small{font-size:9px}.hidden-type b{font-size:11px}.side-result-card>p{font-size:10px}.dna-card h2{font-size:13px}.axis-row span,.axis-row>b{font-size:9px}.share-area>div:first-child b{font-size:11px}.share-area>div:first-child small{font-size:9px}.disclaimer{font-size:8px;line-height:1.7}}