:root{--text:#5d5866;--text-h:#14111a;--bg:#f7f5f2;--surface:#fff;--border:#e4e0da;--accent:#1f1b24;--accent-text:#fff;--muted:#9a94a2;--error:#c2410c;--shadow:0 1px 2px #14111a0a, 0 12px 32px -12px #14111a1f;--sans:"Pretendard", system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font:16px/1.55 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b4aebb;--text-h:#f4f2f6;--bg:#131116;--surface:#1c1a20;--border:#2e2b33;--accent:#f4f2f6;--accent-text:#131116;--muted:#7a7482;--error:#fb923c;--shadow:0 12px 32px -12px #0009}}*{box-sizing:border-box}body{min-height:100svh;margin:0}[hidden]{display:none!important}.site-header{padding:20px 24px}.logo{letter-spacing:-.01em;color:var(--text-h);font-weight:700}.main{max-width:520px;margin:0 auto;padding:16px 20px 64px}.intro h1{letter-spacing:-.02em;color:var(--text-h);margin:8px 0 12px;font-size:clamp(1.6rem,5vw,2rem);line-height:1.3}.intro p{margin:0 0 28px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:24px}.analyze-form{flex-direction:column;gap:8px;display:flex}.photo-drop{aspect-ratio:3/4;border:1.5px dashed var(--border);cursor:pointer;border-radius:14px;width:100%;max-height:440px;transition:border-color .15s,background .15s;display:block;position:relative;overflow:hidden}.photo-drop:hover,.photo-drop.dragging{border-color:var(--muted);background:color-mix(in srgb, var(--border) 25%, transparent)}.photo-drop.has-photo{border-style:solid}.photo-drop.dragging{border-style:dashed;border-color:var(--text-h)}.drop-overlay{color:var(--text-h);background:color-mix(in srgb, var(--surface) 85%, transparent);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.photo-drop.dragging .drop-overlay{opacity:1}.photo-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;padding:24px;display:flex}.photo-placeholder svg{width:40px;height:40px;color:var(--muted);margin-bottom:6px}.photo-placeholder strong{color:var(--text-h)}.photo-placeholder span{color:var(--muted);font-size:.85rem}.photo-preview{object-fit:cover;width:100%;height:100%;display:block}.photo-reset{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;align-self:flex-end;padding:4px 0;font-size:.85rem;text-decoration:underline}.field-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--text-h);font-size:.9rem;font-weight:600}.input-unit{position:relative}.input-unit input{width:100%;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);-moz-appearance:textfield;border-radius:10px;outline:none;padding:12px 44px 12px 14px}.input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-unit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-unit input:focus{border-color:var(--text-h)}.input-unit input[aria-invalid=true]{border-color:var(--error)}.input-unit em{color:var(--muted);pointer-events:none;font-size:.9rem;font-style:normal;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.field-error{min-height:1.2em;color:var(--error);margin:0;font-size:.8rem}.field-error:empty{min-height:0}.analyze-button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:0;border-radius:12px;margin-top:16px;padding:15px;font-weight:600;transition:opacity .15s}.analyze-button:disabled{opacity:.35;cursor:not-allowed}.analyze-button.loading{opacity:.7;cursor:progress}.privacy-note{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.8rem}@media (width<=380px){.card{padding:18px}.field-row{grid-template-columns:1fr}}.submit-error{text-align:center}.report{flex-direction:column;gap:28px;display:flex}.report-eyebrow{letter-spacing:.04em;color:var(--muted);font-size:.8rem;font-weight:600}.report-header h2{letter-spacing:-.02em;color:var(--text-h);margin:4px 0 10px;font-size:1.6rem}.report-header p,.report-section p{margin:0}.report-section h3{color:var(--text-h);border-bottom:1px solid var(--border);margin:0 0 10px;padding-bottom:8px;font-size:1.05rem}.report-section h4{color:var(--text-h);margin:14px 0 6px;font-size:.95rem}.report-section ul{margin:0;padding-left:1.2em}.report-section li+li{margin-top:4px}.keywords{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.keywords li{color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600}.report-section .palette{gap:12px;padding:0;list-style:none;display:grid}.palette li{align-items:flex-start;gap:14px;display:flex;margin:0!important}.palette strong{color:var(--text-h)}.palette code{color:var(--muted);margin-left:8px;font-size:.8rem}.palette p{font-size:.88rem;margin-top:2px!important}.swatch{border:1px solid var(--border);border-radius:12px;flex:none;width:44px;height:44px}.looks{gap:12px;display:grid}.look{background:var(--bg);border-radius:12px;padding:16px}.look-occasion{letter-spacing:.04em;color:var(--muted);font-size:.75rem;font-weight:700}.look h4{margin:4px 0 6px;font-size:1rem}.look p{font-size:.92rem}.look-items{border-top:1px solid var(--border);grid-template-columns:max-content 1fr;gap:6px 14px;margin:12px 0 0;padding-top:12px;font-size:.9rem;display:grid}.look-items dt{color:var(--text-h);font-weight:600}.look-items dd{margin:0}.report-section .tips{padding-left:1.3em}.restart-button{font:inherit;color:var(--text-h);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:14px;font-weight:600}.restart-button:hover{border-color:var(--text-h)}.look-image{aspect-ratio:2/3;background:var(--border);border-radius:12px 12px 0 0;margin:-16px -16px 14px;overflow:hidden}.look-image img{object-fit:cover;width:100%;height:100%;display:block}.look-image.loading{background:linear-gradient(100deg, var(--border) 30%, var(--surface) 50%, var(--border) 70%);background-size:300% 100%;animation:1.6s linear infinite shimmer}.look-image-status{text-align:center;height:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:.88rem;display:flex}.look-image-status button{font:inherit;color:var(--text-h);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:600}.spinner{border:2.5px solid var(--muted);border-top-color:#0000;border-radius:50%;width:24px;height:24px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.look-image.loading,.spinner{animation:none}}