:root{--bg:#f4efe6;--bg-strong:#d9e6f2;--surface:#fffaf3cc;--surface-strong:#fff8eff0;--ink:#1f2a2f;--muted:#526068;--accent:#007f73;--accent-2:#ea5b2a;--been:#0a84ff;--want:#af52de;--location:#8e8e93;--loved:#30d158;--border:#1f2a2f1f;--shadow:0 18px 50px #1f2a2f1f;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,serif;--font-body:"Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,#ffffffeb,transparent 28%),radial-gradient(circle at right 20%,#ea5b2a29,transparent 24%),linear-gradient(140deg,var(--bg)0%,#f8f4ee 42%,var(--bg-strong)100%);min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0}a{color:inherit}button,select{font:inherit}.shell{padding:24px}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#007f732e,#0000 70%);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -15% -65% auto}.app-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:20px;display:grid}.hero{margin-bottom:20px;padding:28px}.hero h1{max-width:11ch;font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,5.8rem);line-height:.94}.hero p{max-width:62ch;color:var(--muted);margin:18px 0 0;font-size:1.05rem;line-height:1.6}.stat-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.stat-chip{color:var(--muted);background:#ffffff8f;border:1px solid #1f2a2f14;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.stat-chip strong{color:var(--ink);font-size:1.05rem}.map-panel{padding:16px}.map-panel-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.map-panel-header h2{margin:0;font-size:1.1rem}.map-panel-header p{color:var(--muted);margin:6px 0 0;line-height:1.5}.map-frame{border-radius:calc(var(--radius-xl) - 10px);background:linear-gradient(#d9e6f2d9,#fffaf3f0),radial-gradient(circle at 20% 20%,#007f7329,#0000 24%);border:1px solid #1f2a2f14;min-height:630px;position:relative;overflow:hidden}.map-canvas{position:absolute;inset:0}.google-map{width:100%;height:100%}.map-status{z-index:1;text-align:center;color:var(--ink);background:linear-gradient(#fffaf3b8,#f4efe6d1);place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.map-status p{max-width:30ch;color:var(--muted);margin:0}.map-status-static{position:absolute}.dot{border-radius:999px;width:10px;height:10px}.dot-been{background:var(--been)}.dot-want{background:var(--want)}.dot-location{background:var(--location)}.dot-loved{background:var(--loved)}.sidebar{flex-direction:column;align-self:start;gap:20px;height:820px;min-height:0;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:hidden}.controls{flex:none;padding:20px}.controls-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.controls h2,.list-panel h2{margin:0;font-size:1.1rem}.controls p,.list-panel p,.empty-state p{color:var(--muted);margin:0;line-height:1.5}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filter-grid label{color:var(--muted);gap:8px;font-size:.92rem;display:grid}.filter-grid select{width:100%;color:var(--ink);background:#ffffffeb;border:1px solid #1f2a2f1a;border-radius:14px;padding:12px 14px}.filter-grid select:disabled{cursor:not-allowed;opacity:.56}.checkbox-row{min-height:46px;color:var(--ink);align-self:start;align-items:center;gap:10px;padding:0 4px;display:inline-flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent);margin:0}.checkbox-label{color:var(--muted);line-height:1}.reset-button{color:var(--ink);cursor:pointer;background:#1f2a2f14;border:0;border-radius:999px;padding:12px 16px}.list-panel{flex-direction:column;flex:auto;height:100%;min-height:0;padding:20px;display:flex;overflow:hidden}.place-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;grid-auto-rows:max-content;gap:12px;min-height:0;margin-top:16px;padding-right:6px;display:grid;overflow-y:auto}.place-card{border-radius:var(--radius-md);background:var(--surface-strong);text-align:left;cursor:pointer;border:1px solid #0000;width:100%;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.place-card:hover,.place-card:focus-visible,.place-card.is-active{border-color:#007f7352;outline:none;transform:translateY(-2px);box-shadow:0 14px 26px #1f2a2f1a}.place-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.place-card h3{margin:0 0 6px;font-size:1.05rem}.eyebrow{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.badge{color:var(--ink);white-space:nowrap;background:#1f2a2f12;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;line-height:1;display:inline-flex}.badge.been{background:#0b8f7a24}.badge.want_to_go{background:#d4572e24}.badge.location{background:#57759029}.loved-badge{color:#117a28;white-space:nowrap;background:#39d3532e;border-radius:999px;align-items:center;padding:8px 10px;font-size:.82rem;line-height:1;display:inline-flex}.place-card address{color:var(--muted);margin-top:12px;font-style:normal;line-height:1.5}.empty-state{border-radius:var(--radius-lg);background:#ffffff80;place-items:start;gap:10px;padding:24px;display:grid}.empty-state h3{margin:0}.empty-state button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:12px 16px}.map-popup{min-width:220px;color:var(--ink);gap:8px;display:grid}.map-popup strong{font-size:1rem}.map-popup p,.map-popup address{color:var(--muted);margin:0;font-style:normal;line-height:1.45}.maplibregl-popup-content{border-radius:18px;padding:14px 14px 12px}@media (max-width:1080px){.app-grid{grid-template-columns:1fr}.sidebar{height:auto;max-height:none;position:static;overflow:visible}.map-frame{min-height:520px}.list-panel{height:auto}}@media (max-width:720px){.shell{padding:14px}.hero,.controls,.list-panel,.map-panel{padding:16px}.map-frame{min-height:430px}.filter-grid{grid-template-columns:1fr}.controls-header{flex-direction:column;align-items:stretch}.place-card-header{flex-direction:column}}