:root{--bg: #0d0f14;--surface: #161820;--surface-raised: #1e2130;--surface-hover: #242740;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--accent: #ff7043;--accent-dim: rgba(255,112,67,.14);--accent-hover: #ff8a65;--text-1: #f0ede8;--text-2: rgba(240,237,232,.55);--text-3: rgba(240,237,232,.28);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-panel: 0 24px 64px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.4);--shadow-card: 0 4px 20px rgba(0,0,0,.35);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--panel-w: 420px;--composer-w: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font-family:var(--font-sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit}input,textarea{font:inherit;color:inherit}.maplibregl-canvas{outline:none}.maplibregl-ctrl-attrib{font-size:10px!important;opacity:.6}.maplibregl-ctrl-attrib.maplibregl-compact{padding:2px 4px}.maplibregl-ctrl-logo{display:none!important}.panel{position:absolute;top:0;right:0;bottom:0;width:var(--panel-w);background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:var(--shadow-panel);z-index:100;overflow:hidden}.panel-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-body{flex:1;overflow-y:auto;overscroll-behavior:contain}.panel-body::-webkit-scrollbar{width:4px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.panel-footer{padding:16px 20px;border-top:1px solid var(--border);flex-shrink:0}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.slide-right{animation:slide-in-right .24s cubic-bezier(.22,1,.36,1)}.slide-up{animation:slide-in-up .24s cubic-bezier(.22,1,.36,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .14s,color .14s,opacity .14s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-1)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:18px;line-height:1}.btn-icon:hover{background:var(--surface-hover);color:var(--text-1)}.btn:disabled{opacity:.4;pointer-events:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--text-1);outline:none;transition:border-color .14s;width:100%}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical;min-height:80px}.divider{height:1px;background:var(--border);margin:16px 0}.trip-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 6px;border-radius:100px;font-size:12px;font-weight:500;border:none;background:transparent;font-family:inherit}.trip-badge .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.trip-badge.clickable{cursor:pointer;transition:filter .14s}.trip-badge.clickable:hover{filter:brightness(.88)}.trip-badge .badge-arrow{font-size:15px;line-height:1;opacity:.7;margin-left:-2px}.photo-grid{display:grid;gap:2px}.photo-grid.cols-1{grid-template-columns:1fr}.photo-grid.cols-2{grid-template-columns:1fr 1fr}.photo-grid.cols-3{grid-template-columns:1fr 1fr 1fr}html.scrollable,html.scrollable body{overflow:auto;height:auto}.prose{font-size:18px;line-height:1.75;color:var(--text-1);max-width:680px}.prose h1,.prose h2,.prose h3{font-weight:700;line-height:1.3;margin:1.5em 0 .5em}.prose h1{font-size:2em}.prose h2{font-size:1.45em}.prose h3{font-size:1.2em}.prose p{margin:0 0 1em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose ul,.prose ol{padding-left:1.5em;margin:0 0 1em}.prose li{margin:.25em 0}.prose blockquote{border-left:3px solid var(--accent);padding-left:1em;margin-left:0;color:var(--text-2);font-style:italic}@media(max-width:640px){:root{--panel-w: 100vw;--composer-w: 100vw}.panel{inset:auto 0 0;height:85dvh;border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}}