html,body{margin:0;padding:0}:root{--bg:#000010;--panel:#0a0a18eb;--text:#e8e8f0;--muted:#8a8aa0;--visited:#3b82f6;--want:#f59e0b;--lifetime:#ef4444}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.app{background:var(--bg);width:100vw;height:100vh;position:relative;overflow:hidden}.brand-overlay{z-index:10;pointer-events:none;position:absolute;top:28px;left:32px}.brand-overlay h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.brand-overlay p{color:var(--muted);margin:4px 0 0;font-size:13px}.legend-overlay{z-index:10;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:28px;left:32px}.legend-item{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-visited{background:var(--visited)}.dot-want{background:var(--want)}.dot-lifetime{background:var(--lifetime)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(20px);z-index:20;border-left:1px solid #1c1c2e;width:400px;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%)}.panel.panel-open{transform:translate(0)}.place-card{padding:28px 28px 48px;position:relative}.close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:15px;line-height:1;position:absolute;top:20px;right:20px}.close-btn:hover{color:var(--text);background:#1c1c2e}.place-card h2{letter-spacing:-.02em;margin:0 0 4px;padding-right:32px;font-size:24px;font-weight:600}.place-card .meta{color:var(--muted);margin:0 0 14px;font-size:13px}.tags{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.tag{color:var(--muted);letter-spacing:.02em;background:#1c1c36;border-radius:999px;padding:3px 10px;font-size:11px}.tag.status-visited{color:var(--visited)}.tag.status-want{color:var(--want)}.tag.status-lifetime{color:var(--lifetime)}.prose{color:#d0d0e0;margin:0;font-size:15px;line-height:1.65}