:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #e2e8f0;--secondary-hover: #cbd5e1;--text: #1e293b;--text-light: #64748b;--bg: #f8fafc;--card-bg: #ffffff}body{margin:0;padding:0;font-family:Pretendard,sans-serif;background-color:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{max-width:480px;width:100%;padding:32px;background:var(--card-bg);border-radius:24px;box-shadow:0 10px 25px #0000001a;min-height:550px;display:flex;flex-direction:column}.center{text-align:center;justify-content:center}h1{color:var(--primary);font-size:2.5rem;margin-bottom:8px}.subtitle{color:var(--text-light);margin-bottom:40px}.survey-group{margin-bottom:24px;text-align:left}.survey-group label{display:block;font-weight:700;margin-bottom:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options button{padding:12px;border:2px solid var(--secondary);border-radius:12px;background:#fff;cursor:pointer;transition:.2s}.options button.active{border-color:var(--primary);background:#f5f3ff;color:var(--primary)}.primary-btn{background:var(--primary);color:#fff;border:none;padding:16px;border-radius:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.primary-btn:disabled{opacity:.5}.upload-box{flex:1;border:2px dashed var(--secondary);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px;padding:20px;background:#fafafa}.preview-img{width:100%;border-radius:12px;margin-bottom:10px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.spinner{color:var(--primary);animation:spin 2s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recommendations-list{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.rec-detail-item{background:#f8fafc;border-radius:16px;padding:20px;border:1px solid var(--secondary)}.rec-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rec-badge{background:var(--primary);color:#fff;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700}.rec-header h3{margin:0;font-size:1.2rem}.rec-body p{font-size:.95rem;line-height:1.5;margin:8px 0}.result-info{display:flex;gap:10px;padding:14px;background:#f5f3ff;border-radius:12px;margin-bottom:20px;font-size:.9rem}.outline-btn{background:none;border:1px solid var(--secondary);padding:14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}