:root{--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--glass-bg:#ffffffa6;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f268712;--color-primary:#ff6b6b;--color-primary-hover:#ff5252;--color-text-primary:#2d3436;--color-text-secondary:#636e72;--color-text-tertiary:#b2bec3;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.2s ease;--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);min-height:100vh;color:var(--color-text-primary);background:linear-gradient(120deg,#f6d365 0%,#fda085 100%);justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex;overflow-x:hidden}#root{justify-content:center;width:100%;display:flex}.bg-circle{filter:blur(60px);z-index:-1;opacity:.6;border-radius:50%;position:absolute}.circle-1{background:#ff9a9e;width:300px;height:300px;top:-50px;left:-50px}.circle-2{background:#fecfef;width:400px;height:400px;bottom:-100px;right:-100px}.app{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--glass-shadow);z-index:1;padding:2rem;animation:.8s ease-out forwards fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-banner{border-radius:var(--radius-md);background:#ffffffb3;align-items:center;gap:16px;margin-bottom:2rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #00000008}.banner-emoji{filter:drop-shadow(0 2px 4px #0000001a);font-size:36px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.banner-text{flex:1}.banner-label{color:var(--color-primary);letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.banner-title{color:var(--color-text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.banner-sub{color:var(--color-text-secondary);font-size:13px}.section-label{color:var(--color-text-secondary);margin-bottom:10px;font-size:13px;font-weight:600}.filter-group{margin-bottom:1.5rem}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-bounce);font-size:14px;font-weight:500;font-family:var(--font-sans);background:#fff6;border:1px solid #fffc;border-radius:999px;padding:10px 18px;box-shadow:0 2px 8px #00000005}.chip:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 4px 15px #ff6b6b4d}.recommend-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);font-size:16px;font-weight:700;font-family:var(--font-sans);background:linear-gradient(135deg,#ff6b6b 0%,#ee5253 100%);border:none;justify-content:center;align-items:center;gap:8px;margin-top:1rem;margin-bottom:1rem;padding:16px;display:flex;box-shadow:0 8px 20px #ee52534d}.recommend-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ee525366}.recommend-btn:active{transform:translateY(1px)}.recommend-btn:disabled{box-shadow:none;cursor:not-allowed;color:#8395a7;background:#c8d6e5;transform:none}.loading-state{text-align:center;color:var(--color-text-secondary);padding:2rem 0;font-size:15px;font-weight:500}.spinner{border:4px solid #ff6b6b33;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-card{border-radius:var(--radius-md);animation:slideUp .5s var(--transition-bounce) forwards;background:#ffffffd9;border:1px solid #ffffffe6;padding:1.5rem;box-shadow:0 10px 30px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.result-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.result-emoji-wrap{background:linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex;box-shadow:inset 0 2px 4px #00000005,0 4px 10px #0000000d}.result-menu{color:var(--color-text-primary);letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.result-type{color:var(--color-primary);font-size:14px;font-weight:600}.result-desc{color:var(--color-text-secondary);border-radius:var(--radius-sm);background:#f1f2f680;margin-bottom:16px;padding:14px;font-size:15px;line-height:1.7}.result-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{color:var(--color-primary);background:#ff6b6b1a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.retry-btn{border-radius:var(--radius-md);border:2px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-sans);transition:all var(--transition-fast);background:0 0;padding:14px}.retry-btn:hover{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #ff6b6b33}.powered-by{text-align:center;color:#0000004d;margin-top:1.5rem;font-size:11px;font-weight:500}