:root{font-family:Nunito,Quicksand,system-ui,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#2d3a2e;background-color:beige;--forest-green: #228B22;--earth-brown: #8B4513;--sky-blue: #87CEEB;--cream-bg: #F5F5DC;--warm-sand: #D4C4A8;--soft-clay: #C67B5C;--olive-green: #6B7B3C;--organic-radius: 20px;--shadow-soft: 0 8px 32px rgba(34, 139, 34, .12);--shadow-leaf: 0 4px 20px rgba(34, 139, 34, .15);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,beige,#e8e4d9,#d4c4a8);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,rgba(34,139,34,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(135,206,235,.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,69,19,.02) 0%,transparent 40%);pointer-events:none;z-index:-1}a{font-weight:600;color:var(--forest-green);text-decoration:none;transition:all .3s ease;position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--forest-green);transition:width .3s ease}a:hover{color:var(--olive-green)}a:hover:after{width:100%}h1{font-size:2.8em;line-height:1.2;font-weight:700;letter-spacing:-.02em}h2,h3,h4,h5,h6{color:var(--earth-brown);font-weight:600}button{border-radius:var(--organic-radius);border:2px solid var(--forest-green);padding:.8em 1.6em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--forest-green) 0%,#1a6b1a 100%);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-leaf);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover{border-color:var(--olive-green);transform:translateY(-2px);box-shadow:0 12px 28px #228b2240}button:hover:before{left:100%}button:focus,button:focus-visible{outline:3px solid var(--sky-blue);outline-offset:2px}input,textarea,select{border-radius:calc(var(--organic-radius) - 4px);border:2px solid var(--warm-sand);padding:.8em 1.2em;font-size:1em;font-family:inherit;background-color:#fffc;color:var(--earth-brown);transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--forest-green);box-shadow:0 0 0 3px #228b2226;background-color:#fff}.card{border-radius:var(--organic-radius);background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);border:1px solid rgba(139,69,19,.1);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #228b2233}@media(prefers-color-scheme:dark){:root{color:#e8e4d9;background-color:#1a1f1a;--forest-green: #4CAF50;--earth-brown: #C67B5C;--sky-blue: #64B5F6;--cream-bg: #2d3a2e;--warm-sand: #5d4e3a;--soft-clay: #C67B5C;--olive-green: #81C784}body{background:linear-gradient(135deg,#1a1f1a,#232923,#1e261f)}body:before{background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(100,181,246,.06) 0%,transparent 50%)}.card{background:#2d3a2ee6;border-color:#c67b5c33}input,textarea,select{background-color:#2d3a2ecc;border-color:var(--warm-sand)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff9f0;min-height:100vh}.app{width:100%;min-height:100vh;padding:1rem 1rem 5rem;background-color:transparent}h1{text-align:center;margin-bottom:1rem;color:#3e2723;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;font-family:Poppins,sans-serif}.search-container{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:100%;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #E0E0E0;border-radius:12px;font-size:1rem;background-color:#ffffffe6;transition:all .3s ease;font-family:Inter,sans-serif}.search-input:focus{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c4226;outline:none}.radius-select{width:100%;padding:.75rem 1rem;border:2px solid #E0E0E0;border-radius:12px;font-size:1rem;background-color:#ffffffe6;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.radius-select:focus{border-color:#ff8c42;outline:none}.locate-button,.search-button{width:100%;padding:.75rem 1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.locate-button{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;box-shadow:0 4px 15px #4caf504d}.locate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.search-button{background:linear-gradient(135deg,#ff8c42,#ff6b00);color:#fff;box-shadow:0 4px 15px #ff8c424d}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266}.search-button:disabled,.locate-button:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#ff5252;margin-bottom:.75rem;text-align:center;width:100%;font-weight:600;padding:.75rem;background:#ff52521a;border-radius:12px;font-size:.9rem}.search-center-info{color:#4caf50;margin-bottom:.75rem;text-align:center;width:100%;font-size:.85rem;font-weight:500}.main-content{display:flex;flex-direction:column;gap:.75rem;width:100%;height:calc(100vh - 180px);min-height:300px}.results-container{flex:1;width:100%;overflow-y:auto;padding:.25rem;-webkit-overflow-scrolling:touch}.map-container{display:none}.restaurant-card{display:flex;padding:0;border:1px solid #E0E0E0;border-radius:16px;margin-bottom:.75rem;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;min-height:100px;height:auto;align-items:flex-start}.restaurant-card:hover{box-shadow:0 8px 24px #ff8c4226;transform:translateY(-2px);border-color:#ff8c42}.restaurant-card.selected{border-color:#ff8c42;box-shadow:0 0 0 2px #ff8c4240,0 8px 24px #ff8c4233;transform:scale(1.01)}.restaurant-photo{width:100px;height:100px;object-fit:cover;display:block;flex-shrink:0;border-radius:16px 0 0 16px}.restaurant-content{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.2rem;overflow:hidden;min-width:0}.restaurant-card h3{margin-bottom:.35rem;color:#3e2723;font-size:clamp(.9rem,3vw,1.1rem);font-weight:600;font-family:Poppins,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-info{margin-bottom:.25rem;color:#795548;font-size:clamp(.75rem,2.5vw,.9rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-distance{margin-bottom:.25rem;color:#4caf50;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600}.restaurant-tel{margin-bottom:.25rem;color:#795548;font-size:clamp(.75rem,2.5vw,.9rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-rating{color:#ff8c42;font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600}.empty-state{text-align:center;color:#795548;padding:2rem 1rem;font-size:1rem;background:#ffffff80;border-radius:16px;box-shadow:0 2px 8px #00000014}@media(max-width:768px){.app{padding:1rem}h1{font-size:1.6rem;margin-bottom:1rem}.search-container{flex-direction:column;gap:.5rem;padding:0 .5rem}.search-input,.radius-select,.input-wrapper{width:100%;min-width:unset}.locate-button,.search-button{width:100%}.search-center-info{padding:0 .5rem}.main-content{flex-direction:column;height:auto;min-height:auto;padding:0 .5rem}.results-container{width:100%;min-width:auto;max-height:none;flex:1}.restaurant-card{padding:0;min-height:90px;height:auto}.restaurant-photo{width:90px;height:90px}.restaurant-content{padding:.85rem}.restaurant-card h3{font-size:1rem}.restaurant-info,.restaurant-distance,.restaurant-tel,.restaurant-rating{font-size:.85rem}}@media(max-width:480px){.restaurant-card{padding:.85rem}.restaurant-card h3{font-size:.95rem}}.input-wrapper{position:relative;flex:1;width:100%;min-width:unset}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fffffffa;border:1px solid #E0E0E0;border-radius:16px;box-shadow:0 8px 32px #ff8c4226;list-style:none;margin:.5rem 0 0;padding:0;max-height:300px;overflow-y:auto;z-index:1000}.suggestion-item{padding:.875rem 1rem;cursor:pointer;border-bottom:1px solid rgba(121,85,72,.05);transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#ff8c4214}.suggestion-item:hover .suggestion-name{color:#ff8c42}.suggestion-name{font-weight:600;color:#3e2723;font-size:.95rem;margin-bottom:.25rem}.suggestion-address{font-size:.8rem;color:#795548;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.random-button{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:clamp(.7rem,2.5vw,.875rem) clamp(1.2rem,4vw,1.75rem);background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;border:none;border-radius:50px;font-size:clamp(.85rem,2.5vw,.95rem);font-weight:600;cursor:pointer;box-shadow:0 6px 20px #ff525266;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;white-space:nowrap;font-family:Inter,sans-serif}.random-button:hover{transform:translate(-50%) translateY(-2px) scale(1.03);box-shadow:0 10px 28px #ff525280}.random-button:active{transform:translate(-50%) translateY(0) scale(1)}