:root{--bg:#f8f3eb;--paper:rgba(255,250,244,0.82);--ink:#211714;--muted:#715b55;--line:rgba(93,60,45,0.14);--accent:#d94f30;--accent-2:#efb366;--accent-3:#275d63;--shadow:0 24px 60px rgba(64,38,28,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 20%,rgba(239,179,102,.38),transparent 24%),radial-gradient(circle at 82% 12%,rgba(217,79,48,.22),transparent 22%),linear-gradient(180deg,#fff8ef,#f7f2ea 42%,#efe3d2);font-family:Pretendard,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}ul{margin:0;padding-left:18px}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 64px}.hero{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:22px;gap:22px;align-items:stretch}.heroCard,.heroCopy,.panel{border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.heroCopy{padding:36px;position:relative;overflow:hidden}.heroCopy:after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(39,93,99,.18),transparent 70%)}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.heroCopy h1{margin:18px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.04em}.emptyState p,.heroCopy p,.matchItem p,.panelHeader p,.typeCard p,.uploadFooter p{color:var(--muted);line-height:1.6}.heroNotes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.heroNotes span,.modeChip,.typeBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.heroNotes span{background:rgba(255,255,255,.68);border:1px solid rgba(93,60,45,.1)}.heroCard{padding:18px}.uploadPanel{height:100%;display:flex;flex-direction:column;gap:16px}.uploadBox{position:relative;min-height:420px;border-radius:24px;overflow:hidden;border:1px dashed rgba(93,60,45,.22);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,230,211,.96)),linear-gradient(180deg,rgba(217,79,48,.08),rgba(39,93,99,.08));cursor:pointer}.uploadBox input{position:absolute;inset:0;opacity:0;cursor:pointer}.uploadPlaceholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px}.uploadPlaceholder strong{font-size:22px}.previewImage{width:100%;height:100%;min-height:420px;object-fit:cover}.uploadFooter{display:flex;justify-content:space-between;gap:16px;align-items:center}.uploadFooter strong{display:block;margin-bottom:6px}.primaryButton{border:none;border-radius:18px;padding:15px 22px;min-width:168px;color:#fff7f2;background:linear-gradient(135deg,var(--accent),#ad3319 56%,var(--accent-3));box-shadow:0 20px 28px rgba(217,79,48,.2);cursor:pointer;font-weight:800}.primaryButton:disabled{opacity:.65;cursor:wait}.errorText{margin:0;color:#b3261e;font-weight:700}.contentGrid{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:22px;gap:22px;margin-top:22px}.panel{padding:28px}.panelHeader h2{margin:0 0 8px;font-size:26px}.typeGrid{display:grid;grid-gap:14px;gap:14px}.typeCard{border-radius:22px;padding:20px;background:rgba(255,255,255,.58);border:1px solid rgba(93,60,45,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.sampleFace{position:relative;height:140px;display:grid;place-items:center;margin-bottom:12px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at top,rgba(255,255,255,.8),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,white),rgba(255,255,255,.7))}.sampleFaceHalo{position:absolute;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,white);filter:blur(4px)}.sampleFaceShape{position:relative;width:82px;height:96px;background:linear-gradient(180deg,#f2c7a5,#e6ad84);box-shadow:inset 0 -6px 10px rgba(168,97,58,.18)}.sampleFaceShape-puppy{border-radius:42% 42% 46% 46%/34% 34% 56% 56%}.sampleFaceShape-cat{border-radius:30% 30% 42% 42%/28% 28% 54% 54%}.sampleFaceShape-rabbit{border-radius:40% 40% 48% 48%/24% 24% 60% 60%}.sampleFaceShape-fox{border-radius:26% 26% 44% 44%/24% 24% 62% 62%}.sampleFaceShape-deer{width:76px;height:104px;border-radius:34% 34% 46% 46%/22% 22% 64% 64%}.sampleEye,.sampleMouth{position:absolute;display:block;background:#4b332c}.sampleEye{top:38px;width:13px;height:8px;border-radius:999px}.sampleEye.left{left:20px}.sampleEye.right{right:20px}.sampleFaceShape-cat .sampleEye,.sampleFaceShape-fox .sampleEye{height:4px;border-radius:999px}.sampleFaceShape-deer .sampleEye,.sampleFaceShape-rabbit .sampleEye{width:10px;height:10px;border-radius:50%}.sampleMouth{left:50%;bottom:20px;width:18px;height:4px;border-radius:999px;transform:translateX(-50%)}.typeCard strong{display:block;margin:10px 0 8px;font-size:20px}.typeCard em{display:inline-block;margin-bottom:8px;color:var(--muted);font-style:normal;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.typeBadge{background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent)}.sampleMood{margin-top:-4px;font-size:14px}.resultPanel{background:radial-gradient(circle at top right,rgba(39,93,99,.09),transparent 22%),rgba(255,250,244,.9)}.matchList,.resultBody{display:grid;grid-gap:16px;gap:16px}.emptyState,.highlightBox,.matchItem,.winnerCard{border-radius:22px;border:1px solid rgba(93,60,45,.1);background:rgba(255,255,255,.74)}.winnerCard{padding:22px}.winnerCard strong{display:block;margin-top:14px;font-size:34px;letter-spacing:-.04em}.winnerCard p{margin:8px 0 10px;font-size:18px}.winnerCard small{color:var(--muted)}.modeChip.vision{color:#0f6a5d;background:rgba(38,166,154,.16)}.modeChip.demo{color:#a94d17;background:rgba(239,179,102,.25)}.matchItem{padding:18px}.matchTop{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:18px}.scoreBar{height:10px;margin:12px 0;border-radius:999px;overflow:hidden;background:rgba(93,60,45,.09)}.scoreFill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.emptyState,.highlightBox{padding:20px}.emptyState strong,.highlightBox strong{display:block;margin-bottom:10px;font-size:18px}@media (max-width:980px){.contentGrid,.hero{grid-template-columns:1fr}.uploadFooter{flex-direction:column;align-items:stretch}.primaryButton{width:100%}}@media (max-width:640px){.shell{width:min(100% - 20px,100%);padding:20px 0 40px}.heroCard,.heroCopy,.panel{border-radius:22px;padding:20px}.previewImage,.uploadBox{min-height:300px}.heroCopy h1{font-size:34px}}