:root{--ink:#1a1523;--muted:#6b6375;--bg:#faf9fb;--accent:#e8590c;--accent-soft:#ffe8d9;--good:#2b8a3e;--warn:#e8590c;--bad:#c92a2a;--card-bg:#fff;--shadow:0 6px 24px #1a152324;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0}button{cursor:pointer;font-family:inherit}.app{height:100vh;position:relative;overflow:hidden}.topbar{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .brand{letter-spacing:-.02em;pointer-events:auto;font-weight:700}.topbar-buttons{pointer-events:auto;gap:8px;display:flex}.ghost{color:var(--ink);background:#ffffffd9;border:1px solid #1a15231f;border-radius:999px;padding:6px 14px;font-size:13px}.ghost:hover{background:#fff}.circle{z-index:40;background:0 0;border:none;padding:0;transition:all .7s cubic-bezier(.32,.72,.22,1);position:absolute}.circle.centered{width:160px;height:160px;top:38%;left:50%;transform:translate(-50%,-50%)}.circle.docked{width:64px;height:64px;top:56px;left:24px;transform:none}.circle-core{background:radial-gradient(circle at 32% 30%, #ff922b, var(--accent) 70%);border-radius:50%;transition:transform .3s;position:absolute;inset:0;box-shadow:0 10px 40px #e8590c59}.circle-ring{opacity:0;border:2px solid #e8590c66;border-radius:50%;position:absolute;inset:0}.circle:hover .circle-core{transform:scale(1.04)}.circle.listening .circle-core{animation:1.1s ease-in-out infinite breathe}.circle.listening .circle-ring.r1{animation:1.6s ease-out infinite ripple}.circle.listening .circle-ring.r2{animation:1.6s ease-out .55s infinite ripple}.circle.thinking .circle-core{opacity:.85;animation:1.4s ease-in-out infinite wobble}.circle.speaking .circle-core{animation:.42s ease-in-out infinite talk}.circle.speaking .circle-ring.r1{animation:1.2s ease-out infinite ripple}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes talk{0%,to{transform:scale(1)}30%{transform:scale(1.07)}60%{transform:scale(.97)}}@keyframes wobble{0%,to{transform:scale(.96)rotate(-2deg)}50%{transform:scale(1.02)rotate(2deg)}}@keyframes ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.landing-copy{text-align:center;z-index:20;width:min(92vw,560px);position:absolute;top:58%;left:50%;transform:translate(-50%)}.landing-copy h1{letter-spacing:-.03em;margin:0 0 10px;font-size:34px}.landing-copy p{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.landing-copy .hint{color:var(--accent);margin-top:14px;font-weight:600}.landing-copy .audio-note{color:var(--accent);margin-top:16px;font-size:14px;font-weight:600}.map-canvas{z-index:1;position:absolute;inset:0}.map-fallback{z-index:1;background:linear-gradient(180deg, #f2eff5, var(--bg));padding:110px 24px 120px;position:absolute;inset:0;overflow-y:auto}.map-note{color:var(--muted);text-align:center;font-size:13px}.fallback-cards{flex-wrap:wrap;justify-content:center;gap:18px;max-width:900px;margin:0 auto;display:flex}.fallback-cards .place-card{position:static;transform:none}.fallback-cards .card-tail{display:none}.overlay-host{transform:translate(-50%, calc(-100% - var(--stack,0px)));position:absolute}.overlay-host:after{content:"";width:1px;height:var(--stack,0px);background:#1a152359;position:absolute;top:100%;left:50%}.place-card{background:var(--card-bg);width:168px;box-shadow:var(--shadow);border-radius:14px;margin-bottom:14px;animation:.35s card-in;position:relative;overflow:visible}.place-card.primary{border:2px solid var(--accent);width:208px}.place-card:hover{z-index:5}.place-card.zoomed{width:300px}.place-card.zoomed .place-photo{height:160px}.place-card.zoomed .place-name{font-size:18px}.place-card.zoomed .place-meta{font-size:13px}.place-card.zoomed .place-band{padding:4px 12px;font-size:13px}.place-card.zoomed .place-links a{font-size:13px}.place-address{color:var(--muted);margin-top:4px;font-size:12px}.place-card.selectable{cursor:pointer;transition:transform .15s,box-shadow .15s}.place-card.selectable:hover,.place-card.selectable:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-3px);box-shadow:0 10px 30px #1a152338}.place-select-hint{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:11px;font-weight:600}.rich-link{color:var(--accent);font-weight:600;text-decoration:none}.rich-link:hover{text-decoration:underline}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.place-photo{object-fit:cover;border-radius:12px 12px 0 0;width:100%;height:76px;display:block}.place-card.primary .place-photo{height:96px}.place-body{padding:9px 11px 11px}.place-name{font-size:14px;font-weight:700;line-height:1.25}.place-meta{color:var(--muted);gap:10px;margin-top:3px;font-size:12px;display:flex}.place-band{color:var(--good);background:#e6f4ea;border-radius:999px;margin-top:7px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.place-band.alt{color:var(--ink);background:#f1f0f3}.place-band.closed{color:var(--bad);background:#fdecec}.place-links{gap:10px;margin-top:9px;display:flex}.place-links a{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.place-links a:hover{text-decoration:underline}.card-tail{background:var(--card-bg);width:16px;height:16px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:4px 4px 8px #1a152314}.place-card.primary .card-tail{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent)}.caption{z-index:25;max-width:min(92vw,640px);box-shadow:var(--shadow);background:#fffffff5;border-radius:16px;padding:14px 20px;font-size:15px;line-height:1.45;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.caption.floating{top:62%;bottom:auto}.history-drawer{z-index:50;background:#fff;width:min(88vw,340px);padding:16px;transition:transform .35s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%);box-shadow:-8px 0 30px #1a152326}.history-drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:14px;font-weight:700;display:flex}.drawer-empty{color:var(--muted);font-size:14px}.turn{margin-bottom:14px}.turn-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.turn.user .turn-label{color:var(--accent)}.turn-text{white-space:pre-wrap;margin-top:2px;font-size:14px;line-height:1.45}.modal-backdrop{z-index:60;background:#1a152366;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{box-shadow:var(--shadow);background:#fff;border-radius:18px;max-width:min(92vw,460px);max-height:86vh;padding:24px 26px;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:20px}.modal ul{margin:0 0 16px;padding-left:18px}.modal li{color:var(--ink);margin-bottom:8px;font-size:14px;line-height:1.45}.modal button{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:600}.modal h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 8px;font-size:14px}.modal-note{color:var(--muted);margin:4px 0 16px;font-size:13px;line-height:1.45}.stack-list{margin:0 0 10px}.stack-list dt{margin-top:8px;font-size:13px;font-weight:700}.stack-list dd{color:var(--ink);margin:1px 0 0;font-size:13px;line-height:1.4}.stack-omitted{margin:0 0 18px;padding-left:20px;font-size:14px}.stack-omitted li{margin-bottom:4px}.error-toast{z-index:55;color:var(--bad);cursor:pointer;background:#fdecec;border:1px solid #f5c2c7;border-radius:12px;max-width:min(92vw,520px);padding:10px 18px;font-size:14px;position:absolute;top:70px;left:50%;transform:translate(-50%)}