@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:#253c39;background:#e8edeb;font-synthesis:none;--muted:#6d7c74;--line:#e1e6db;--green:#253c39;--lime:#e5edac}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #678540;outline-offset:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}.shell{max-width:480px;min-height:100vh;background:#fafbf5;margin:auto;box-shadow:0 0 50px #213d2310}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:18px;font-weight:800;letter-spacing:-.8px}.brand img{width:31px;height:31px}.brand span{font-size:8px;font-weight:600;letter-spacing:.5px;align-self:flex-start;margin-top:2px;color:#809267}.sister{font-size:10px;padding:10px 0;white-space:nowrap;color:#627465}main{padding:28px 22px 12px}main:focus{outline:0}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#75845f}.intro{position:relative;margin:0 0 24px}.intro h1{font-size:30px;letter-spacing:-1.6px;line-height:1.45;margin:10px 0 13px;font-weight:800;position:relative;z-index:1}.intro h1 em{font-style:normal;box-shadow:inset 0 -13px #e5edac}.intro>p{color:var(--muted);font-size:12px;line-height:1.9}.radar-orbit{position:absolute;width:105px;height:105px;border:1px solid #d9e3c7;border-radius:50%;right:0;top:20px;opacity:.7}.radar-orbit:before{content:'';position:absolute;inset:15px;border:1px solid #d9e3c7;border-radius:50%}.radar-orbit:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#9dab73;right:17px;top:26px}.steps{display:flex;justify-content:space-between;font-size:10px;color:#7c8874;margin:24px 0 20px;gap:5px}.steps span{display:flex;align-items:center;gap:5px}.steps b{display:grid;place-items:center;background:#e8edde;border-radius:50%;width:21px;height:21px;font-size:10px}.steps .active{color:#253c39;font-weight:700}.steps .active b{background:#253c39;color:white}.steps i{height:1px;background:#dce3d2;align-self:center;flex:1;max-width:22px}.input-card{border:1px solid var(--line);background:white;border-radius:22px;overflow:hidden;box-shadow:0 4px 15px #29442904}.tabs{display:flex;padding:6px;background:#f0f3e8;gap:5px}.tabs button{flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:12px;color:#66765c}.tabs button[aria-pressed=true]{background:white;color:#253c39;font-weight:700;box-shadow:0 2px 6px #28432408}.tabs svg{width:17px;height:17px}.input-body{padding:19px}.photo-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border:1.5px dashed #c9d4b5;background:#fafcf5;border-radius:15px;position:relative;text-align:center;padding:24px 10px}.photo-zone>svg{width:48px;height:48px;stroke-width:1.2;color:#6d8550;margin-bottom:13px}.photo-zone strong{font-size:14px}.photo-zone small{font-size:11px;color:#7e886c;margin-top:7px;line-height:1.7}.photo-zone img{max-width:100%;max-height:230px;object-fit:contain;border-radius:10px}.photo-buttons{display:flex;gap:8px;margin:12px 0}.secondary{border:1px solid #dde3d1;background:white;border-radius:11px;padding:12px 10px;min-height:44px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.photo-buttons>*{flex:1}.secondary svg{width:17px;height:17px}.field{display:block}.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.field textarea,.field input{width:100%;background:#fbfcf7;border:1px solid #dce3d2;border-radius:12px;padding:13px;font-size:13px;line-height:1.8;color:#253c39}.field textarea{resize:vertical;min-height:160px}.field input{min-height:48px}.helper{font-size:10px;color:#7d8672;line-height:1.9;margin:10px 0}.text-button{font-size:11px;color:#63734d;text-decoration:underline;min-height:36px}.primary{display:flex;justify-content:center;align-items:center;gap:9px;background:#253c39;color:#f4f5de;border-radius:13px;min-height:52px;padding:13px 17px;font-size:14px;font-weight:600;width:100%;text-decoration:none}.primary svg{width:18px;height:18px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#74806c;line-height:1.8;margin:18px 2px 12px}.consent svg{width:14px;height:14px;flex:none;margin-top:2px}.sample-button{width:100%;text-align:center;margin:13px 0 0;font-size:11px;color:#637754;min-height:36px}.sample-label{display:inline-block;background:#fff2d6;color:#8c682c;border-radius:7px;padding:6px 9px;font-size:10px;margin:8px 0}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.benefits>div{padding:15px 13px;border:1px solid #e3e8d9;background:#f2f5e9;border-radius:15px}.benefits strong{display:block;font-size:12px;margin:8px 0 5px}.benefits p{font-size:10px;line-height:1.8;color:#718264}.benefits svg{width:19px;height:19px;color:#688553}.sister-banner{display:flex;align-items:center;gap:12px;padding:18px 16px;background:#eef1f5;border:1px solid #dfe5ec;border-radius:17px;color:#405369;margin:23px 0}.sister-banner>svg{width:22px;height:22px;flex:none}.sister-banner strong{display:block;font-size:12px}.sister-banner small{display:block;font-size:10px;line-height:1.7;margin-top:5px;color:#738297}.sister-banner>b{margin-left:auto;font-size:20px;font-weight:400}.error{font-size:12px;line-height:1.7;color:#a5412b;background:#fff3ea;border-radius:10px;padding:12px;margin:14px 0}.error:empty{display:none}.loading{display:none;text-align:center;padding:15px;font-size:12px;color:#637553}.is-loading .loading{display:block}.review-header h1{font-size:25px;letter-spacing:-1px;margin:8px 0 12px;line-height:1.5}.review-header p{font-size:12px;color:#748068;line-height:1.9}.panel{padding:19px;background:#fff;border:1px solid var(--line);border-radius:18px;margin:18px 0}.panel h2{font-size:16px;letter-spacing:-.5px;margin-bottom:12px}.panel h3{font-size:13px;margin:13px 0 6px}.panel p{font-size:12px;line-height:1.9;color:#6f7c66;overflow-wrap:anywhere}.panel .field{margin-top:16px}.panel .field input{background:#fff}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tag{display:inline-block;padding:7px 10px;background:#eff4e6;border:1px solid #e1e8d5;border-radius:9px;font-size:12px;overflow-wrap:anywhere;max-width:100%}.tag.found{background:#fff0de;border-color:#ead0ac;color:#895c29}.match-note{background:#fff8eb;border:1px solid #ecdcb9;padding:16px;border-radius:13px;margin:13px 0}.match-note p{color:#80643d;font-size:11px;line-height:1.9}.match-note strong{display:block;font-size:13px;margin-bottom:7px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:12px 4px;border-bottom:1px solid #e7ebdf;vertical-align:top;overflow-wrap:anywhere}th{color:#748468;font-size:10px;font-weight:500}td:last-child{font-size:10px;color:#7b856e;max-width:95px}.unread{font-size:11px;color:#927347;background:#fff9e9;padding:12px;border-radius:10px;margin:13px 0;line-height:1.8}.original{font-size:11px;color:#6e7e62;margin-top:16px}.original summary{min-height:40px;cursor:pointer}.original pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;background:#f7f9f1;padding:12px;border-radius:10px;max-height:320px;overflow:auto}.result-actions{display:flex;gap:9px}.result-actions>*{flex:1}.result-actions .primary{font-size:12px}.result-actions .secondary{font-size:12px}footer{text-align:center;padding:29px 22px max(28px,env(safe-area-inset-bottom));color:#8a947d}footer strong{font-size:10px;letter-spacing:2px;font-weight:500}footer p{font-size:10px;margin:8px 0}footer button{font-size:10px;text-decoration:underline;min-height:36px}.skip{position:fixed;top:-100px;left:10px;background:#253c39;color:white;padding:10px;z-index:30}.skip:focus{top:5px}dialog{width:min(440px,calc(100% - 24px));max-height:85dvh;border:0;border-radius:21px;padding:23px;color:#253c39}dialog::backdrop{background:#1c32295c;backdrop-filter:blur(2px)}dialog .dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}dialog h2{font-size:19px}dialog h3{font-size:14px;margin-top:20px}dialog p{font-size:12px;line-height:1.9;margin:12px 0;color:#687962}dialog a{text-decoration:underline}dialog .dialog-heading button{font-size:28px;width:40px;height:40px}dialog .primary{margin-top:20px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;background:#253c39;color:white;border-radius:12px;font-size:12px;padding:12px 18px;z-index:40;display:none}#notice.show{display:block}
@media(max-width:360px){.topbar{padding:17px 18px}.brand{font-size:17px}.sister{font-size:9px}.brand span{font-size:7px}.brand img{width:29px;height:29px}main{padding:25px 18px 10px}.intro h1{font-size:27px}.radar-orbit{width:83px;height:83px}.intro>p{font-size:11px}.input-body{padding:15px}.benefits{gap:8px}.benefits>div{padding:13px 11px}.steps{font-size:9px;gap:3px}.sister-banner{padding:15px 12px;gap:9px}.sister-banner strong{font-size:11px}.sister-banner small{font-size:9px}}