@import "https://static.toss.im/tps/main.css";@import "https://static.toss.im/tps/others.css";@import "https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:inherit}html,body{color:#191f28;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Toss Product Sans,-apple-system,BlinkMacSystemFont,sans-serif}#root{flex-direction:column;min-height:100dvh;display:flex}.page{padding:0 20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px);flex-direction:column;flex:1;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.header{height:56px;padding-top:env(safe-area-inset-top,0px);z-index:100;background:#fff;align-items:center;display:flex;position:sticky;top:0}.header-back{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-10px;display:flex}.header-back-icon{background-color:#191f28;width:24px;height:24px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page-title{color:#191f28;margin-top:24px;margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.4}.page-subtitle{color:#8b95a1;margin-bottom:32px;font-size:15px;line-height:1.5}.selection-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.selection-card{cursor:pointer;background:#f2f4f6;border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:18px 16px;transition:all .15s;display:flex}.selection-card:active{transform:scale(.97)}.selection-card.selected{background:#e8f3ff;border-color:#3182f6}.selection-card-emoji{font-family:Tossface,sans-serif;font-size:28px;line-height:1}.selection-card-label{color:#333d4b;font-size:16px;font-weight:600}.taste-grid{flex-wrap:wrap;gap:10px;display:flex}.taste-chip{cursor:pointer;color:#4e5968;background:#f2f4f6;border:2px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:12px 18px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.taste-chip:active{transform:scale(.95)}.taste-chip.selected{color:#3182f6;background:#e8f3ff;border-color:#3182f6}.taste-chip-emoji{font-family:Tossface,sans-serif;font-size:18px;line-height:1}.bottom-cta{padding:12px 20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);background:linear-gradient(#0000,#fff 20%);margin:0 -20px;position:sticky;bottom:0}.cta-button{cursor:pointer;color:#fff;background:#3182f6;border:none;border-radius:16px;width:100%;height:56px;font-size:17px;font-weight:700;transition:all .15s}.cta-button:active{background:#1b64da;transform:scale(.98)}.cta-button:disabled{color:#aeb5bc;cursor:not-allowed;background:#e5e8eb;transform:none}.skip-button{color:#8b95a1;cursor:pointer;background:0 0;border:none;margin:12px auto 0;padding:8px 16px;font-size:14px;display:block}.result-section{margin-bottom:32px}.section-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-emoji{font-family:Tossface,sans-serif;font-size:22px}.section-title{color:#191f28;font-size:19px;font-weight:700}.section-desc{color:#8b95a1;margin-bottom:16px;font-size:13px}.product-card{background:#fff;border:1px solid #f2f4f6;border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.product-image-wrap{aspect-ratio:3/2;background:#f4f6f8;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%}.hidden{display:none!important}.product-image-placeholder{flex-direction:column;align-items:center;gap:12px;display:flex}.product-image-emoji{font-family:Tossface,sans-serif;font-size:80px;line-height:1}.product-image-brand{letter-spacing:2px;opacity:.35;font-size:13px;font-weight:700}.product-info{padding:20px}.product-brand{color:#8b95a1;margin-bottom:4px;font-size:13px;font-weight:500}.product-name{color:#191f28;margin-bottom:6px;font-size:18px;font-weight:700}.product-price{color:#3182f6;margin-bottom:16px;font-size:17px;font-weight:700}.product-headline{color:#191f28;margin-bottom:14px;font-size:17px;font-weight:700;line-height:1.55}.product-review{color:#4e5968;word-break:keep-all;margin-bottom:14px;font-size:15px;line-height:1.7}.product-brand-story{color:#8b95a1;word-break:keep-all;margin-bottom:16px;font-size:14px;line-height:1.65}.product-sense-point{background:#f8f9fa;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:14px 16px;display:flex}.product-sense-point-icon{flex-shrink:0;margin-top:1px;font-family:Tossface,sans-serif;font-size:16px}.product-sense-point-text{color:#4e5968;font-size:14px;line-height:1.5}.product-reason{color:#6b7684;margin-bottom:16px;padding:0 2px;font-size:14px;line-height:1.5}.product-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.product-tag{color:#6b7684;background:#f2f4f6;border-radius:100px;padding:6px 10px;font-size:12px;font-weight:600}.product-buy-button{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;height:52px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.product-buy-button:active{background:#1b64da;transform:scale(.98)}.product-buy-icon{background-color:#fff;width:18px;height:18px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.product-secondary-links{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.product-secondary-link{color:#4e5968;cursor:pointer;background:#f2f4f6;border:none;border-radius:10px;flex:1;min-width:0;height:40px;font-size:13px;font-weight:600;transition:all .15s}.product-secondary-link:active{background:#e8ebed;transform:scale(.98)}.premium-lock{margin-bottom:16px;position:relative}.premium-lock-overlay{-webkit-backdrop-filter:blur(8px);z-index:10;background:#ffffffd9;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.premium-lock-emoji{font-family:Tossface,sans-serif;font-size:40px}.premium-lock-text{color:#333d4b;text-align:center;font-size:15px;font-weight:600;line-height:1.5}.premium-lock-button{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .15s}.premium-lock-button:active{background:#1b64da;transform:scale(.97)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-emoji{margin-bottom:16px;font-family:Tossface,sans-serif;font-size:48px}.empty-state-text{color:#8b95a1;font-size:16px;line-height:1.6}.progress-bar{z-index:101;background:#f2f4f6;height:3px;position:sticky;top:0}.progress-bar-fill{background:#3182f6;height:100%;transition:width .3s}.home-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 0 40px;display:flex}.home-logo{margin-bottom:20px;font-family:Tossface,sans-serif;font-size:56px}.home-title{color:#191f28;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.4}.home-desc{color:#8b95a1;font-size:15px;line-height:1.6}.retry-area{justify-content:center;padding:16px 0 32px;display:flex}.retry-button{color:#4e5968;cursor:pointer;background:#f2f4f6;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.retry-button:active{background:#e8ebed}.retry-icon{background-color:currentColor;width:16px;height:16px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4v6h6'/%3E%3Cpath d='M3.51 15a9 9 0 105.64-11.36L1 10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4v6h6'/%3E%3Cpath d='M3.51 15a9 9 0 105.64-11.36L1 10'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}