:root{--toss-blue: #3182F6;--toss-blue-light: #E8F3FF;--toss-blue-dark: #1B64DA;--toss-black: #191F28;--toss-gray-900: #333D4B;--toss-gray-700: #4E5968;--toss-gray-500: #8B95A1;--toss-gray-400: #B0B8C1;--toss-gray-300: #D1D6DB;--toss-gray-200: #E5E8EB;--toss-gray-100: #F2F4F6;--toss-gray-50: #F9FAFB;--toss-white: #FFFFFF;--toss-red: #F04452;--toss-green: #30B252;--toss-yellow: #F5C242;--toss-orange: #F97316;--toss-fresh-bg: #E8FAF0;--toss-recent-bg: #FFF8E1;--toss-recent-color: #E5A500;--toss-photo-bg: #FFF0ED;--toss-radius: 16px;--toss-radius-sm: 12px;--toss-radius-xs: 8px;--toss-transition: .2s cubic-bezier(.33, 1, .68, 1)}[data-theme=dark]{--toss-blue: #4E96FF;--toss-blue-light: #1A2A44;--toss-blue-dark: #6AABFF;--toss-black: #ECECEC;--toss-gray-900: #D1D5DB;--toss-gray-700: #B0B8C1;--toss-gray-500: #8B95A1;--toss-gray-400: #6B7684;--toss-gray-300: #4E5968;--toss-gray-200: #333D4B;--toss-gray-100: #2B3240;--toss-gray-50: #1B1F27;--toss-white: #212836;--toss-red: #FF6B6B;--toss-green: #51D674;--toss-yellow: #FFD966;--toss-orange: #FF9F43;--toss-fresh-bg: #1A3328;--toss-recent-bg: #332B1A;--toss-recent-color: #FFD966;--toss-photo-bg: #33241E}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,Roboto,sans-serif;background:var(--toss-gray-50);color:var(--toss-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease;overscroll-behavior-y:contain}.app{max-width:640px;margin:0 auto;padding:0 20px 40px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));min-height:100vh;min-height:100dvh}.app-header{padding:24px 0 20px;display:flex;align-items:flex-start;justify-content:space-between}.header-left{text-align:left}.app-header h1{font-size:1.5rem;font-weight:800;color:var(--toss-black);letter-spacing:-.02em;margin-bottom:2px}.subtitle{color:var(--toss-gray-500);font-size:.875rem;font-weight:400}.theme-toggle{background:var(--toss-gray-100);border:none;border-radius:100px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:background var(--toss-transition),transform var(--toss-transition);flex-shrink:0;margin-top:2px}.theme-toggle:hover{background:var(--toss-gray-200)}.theme-toggle:active{transform:scale(.92)}.review-banner{display:flex;align-items:flex-start;gap:8px;padding:14px 16px;margin-bottom:16px;background:var(--toss-blue-light);border-radius:var(--toss-radius);transition:background .3s ease}.review-banner-content{flex:1;display:flex;flex-direction:column;gap:10px}.review-banner-text{font-size:.8125rem;color:var(--toss-gray-700);line-height:1.5;font-weight:500}.review-banner-button{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:var(--toss-blue);color:#fff;border:none;border-radius:100px;font-size:.8125rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background var(--toss-transition),transform var(--toss-transition);align-self:flex-start}.review-banner-button:hover{background:var(--toss-blue-dark)}.review-banner-button:active{transform:scale(.97)}.review-banner-close{background:none;border:none;color:var(--toss-gray-400);font-size:.875rem;cursor:pointer;padding:2px;line-height:1;flex-shrink:0;transition:color var(--toss-transition)}.review-banner-close:hover{color:var(--toss-gray-700)}.search-form{display:flex;gap:8px;margin-bottom:12px}.search-input{flex:1;padding:12px 16px;border:none;border-radius:var(--toss-radius-sm);background:var(--toss-gray-100);font-size:.9375rem;color:var(--toss-black);outline:none;transition:background var(--toss-transition)}.search-input::placeholder{color:var(--toss-gray-400)}.search-input:focus{background:var(--toss-blue-light)}.search-button{padding:12px 20px;background:var(--toss-blue);color:var(--toss-white);border:none;border-radius:var(--toss-radius-sm);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background var(--toss-transition),transform var(--toss-transition);white-space:nowrap}.search-button:hover{background:var(--toss-blue-dark)}.search-button:active{transform:scale(.97)}.search-button:disabled{background:var(--toss-gray-300);cursor:not-allowed;transform:none}.suggestions{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-bottom:20px;padding-bottom:4px;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.suggestion-chip{padding:8px 12px;border:none;border-radius:var(--toss-radius-sm);background:var(--toss-gray-100);color:var(--toss-gray-700);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--toss-transition);white-space:nowrap;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.chip-emoji{font-size:1.125rem;line-height:1}.chip-label{font-size:.6875rem;font-weight:600;letter-spacing:-.01em}.suggestion-chip:hover{background:var(--toss-gray-200)}.suggestion-chip.active{background:var(--toss-blue);color:var(--toss-white)}.suggestion-chip:disabled{opacity:.4;cursor:not-allowed}.location-info-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.location-info-row .location-info{margin-bottom:0}.location-info{color:var(--toss-gray-500);font-size:.8125rem;font-weight:500;margin-bottom:20px}.location-change-button{background:var(--toss-gray-100);border:none;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:600;color:var(--toss-blue);cursor:pointer;transition:all var(--toss-transition);white-space:nowrap;flex-shrink:0}.location-change-button:hover{background:var(--toss-gray-200)}.location-change-button:active{transform:scale(.95)}.location-picker{background:var(--toss-white);border-radius:var(--toss-radius);padding:16px;margin-bottom:16px;transition:background .3s ease}.location-picker-header{display:flex;gap:8px;margin-bottom:8px}.location-search-input{flex:1;padding:10px 14px;border:2px solid var(--toss-gray-200);border-radius:var(--toss-radius-sm);background:var(--toss-gray-50);font-size:.875rem;color:var(--toss-black);outline:none;transition:border-color var(--toss-transition),background var(--toss-transition)}.location-search-input:focus{border-color:var(--toss-blue);background:var(--toss-white)}.location-search-input::placeholder{color:var(--toss-gray-400)}.location-close-button{background:var(--toss-gray-100);border:none;border-radius:var(--toss-radius-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--toss-gray-500);font-size:.875rem;transition:all var(--toss-transition);flex-shrink:0}.location-close-button:hover{background:var(--toss-gray-200)}.location-results{display:flex;flex-direction:column;margin-bottom:8px}.location-result-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:var(--toss-radius-xs);cursor:pointer;text-align:left;width:100%;transition:background var(--toss-transition)}.location-result-item:hover{background:var(--toss-gray-50)}.location-result-item:active{background:var(--toss-gray-100)}.location-result-icon{font-size:1rem;flex-shrink:0}.location-result-text{min-width:0;flex:1}.location-result-name{font-size:.875rem;font-weight:500;color:var(--toss-black);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-loading,.location-no-results{padding:12px;text-align:center;color:var(--toss-gray-400);font-size:.8125rem}.location-gps-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:1px dashed var(--toss-gray-300);border-radius:var(--toss-radius-sm);background:none;color:var(--toss-gray-500);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--toss-transition)}.location-gps-button:hover{border-color:var(--toss-blue);color:var(--toss-blue);background:var(--toss-blue-light)}.location-gps-button:active{transform:scale(.98)}.status-message{text-align:center;padding:48px 20px;color:var(--toss-gray-500);font-size:.9375rem}.status-message.error{color:var(--toss-red)}.spinner{width:28px;height:28px;border:2.5px solid var(--toss-gray-200);border-top-color:var(--toss-blue);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.control-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px;background:var(--toss-white);border-radius:var(--toss-radius);transition:background .3s ease}.control-row{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.control-row::-webkit-scrollbar{display:none}.control-label{font-size:.8125rem;color:var(--toss-gray-500);font-weight:700;min-width:28px}.control-button{padding:6px 14px;border:none;border-radius:100px;background:var(--toss-gray-100);color:var(--toss-gray-700);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--toss-transition);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:4px}.control-button:hover{background:var(--toss-gray-200)}.control-button.active{background:var(--toss-blue);color:var(--toss-white)}.results-summary{font-size:.8125rem;color:var(--toss-gray-500);font-weight:500;margin-bottom:12px}.results-grid{display:flex;flex-direction:column;gap:12px}.restaurant-card{background:var(--toss-white);border-radius:var(--toss-radius);overflow:hidden;transition:transform var(--toss-transition),background .3s ease}.restaurant-card:active{transform:scale(.99)}.restaurant-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--toss-gray-100)}.restaurant-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(to bottom,transparent,var(--toss-white));pointer-events:none}.restaurant-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.restaurant-card-body{padding:20px}.restaurant-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.restaurant-name{font-size:1.0625rem;font-weight:700;letter-spacing:-.01em}.restaurant-name-en{display:block;font-size:.75rem;font-weight:500;color:var(--toss-gray-400);letter-spacing:0;margin-top:1px}.restaurant-category{font-size:.75rem;color:var(--toss-gray-500);background:var(--toss-gray-100);padding:2px 8px;border-radius:100px;font-weight:500}.restaurant-distance{font-size:.8125rem;color:var(--toss-blue);font-weight:700}.restaurant-address{color:var(--toss-gray-500);font-size:.8125rem;margin-bottom:4px}.restaurant-tel{color:var(--toss-blue);font-size:.8125rem;font-weight:500;margin-bottom:12px}.map-links{display:flex;gap:6px;margin-top:8px;margin-bottom:4px}.map-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all var(--toss-transition);white-space:nowrap}.map-button:active{transform:scale(.95)}.map-google{background:#e8f0fe;color:#1a73e8}.map-google:hover{background:#d2e3fc}.map-naver{background:#e8faf0;color:#03c75a}.map-naver:hover{background:#d0f5e0}[data-theme=dark] .map-google{background:#1a2a44;color:#8ab4f8}[data-theme=dark] .map-google:hover{background:#243b5c}[data-theme=dark] .map-naver{background:#1a3328;color:#51d674}[data-theme=dark] .map-naver:hover{background:#244438}.highlight-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;margin-bottom:4px}.highlight-chip{font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap;letter-spacing:-.01em}.freshness-fresh{background:var(--toss-fresh-bg);color:var(--toss-green)}.freshness-recent{background:var(--toss-recent-bg);color:var(--toss-recent-color)}.freshness-old{background:var(--toss-gray-100);color:var(--toss-gray-500)}.review-count{background:var(--toss-blue-light);color:var(--toss-blue)}.has-photo{background:var(--toss-photo-bg);color:var(--toss-orange)}.reviews-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--toss-gray-100)}.reviews-heading{font-size:.8125rem;color:var(--toss-gray-500);font-weight:600;margin-bottom:12px}.reviews-list{display:flex;flex-direction:column;gap:4px}.blog-review{display:flex;gap:12px;padding:10px;border-radius:var(--toss-radius-xs);text-decoration:none;color:inherit;transition:background var(--toss-transition)}.blog-review:hover{background:var(--toss-gray-50)}.blog-review:active{background:var(--toss-gray-100)}.blog-thumbnail{width:56px;height:56px;border-radius:var(--toss-radius-xs);object-fit:cover;flex-shrink:0}.blog-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.blog-title{font-size:.875rem;font-weight:500;color:var(--toss-gray-900);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:2px}.blog-meta{display:flex;gap:6px;font-size:.75rem;color:var(--toss-gray-400);font-weight:400}.no-reviews{color:var(--toss-gray-400);font-size:.8125rem;margin-top:12px}.ad-banner{background:var(--toss-white);border-radius:var(--toss-radius);overflow:hidden;min-height:100px;transition:background .3s ease}.ad-banner ins{display:block}.ad-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--toss-gray-400);font-size:.75rem;font-weight:600;border:2px dashed var(--toss-gray-200);background:var(--toss-gray-50)}@media(max-width:480px){.app{padding:0 16px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.app-header{padding:20px 0 16px}.app-header h1{font-size:1.25rem}.subtitle{font-size:.8125rem}.theme-toggle{width:36px;height:36px;font-size:1rem}.search-form{flex-direction:column}.search-input{padding:14px 16px;font-size:1rem}.search-button{width:100%;padding:14px;font-size:1rem}.suggestion-chip{padding:6px 10px;min-width:48px}.chip-emoji{font-size:1rem}.chip-label{font-size:.625rem}.control-bar{padding:12px;gap:8px}.control-button{padding:8px 12px}.restaurant-card-body{padding:16px}.restaurant-name{font-size:1rem}.blog-review{padding:8px 4px;gap:10px}.blog-thumbnail{width:48px;height:48px}.blog-title{font-size:.8125rem}.blog-meta{font-size:.6875rem}}@media(min-width:481px)and (max-width:768px){.app{padding:0 20px 36px}.search-form{flex-direction:column}.search-button{width:100%;padding:14px}}@media(min-width:769px){.app{max-width:640px}}@media(hover:hover){.restaurant-card:hover .restaurant-image{transform:scale(1.03)}}@media(hover:none){.suggestion-chip:hover{background:var(--toss-gray-100)}.suggestion-chip.active:hover{background:var(--toss-blue)}.control-button:hover{background:var(--toss-gray-100)}.control-button.active:hover{background:var(--toss-blue)}.blog-review:hover{background:transparent}.map-google:hover{background:#e8f0fe}.map-naver:hover{background:#e8faf0}.search-button:hover{background:var(--toss-blue)}.theme-toggle:hover{background:var(--toss-gray-100)}}