*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.page-layout{position:relative;display:flex;height:100vh;height:100dvh;width:100vw}.sidebar-toggle{display:none;position:absolute;top:12px;left:12px;z-index:30;width:44px;height:44px;border-radius:10px;background:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}.sidebar-toggle span{display:block;width:20px;height:2px;background:#333;border-radius:2px;transition:transform .3s}.sidebar-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.active span:nth-child(2){opacity:0}.sidebar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.sidebar{width:360px;min-width:360px;background:#fff;box-shadow:2px 0 12px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:10;overflow:hidden}.sidebar-header{padding:20px;background:#fff;color:#222;border-bottom:1px solid #eef0f2}.sidebar-header h1{font-size:22px;font-weight:700}.sidebar-header p{font-size:13px;opacity:.85;margin-top:4px}.sidebar-body{flex:1 1;overflow-y:auto;padding:16px}.mobile-sheet-grip{display:none}.map-container{position:absolute;top:0;left:0;width:100%;height:100%}.map-container .maplibregl-canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}.category-list{display:flex;flex-direction:column;gap:6px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:#f4f7f9;cursor:pointer;transition:background .2s;text-decoration:none;color:inherit}.category-item:hover{background:#e8eef2}.category-item.active{background:#d1ecf1}.cat-left{display:flex;align-items:center;gap:12px}.cat-icon{font-size:20px;width:28px;text-align:center}.cat-name{font-size:14px;font-weight:600;color:#333}.cat-count{font-size:12px;color:#888}.poi-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:10px;background:#f8f9fa;text-decoration:none;color:inherit;transition:background .2s,box-shadow .2s}.poi-card:hover{background:#e8eef2;box-shadow:0 2px 8px rgba(0,0,0,.1)}.poi-card .poi-emoji{font-size:24px;flex-shrink:0}.poi-card .poi-info{flex:1 1;min-width:0}.poi-card .poi-name{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poi-card .poi-location{font-size:12px;color:#888;margin-top:2px}.poi-card .poi-badge{font-size:11px;padding:2px 8px;border-radius:6px;background:rgba(0,109,119,.1);color:#006d77;font-weight:600;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:6px;padding:10px 20px;font-size:13px;color:#666;border-bottom:1px solid #eee}.breadcrumb a{color:#006d77;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:#ccc}.poi-detail-name{font-size:20px;font-weight:700;color:#333;line-height:1.3}.poi-detail-category{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(0,109,119,.1);color:#006d77;font-size:11px;font-weight:600;margin-bottom:6px}.poi-detail-description{font-size:14px;color:#555;line-height:1.6;margin:12px 0}.poi-detail-info{margin:12px 0}.poi-detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#555;margin-bottom:6px}.poi-detail-row .label{font-weight:600;color:#333;min-width:60px}.poi-vote{margin:12px 0;padding:12px;border:1px solid #e4edf0;border-radius:12px;background:#f8fbfc}.poi-vote.compact{margin:10px 0 0 34px;padding:0;border:0;background:transparent}.poi-vote-label{margin-bottom:8px;font-size:12px;font-weight:700;color:#4b6368}.poi-vote.compact .poi-vote-label{display:none}.poi-vote-actions{display:flex;flex-wrap:wrap;gap:8px}.poi-vote-actions button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #d7e5e8;border-radius:999px;background:#fff;color:#333;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.poi-vote-actions button.active,.poi-vote-actions button:hover:not(:disabled){border-color:#006d77;background:#e8f4f5;color:#006d77}.poi-vote-actions button.active.positive{border-color:#15803d;background:#dcfce7;color:#166534}.poi-vote-actions button.active.negative{border-color:#b42318;background:#fee4e2;color:#912018}.poi-vote-actions button:disabled{cursor:wait;opacity:.7}.poi-vote-actions button.active:disabled{cursor:default;opacity:1}.poi-vote-actions button strong{color:inherit;font-size:12px}.poi-vote-error{margin-top:8px;font-size:12px;color:#b42318}.poi-must-try{margin:12px 0}.poi-must-try h4{font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.poi-must-try ul{list-style:none;padding:0}.poi-must-try li{font-size:13px;color:#555;padding:3px 0 3px 16px;position:relative}.poi-must-try li:before{content:"•";position:absolute;left:0;color:#83c5be;font-weight:700}.related-title{font-size:14px;font-weight:600;color:#333;margin:16px 0 8px;padding-top:12px;border-top:1px solid #eee}.region-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.region-chip{display:inline-block;padding:4px 12px;border-radius:20px;background:#f0f0f0;font-size:12px;color:#555;text-decoration:none;transition:background .2s,color .2s}.region-chip:hover{background:#d1ecf1;color:#006d77}.region-chip.active{background:#006d77;color:#fff}.search-form{display:flex;gap:8px;padding:16px;border-bottom:1px solid #eee}.search-input{flex:1 1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none}.search-input:focus{border-color:#006d77}.emoji-marker{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;font-size:28px;transition:font-size .25s ease,filter .25s ease}.emoji-marker.highlighted,.emoji-marker:hover{font-size:42px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.emoji-marker.dimmed{opacity:.4;font-size:22px}.map-poi-sheet{position:absolute;left:0;right:0;bottom:0;z-index:22;display:none;max-height:min(75dvh,620px);overflow-y:auto;padding:10px 16px calc(env(safe-area-inset-bottom, 0px) + 16px);border-radius:18px 18px 0 0;background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(0,0,0,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(calc(100% - 132px - env(safe-area-inset-bottom, 0px)));transition:transform .24s ease;overscroll-behavior:contain;touch-action:pan-y}.map-poi-sheet.expanded{transform:translateY(0)}.map-poi-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:#d6d6d6}.map-poi-sheet-summary{cursor:pointer}.map-poi-sheet-title{display:flex;align-items:center;gap:10px;padding-right:58px;font-size:17px;line-height:1.25;font-weight:700;color:#222}.map-poi-sheet-icon{font-size:24px;line-height:1}.map-poi-sheet-meta{margin:6px 0 0 34px;font-size:13px;color:#666}.map-poi-sheet-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#006d77;font-size:24px;line-height:1;font-weight:700;cursor:pointer}.map-poi-sheet-details{margin-top:16px;padding-top:14px;border-top:1px solid #eef0f2;font-size:14px;line-height:1.55;color:#444}.map-poi-sheet-details p{margin-bottom:14px}.map-poi-sheet-details dl{display:grid;grid-template-columns:82px 1fr;grid-gap:8px 12px;gap:8px 12px}.map-poi-sheet-details dt{color:#222;font-weight:700}.map-poi-sheet-details dd{color:#555}.map-poi-sheet-details a{color:#006d77;font-weight:700;text-decoration:none}@media (max-width:768px){.sidebar-toggle{display:flex}.sidebar{position:absolute;top:0;left:0;width:min(340px,85vw);height:100vh;height:100dvh;z-index:25;transform:translateX(-100%);transition:transform .3s ease;box-shadow:4px 0 20px rgba(0,0,0,.2)}.sidebar.open{transform:translateX(0)}.page-layout{flex-direction:column}.map-container{height:100vh;height:100dvh;width:100vw}.map-poi-sheet{display:block}.breadcrumb{padding:10px 12px 10px 60px;font-size:12px;overflow-x:auto;white-space:nowrap}.poi-detail-layout{position:fixed;inset:0;height:100dvh;width:100vw}body:has(.poi-detail-layout) .breadcrumb{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 10px);left:10px;right:10px;z-index:23;width:auto;max-width:calc(100vw - 20px);padding:9px 12px;border:0;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 4px 16px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-header{padding:16px}.sidebar-header h1{font-size:18px}.poi-card .poi-name{font-size:13px}.sidebar-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:24}.sidebar-overlay.active{display:block}.poi-detail-layout .sidebar-overlay,.poi-detail-layout .sidebar-toggle{display:none}.poi-detail-layout .sidebar{top:auto;bottom:0;left:0;width:100vw;min-width:0;height:38dvh;max-height:calc(100dvh - 84px);border-radius:18px 18px 0 0;transform:none;box-shadow:0 -8px 30px rgba(0,0,0,.22);transition:height .34s cubic-bezier(.22,1,.36,1);will-change:height}.poi-detail-layout.sheet-expanded .sidebar{height:min(84dvh,760px)}.mobile-sheet-grip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:26px;background:#fff;border-radius:18px 18px 0 0;cursor:-webkit-grab;cursor:grab;touch-action:none}.mobile-sheet-grip span{display:block;width:46px;height:5px;border-radius:999px;background:#d1d5db}.poi-detail-layout .sidebar-header{padding:6px 18px 12px;cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.poi-detail-layout .sidebar-body{padding:14px 18px calc(env(safe-area-inset-bottom, 0px) + 18px)}.poi-detail-layout .maplibregl-ctrl-bottom-right{bottom:38dvh;transition:bottom .34s cubic-bezier(.22,1,.36,1)}.poi-detail-layout.sheet-expanded .maplibregl-ctrl-bottom-right{bottom:min(84dvh,760px)}}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:14px}.full-map-layout{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.top-branding{position:absolute;top:12px;left:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand-logo{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.12);text-decoration:none;transition:box-shadow .2s}.brand-logo:hover{box-shadow:0 4px 16px rgba(0,0,0,.18);text-decoration:none}.brand-flag{font-size:22px;line-height:1}.brand-name{font-size:15px;font-weight:700;color:#006d77;line-height:1.2;letter-spacing:-.01em}.places-dropdown{position:relative}.places-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.12);cursor:pointer;font-size:13px;font-weight:600;color:#333;font-family:inherit;transition:box-shadow .2s}.places-toggle:hover{box-shadow:0 4px 16px rgba(0,0,0,.18)}.places-toggle-icon{font-size:14px;line-height:1}.places-toggle-text{color:#333}.places-toggle-count{color:#006d77;font-size:12px;font-weight:700}.places-chevron{font-size:10px;color:#888;transition:transform .2s}.places-chevron.open{transform:rotate(180deg)}.places-menu{position:absolute;top:calc(100% + 6px);left:0;width:280px;max-height:70vh;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.18);overflow:hidden;display:flex;flex-direction:column}.places-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8f9fa;font-size:11px;color:#888;border-bottom:1px solid #eee}.places-menu-actions{display:flex;gap:6px}.places-select-all{background:none;border:none;font-size:11px;font-weight:600;color:#006d77;cursor:pointer;padding:2px 6px;border-radius:4px;font-family:inherit}.places-select-all:hover{background:#e8f4f5}.places-list{overflow-y:auto;padding:6px 0;flex:1 1}.places-item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.places-item:hover{background:#f4f7f9}.places-item.active{background:#e8f4f5}.places-item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.places-item-name{flex:1 1;font-size:13px;font-weight:600;color:#333}.places-item-count{font-size:11px;color:#999;font-weight:500}.places-toggle-switch{width:32px;height:18px;border-radius:9px;background:#ddd;position:relative;transition:background .2s;flex-shrink:0}.places-toggle-switch.on{background:#006d77}.places-toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.places-toggle-switch.on .places-toggle-knob{transform:translateX(14px)}.loading-full{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#888;font-size:14px}.loading-full p{margin-top:16px}.loading-spinner{width:36px;height:36px;border:3px solid #83c5be;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.curation-badge{display:inline-block;padding:2px 8px;border-radius:6px;color:#fff;font-size:11px;font-weight:700;margin-top:6px;margin-left:4px;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.poi-details{margin:16px 0;padding-top:12px;border-top:1px solid #eee}.poi-details .poi-detail-row{margin-bottom:8px}.poi-details .label{min-width:80px!important}a{color:#006d77;text-decoration:none}a:hover{text-decoration:underline}.home-overlay{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;width:min(92vw,960px);max-height:min(55vh,440px);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 12px 48px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.6);overflow:hidden;display:flex;flex-direction:column;animation:overlaySlideUp .4s cubic-bezier(.22,1,.36,1)}@keyframes overlaySlideUp{0%{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.home-overlay-close{position:absolute;top:12px;right:14px;z-index:5;width:30px;height:30px;border:none;background:rgba(0,0,0,.06);border-radius:50%;font-size:18px;line-height:1;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.home-overlay-close:hover{background:rgba(0,0,0,.12);color:#333}.home-overlay-content{flex:1 1;overflow-y:auto;padding:20px 24px}.home-overlay-header{text-align:center;margin-bottom:18px}.home-overlay-title{font-size:20px;font-weight:800;color:#222;letter-spacing:-.02em}.home-overlay-section{margin-bottom:18px}.home-overlay-section:last-child{margin-bottom:0}.home-overlay-section-label{font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.home-overlay-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.home-overlay-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1.5px solid #e8eef2;border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:80px;justify-content:center}.home-overlay-card:hover{border-color:#006d77;background:#f0fafb;box-shadow:0 4px 12px rgba(0,109,119,.12);transform:translateY(-2px)}.home-overlay-card.active{border-color:#006d77;background:#e0f4f5;box-shadow:0 4px 16px rgba(0,109,119,.18)}.home-overlay-card.vibe{min-height:72px}.home-overlay-card-emoji{font-size:24px;line-height:1}.home-overlay-card-name{font-size:13px;font-weight:700;color:#333;text-align:center}.home-overlay-card-count{font-size:11px;color:#999;font-weight:500}.home-overlay-card-desc{font-size:11px;color:#888;text-align:center;line-height:1.3}.home-overlay-reopen{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;padding:10px 20px;border:none;border-radius:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.12);font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:box-shadow .2s,transform .2s}.home-overlay-reopen:hover{box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateX(-50%) translateY(-2px)}.active-filter-bar{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.active-filter-label{display:flex;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:#e0f4f5;color:#006d77;font-size:13px;font-weight:600}.active-filter-reset{padding:4px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.active-filter-reset:hover{background:#f5f5f5;border-color:#999;color:#333}@media (max-width:768px){.home-overlay{bottom:0;left:0;right:0;width:100vw;max-height:32vh;border-radius:20px 20px 0 0;transform:none}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.home-overlay-content{padding:12px}.home-overlay-header{margin-bottom:10px}.home-overlay-title{font-size:16px}.home-overlay-section{margin-bottom:10px}.home-overlay-section-label{font-size:10px;margin-bottom:5px}.home-overlay-grid{grid-template-columns:repeat(3,1fr);gap:5px}.home-overlay-reopen{bottom:16px;padding:10px 18px}.home-overlay-card{min-height:50px;padding:5px 2px;gap:2px}.home-overlay-card-emoji{font-size:17px}.home-overlay-card-name{font-size:10px}.home-overlay-card-desc{display:none}.home-overlay-card-count{font-size:9px}}.poi-group{margin-bottom:20px}.poi-group-title{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #eee}.vibe-intro{margin-bottom:16px;padding:14px;background:#f8fbfc;border-radius:12px;border:1px solid #e8f0f2}.vibe-intro h2{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}.vibe-intro p{font-size:13px;color:#555;line-height:1.5;margin-bottom:6px}.vibe-count{font-size:12px!important;color:#006d77!important;font-weight:600!important;margin-top:4px!important}@media (max-width:480px){.home-overlay-grid{grid-template-columns:repeat(2,1fr)}}