:root{--ink:#17232a;--muted:#5f7480;--line:#d7e4ea;--paper:#f5f9fb;--panel:#fff;--sea:#1b6f8c;--sea-dark:#124e64;--sea-soft:#e8f2f6;--tangerine:#f28c28;--basalt:#3d4d55;--radius:14px;--shadow:0 10px 30px #17232a14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif;line-height:1.55}button{font:inherit;cursor:pointer}h1,h2{letter-spacing:-.02em;margin:0;line-height:1.28}.app-shell{width:min(1080px,100%);min-height:100vh;margin:0 auto;padding:16px 16px 48px}main{gap:22px;display:grid}main>*{min-width:0}.brand{justify-content:space-between;align-items:center;gap:12px;padding:6px 0 18px;display:flex}.brand-mark{color:var(--sea-dark);align-items:center;gap:10px;display:flex}.brand-mark>svg{background:var(--sea);color:#fff;border-radius:10px;flex:none;width:34px;height:34px;padding:8px}.brand-mark strong{letter-spacing:-.02em;font-size:15px;font-weight:800;display:block}.brand-mark span{color:var(--muted);font-size:12px;font-weight:600;display:block}.location-button{border:1px solid var(--line);height:36px;color:var(--sea-dark);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:700;display:inline-flex}.location-button:disabled{opacity:.55;cursor:default}.content-section{gap:10px;display:grid}.eyebrow{color:var(--tangerine);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:800;display:inline-flex}.spot-title{font-size:clamp(24px,6.2vw,38px);font-weight:800}.section-copy{max-width:62ch;color:var(--muted);margin:0;font-size:14px}.section-copy strong{color:var(--sea-dark)}.api-status{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:7px;margin-top:4px;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex}.api-status>svg{color:var(--sea);flex:none}.curator{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:10px;padding:16px;display:grid}.curator-form{flex-wrap:wrap;gap:8px;display:flex}.curator-input{border:1px solid var(--line);background:var(--paper);min-width:0;height:42px;color:var(--muted);border-radius:10px;flex:220px;align-items:center;gap:8px;padding:0 12px;display:flex}.curator-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.primary-button{background:var(--sea);color:#fff;border:0;border-radius:10px;flex:none;height:42px;padding:0 18px;font-size:13.5px;font-weight:800}.primary-button:disabled{opacity:.5;cursor:default}.curator-hint{color:var(--muted);margin:0;font-size:12.5px}.curator-hint strong{color:var(--sea-dark)}.curator-result{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.curator-summary{margin:0;font-size:14.5px;font-weight:700}.curator-source{color:var(--muted);margin:0;font-size:12px}.curator-picks{counter-reset:pick;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.curator-picks li{background:var(--sea-soft);border-radius:10px;padding:11px 13px}.curator-pick-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.curator-pick-head strong{font-size:14.5px;font-weight:800}.curator-picks li p{color:#3d5560;margin:0;font-size:13px;line-height:1.5}.curator-picks .badge{background:#fff}.filter-group{gap:8px;min-width:0;display:grid}.filter-label{color:var(--muted);letter-spacing:.04em;font-size:11.5px;font-weight:800}.chip-row{scrollbar-width:none;gap:7px;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);height:33px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:0 13px;font-size:12.5px;font-weight:700}.chip.is-active{border-color:var(--sea);background:var(--sea);color:#fff}.score-card{border-radius:var(--radius);background:linear-gradient(135deg, var(--sea) 0%, var(--sea-dark) 100%);color:#fff;box-shadow:var(--shadow);align-items:center;gap:16px;padding:16px 18px;display:flex}.score-card .eyebrow{color:#ffffffd9}.score-card strong{font-size:19px;font-weight:800;display:block}.score-card span{color:#ffffffd1;font-size:13px;display:block}.score-value{background:#ffffff29;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:25px;font-weight:800;display:grid}.spot-list{gap:12px;display:grid}.spot-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:96px 1fr;gap:13px;padding:11px;display:grid}.spot-card.is-loading{background:linear-gradient(90deg, #fff 0%, var(--sea-soft) 50%, #fff 100%);background-size:200% 100%;border-style:dashed;height:118px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spot-card.is-loading{animation:none}}.spot-thumb{aspect-ratio:1;background-color:var(--sea-soft);color:var(--sea);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.spot-thumb img{border-radius:inherit}.rank-badge{color:#fff;background:#17232ad1;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11.5px;font-weight:800;display:grid;position:absolute;top:5px;left:5px}.spot-body{align-content:start;gap:6px;min-width:0;display:grid}.spot-body h2{font-size:15.5px;font-weight:800}.spot-address{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:12px;display:flex;overflow:hidden}.spot-address>svg{flex:none}.spot-meta{flex-wrap:wrap;gap:5px;display:flex}.badge{background:var(--sea-soft);height:23px;color:var(--sea-dark);border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.is-quiet{color:var(--muted);background:#eef2f4}.badge.is-tag{color:#a2560f;background:#fdf0e2}.score-bar{background:#eef2f4;border-radius:999px;height:5px;margin-top:2px;overflow:hidden}.score-bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--sea) 0%, var(--tangerine) 100%);height:100%;display:block}.api-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:18px;display:grid}.api-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.api-grid strong{color:var(--sea-dark);font-size:23px;font-weight:800;display:block}.api-grid span{color:var(--muted);font-size:12px;font-weight:600}.map-note{color:var(--muted);text-align:center;margin:0;padding:14px 0 0;font-size:12px}.link-button{color:var(--sea);background:0 0;border:0;font-weight:800;text-decoration:underline}@media (min-width:640px){.app-shell{padding:24px 24px 64px}.chip-row{flex-wrap:wrap;overflow-x:visible}.spot-list{grid-template-columns:repeat(2,1fr)}.score-value{width:76px;height:76px;font-size:29px}}@media (min-width:1024px){.app-shell{padding:32px 32px 80px}main{gap:28px}.spot-list{grid-template-columns:repeat(3,1fr)}.spot-card{grid-template-columns:1fr}.spot-thumb{aspect-ratio:4/3}}.brand-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lang-switch{border:1px solid var(--line);height:36px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:0 8px;display:flex}.lang-button{height:26px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.lang-button.is-active{background:var(--sea);color:#fff}@media (max-width:480px){.brand{flex-wrap:wrap}.brand-actions{justify-content:space-between;width:100%}}.crowd-caveat{color:var(--muted);margin:2px 0 0;font-size:11.5px;line-height:1.45}.onboarding{border:1px solid var(--sea);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);gap:14px;padding:18px;display:grid}.onboarding-title{font-size:clamp(17px,4vw,21px);font-weight:800}.onboarding-sub{color:var(--muted);margin:-6px 0 0;font-size:13px}.onboarding-q{gap:7px;min-width:0;display:grid}.onboarding-actions{align-items:center;gap:12px;padding-top:2px;display:flex}.onboarding-summary{border:1px solid var(--line);color:var(--sea-dark);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 13px;font-size:12.5px;font-weight:700;display:flex}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);text-align:center;grid-column:1/-1;justify-items:center;gap:8px;padding:28px 18px;display:grid}.empty-title{margin:0;font-size:15px;font-weight:800}.empty-reason{max-width:46ch;color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.empty-state .primary-button{margin-top:4px}.metrics{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:10px;padding:16px 18px;display:grid}.metrics-list{gap:9px;margin:0;display:grid}.metrics-list>div{grid-template-columns:minmax(84px,auto) 1fr;align-items:baseline;gap:10px;display:grid}.metrics-list dt{color:var(--sea-dark);white-space:nowrap;font-size:12.5px;font-weight:800}.metrics-list dd{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.metrics-formula{background:var(--sea-soft);color:var(--sea-dark);text-align:center;border-radius:8px;margin:2px 0 0;padding:8px 11px;font-size:12px;font-weight:700}@media (max-width:560px){.metrics-list>div{grid-template-columns:1fr;gap:2px}}.spot-card{position:relative}.spot-open{z-index:1;border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.spot-open:focus-visible{outline:2px solid var(--sea);outline-offset:2px}.modal-backdrop{z-index:50;background:#17232a8c;place-items:end center;padding:0;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-radius:var(--radius) var(--radius) 0 0;background:var(--paper);align-content:start;gap:16px;width:min(680px,100%);max-height:92vh;padding:20px;display:grid;overflow-y:auto}@media (min-width:640px){.modal-backdrop{place-items:center;padding:24px}.modal{border-radius:var(--radius)}}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-head h2{font-size:19px;font-weight:800}.modal-close{border:1px solid var(--line);height:32px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.modal-metrics{background:var(--sea-soft);text-align:center;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.modal-metrics strong{color:var(--sea-dark);font-size:19px;font-weight:800;display:block}.modal-metrics span{color:var(--muted);font-size:11px;font-weight:600}.modal-section{gap:8px;display:grid}.modal-section h3{color:var(--sea-dark);margin:0;font-size:13px;font-weight:800}.modal-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.modal-photo{aspect-ratio:4/3;background:var(--sea-soft);border-radius:8px;display:block;position:relative;overflow:hidden}.modal-text{color:var(--ink);margin:0;font-size:13px;line-height:1.65}.modal-info{gap:6px;margin:0;display:grid}.modal-info>div{grid-template-columns:96px 1fr;gap:10px;display:grid}.modal-info dt{color:var(--muted);font-size:12.5px;font-weight:700}.modal-info dd{word-break:break-all;margin:0;font-size:12.5px;line-height:1.5}.modal-nearby{gap:5px;margin:0;padding:0;list-style:none;display:grid}.modal-nearby li{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 11px;font-size:12.5px;display:flex}.modal-nearby em{color:var(--muted);font-style:normal;font-weight:700}