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:520px;max-width:100vw;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:20px 32px 48px;position:relative}.card-nav{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.nav-prev-next{align-items:center;gap:8px;display:flex}.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2a2a44;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;line-height:1;display:inline-flex}.nav-btn:hover{color:var(--text);background:#1c1c2e;border-color:#3a3a5c}.nav-pos{color:var(--muted);letter-spacing:.02em;margin-left:6px;font-size:12px}.close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:16px;line-height:1}.close-btn:hover{color:var(--text);background:#1c1c2e}.place-card h2{letter-spacing:-.02em;margin:0 0 4px;font-size:26px;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)}.photo-stack{flex-direction:column;gap:16px;margin-bottom:22px;display:flex}.photo{aspect-ratio:4/5;background:#0f0f1a;border-radius:8px;margin:0;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.prose{color:#d0d0e0;margin:0;font-size:15px;line-height:1.65}.prose-empty{color:var(--muted);font-style:italic}