@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#302b27;background:#faf7f0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8c79b2;outline-offset:5px}[hidden]{display:none!important}header{max-width:1180px;margin:auto;height:108px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e1d6}header>a:last-child{font-size:12px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-1px}.mark{background:#ed774b;color:#fff;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;font-size:28px;padding-bottom:5px}.brand small{font-size:9px;letter-spacing:1.5px;color:#96877a;margin-left:5px}main,footer{max-width:1116px;margin:auto}.hero{display:grid;grid-template-columns:1fr 450px;gap:60px;align-items:center;padding:65px 0 72px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b08165}h1{font-size:56px;letter-spacing:-3px;line-height:1.35;margin:24px 0 20px;font-weight:800}h1 em{font-style:normal;color:#e77750;position:relative}h1 em:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:8px;border-top:2px solid #e77750;border-radius:50%;transform:rotate(-3deg)}.intro>p{font-size:16px;line-height:1.9;color:#8b8279}.characters{display:flex;align-items:center;gap:15px;position:relative;width:max-content;margin-top:40px}.characters>div{width:153px;text-align:center}.characters svg{width:100%;height:140px}.characters span{font-size:12px;color:#968375}.characters i{font-family:Georgia,serif;font-size:27px;color:#baab9b;margin-bottom:30px}.sparkle{position:absolute;right:-35px;top:5px;font-size:32px;color:#dfb575}.intro-note{font-size:12px;color:#918276;margin-top:27px}.card{background:#fffefb;border:1px solid #e9e1d7;border-radius:24px;padding:28px;box-shadow:0 12px 36px #6c4b2910}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a4998d}.card-top b{font-size:10px;letter-spacing:0;font-weight:500;background:#f5efe5;color:#917b64;padding:5px 10px;border-radius:20px}h2{font-size:24px;letter-spacing:-1px;margin:21px 0 8px}.description{font-size:13px;color:#94897f;margin:0 0 24px}#upload-zone{width:100%;min-height:215px;background:#fbf9f5;border:1.5px dashed #d8caba;border-radius:15px;padding:20px;color:#74685d;position:relative;overflow:hidden;transition:.2s}#upload-zone:hover,#upload-zone.dragging{background:#fff2e8;border-color:#e77750}.upload-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;background:#fffdf9;border:1px solid #e6dace;border-radius:15px;font-size:28px;color:#bd9271;font-weight:400}#placeholder strong{display:block;font-size:14px;font-weight:600}#placeholder>span{display:block;font-size:12px;margin:8px 0;color:#a49689}#placeholder small{display:block;font-size:9px;color:#b1a496;margin-top:18px}#photo{max-width:100%;height:210px;object-fit:contain;border-radius:8px}#change{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#302b27b8;color:white;padding:5px 12px;border-radius:20px;font-size:10px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:#e77850;color:white;border:0;border-radius:11px;padding:15px 20px;font-size:14px;font-weight:600;margin-top:18px}.primary:hover:not(:disabled){background:#d96740}.primary:disabled{opacity:.55;cursor:not-allowed}#status{font-size:11px;color:#958a7d;line-height:1.7;min-height:19px;margin:12px 0;text-align:center}#status.error{color:#b54732}.privacy{border-top:1px solid #eee7df;padding-top:17px;font-size:10px;text-align:center;color:#a19589}.guide{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:36px 0;border-top:1px solid #e5ddd2;border-bottom:1px solid #e5ddd2}.guide h2{font-size:20px;margin-top:10px}.guide article>span{font-family:Georgia,serif;color:#bc9272;font-size:14px}.guide h3{font-size:13px;margin:9px 0}.guide p{font-size:11px;line-height:1.9;color:#93877a;margin:0}.disclaimer{font-size:10px;color:#a4998e;line-height:1.9;margin:24px 0 40px}footer{padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;color:#a4998e;font-size:10px}footer .brand{font-size:18px;color:#766a5e}#result{border-top:1px solid #eee7df;padding:22px 0}#result .eyebrow{text-align:center;font-size:9px}#result h3{text-align:center;font-size:26px;margin:12px 0;color:#df744b;letter-spacing:-1px}#result>p{font-size:12px;line-height:1.8;text-align:center;color:#918276}.score{display:flex;justify-content:space-between;font-size:12px;margin:15px 0 7px}.bar{height:9px;background:#f5eee6;border-radius:10px;overflow:hidden}.bar>div{height:100%;background:#e99869;border-radius:10px;transition:width .6s}.bar.cat>div{background:#a29abc}#result .score-note{font-size:10px}#reset{background:#f7f2ea;border:1px solid #e8ddcf;border-radius:10px;padding:11px;width:100%;font-size:12px;color:#786655}html{scroll-behavior:smooth}@media(max-width:1150px){main,footer{margin-left:40px;margin-right:40px}.hero{gap:35px;grid-template-columns:1fr 420px}h1{font-size:48px}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.intro{text-align:center}h1{font-size:45px}.intro>p{font-size:14px}.characters{margin:30px auto 0}.intro-note{margin-top:15px}.card{max-width:480px;width:100%;margin:auto}.guide{grid-template-columns:repeat(3,1fr);gap:18px}.guide>div{grid-column:1/-1}.brand small{display:none}footer{gap:15px;flex-wrap:wrap}header{height:82px;padding:0 24px}}@media(max-width:480px){main,footer{margin-left:22px;margin-right:22px}h1{font-size:40px}.card{padding:22px}.guide{grid-template-columns:1fr}.guide article{padding-left:32px;position:relative}.guide article>span{position:absolute;left:0;top:10px}.guide p br{display:none}.guide h2{font-size:19px}.characters{transform:scale(.9);margin-top:20px}.hero{padding-bottom:40px}.privacy{font-size:9px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:480px){.sparkle{right:-12px}}

.secondary{width:100%;border:1px solid #dacdbc;background:#fffaf2;border-radius:10px;padding:12px;margin-top:12px;color:#665044;font-size:13px}.secondary:disabled,button:disabled{cursor:not-allowed}.animal-select{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#74685d;margin-top:20px}select,input,textarea{font:inherit}select{max-width:100%;border:1px solid #dacdbc;border-radius:8px;background:white;color:#49392e;padding:9px}#camera-video{display:block;width:100%;max-height:270px;object-fit:contain;background:#292621;border-radius:12px;margin-top:15px}.camera-actions{display:flex;gap:10px;margin:12px 0}.camera-actions button{flex:1;border:1px solid #dacdbc;border-radius:8px;padding:10px;background:#f7f2ea;color:#665044}.breed-list{list-style:none;padding:0;margin:0 0 20px;counter-reset:breed}.breed-list li{padding:5px 0;counter-increment:breed}.breed-list .score{margin:8px 0;font-size:13px;gap:10px}.breed-list .score span{overflow-wrap:anywhere}.breed-list .score strong{flex:none}.breed-list .score span:before{content:counter(breed) '. ';color:#b08165}#all-breed-list{counter-reset:breed 5}#breed-heading{font-size:15px;margin-top:28px}#all-breeds{border:1px solid #eee7df;border-radius:10px;padding:12px}#all-breeds summary{cursor:pointer;font-size:12px;line-height:1.7}#all-breeds[open] .compact{max-height:350px;overflow:auto;padding-right:8px}#result h3{font-size:23px;overflow-wrap:anywhere}#result .text-link{display:block;font-size:11px;text-align:center;margin:15px 0;color:#a64929}.error-link{display:block;text-align:center;font-size:12px;color:#a64929;margin:10px 0}.text-link{color:#a64929;text-decoration:underline;text-underline-offset:3px}.document form{background:#fffefb;border:1px solid #e9e1d7;border-radius:16px;padding:25px;margin-top:24px}.document form>label{display:block;font-size:14px;font-weight:600;color:#49392e;margin:18px 0}.document form input:not([type=checkbox]),.document form select,.document form textarea{display:block;width:100%;border:1px solid #dacdbc;border-radius:8px;padding:12px;background:white;color:#49392e;margin-top:9px;font-size:14px;line-height:1.6}.document form textarea{resize:vertical;min-height:150px}.document form input:focus-visible,.document form textarea:focus-visible,select:focus-visible{outline:3px solid #8c79b2;outline-offset:2px}.document form .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:400;line-height:1.8}.consent input{margin-top:5px;flex:none}.document .form-note{font-size:12px;line-height:1.9}.optional{font-size:12px;font-weight:400;color:#817269}#report-status{font-size:14px;overflow-wrap:anywhere}#report-status.error{color:#b54732}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);pointer-events:none}@media(max-width:480px){.animal-select{flex-wrap:wrap}.document form{padding:18px}#result h3{font-size:21px}.characters>div{width:130px}}

header nav,footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}nav a:hover,.document a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.reading{padding:35px 0 48px;border-top:1px solid #e5ddd2}.reading>p{color:#74685d;font-size:14px;line-height:1.9}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.reading-grid>a{background:#fffefb;border:1px solid #e9e1d7;border-radius:16px;padding:24px;display:block}.reading-grid>a:hover{border-color:#e77750}.reading-grid span{font-size:11px;color:#9a765b}.reading-grid h3{font-size:18px;line-height:1.6}.reading-grid p{font-size:13px;line-height:1.9;color:#74685d}.reading-grid b{font-size:12px;color:#b35432}.faq{padding-bottom:48px}.faq details{border-bottom:1px solid #e5ddd2;padding:18px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq p{font-size:14px;line-height:1.9;color:#74685d;max-width:800px}.document{max-width:800px;padding:40px 0 64px}.back{display:inline-block;margin-bottom:32px;color:#806655;font-size:13px}.document h1{font-size:36px;letter-spacing:-1.5px;line-height:1.5;margin:18px 0 24px;overflow-wrap:anywhere}.document h2{font-size:22px;margin-top:36px}.document p,.document li{font-size:15px;line-height:2;color:#62574e}.document .lead{font-size:18px;color:#49392e}.document article a{color:#a64929;text-decoration:underline;text-underline-offset:3px}.related{border-top:1px solid #e5ddd2;margin-top:40px}.related a{display:inline-block;margin:8px 20px 8px 0;font-size:14px;color:#a64929}footer{gap:20px;flex-wrap:wrap}footer nav{font-size:11px}@media(max-width:850px){.document{margin:0 32px}.reading-grid{grid-template-columns:1fr}header nav{gap:12px;font-size:11px}}@media(max-width:480px){header{padding:0 18px;gap:12px}.brand{font-size:20px;gap:7px}.mark{width:30px;height:30px;font-size:24px}header nav{gap:10px;font-size:10px}.document{margin:0 22px}.document h1{font-size:28px}.document .lead{font-size:16px}.document p,.document li{font-size:14px}footer nav{gap:14px}}

@media(min-width:851px){.hero{align-items:start}.intro{padding-top:24px}}

.mix-strip{display:flex;height:24px;gap:3px;border-radius:20px;overflow:hidden;background:#f5eee6;margin-top:24px}.mix-strip>span{height:100%;min-width:0}#result .mix-total{font-size:10px;text-align:right;margin:7px 0 25px;color:#9a8876}#result .result-animal{font-size:10px;background:#f6f0e8;border-radius:20px;padding:8px 12px;width:max-content;max-width:100%;margin:15px auto}#breed-heading{font-size:17px;margin:24px 0 14px}.breed-list .score span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mix-color);margin-right:9px}.breed-list .bar>div{background:var(--mix-color)}.breed-list .score strong{font-size:17px;color:#5d493b}.breed-list li{padding:7px 0}#result .score-note{margin-top:22px;line-height:1.9}#all-breed-list .score strong{font-size:13px}@media(max-width:480px){.mix-strip{height:20px}#result .result-animal{font-size:9px}#result h3{line-height:1.5}}

.analysis-notice{font-size:12px;line-height:1.8;color:#67554b;background:#faf4e8;padding:12px 14px;border-radius:12px}.analysis-notice a,.intro-note a{text-decoration:underline;text-underline-offset:3px}.supported-breeds{margin:16px 0;border-bottom:1px solid #e8e1d6;padding:12px 0}.supported-breeds summary{cursor:pointer;font-weight:700}.supported-breeds ul{columns:2;column-gap:32px;padding-left:24px}.supported-breeds li{break-inside:avoid;margin:6px 0}@media(max-width:480px){.supported-breeds ul{columns:1}}

#result .reliability{padding:12px;border-radius:10px;background:#f5f1e9;font-size:11px;line-height:1.8;text-align:left;color:#655b50}.guide-update{margin:28px 0;padding:24px;border:1px solid #e8ddcf;border-radius:16px}.guide-update p{line-height:1.9}

header .brand{white-space:nowrap;flex-shrink:0}@media(max-width:480px){header nav{justify-content:flex-end}}