*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#101418;--panel:#1a2027;--panel-2:#222a33;--text:#eef2f6;--muted:#93a1b0;--accent:#4ade80;--accent-2:#fbbf24;--line:#2c3641}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.landing{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.landing-sub{color:var(--muted);font-size:14px}.track{min-height:100dvh;display:flex;flex-direction:column}.track-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:48px;display:flex;align-items:center;padding:0 16px;background:rgba(16,20,24,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-weight:700;letter-spacing:.08em;font-size:14px}.track-header .turtle{margin-right:8px}.map-wrap{height:55vh;min-height:260px;position:relative;background:var(--panel)}.map-wrap .map-fallback{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:24px}#map,.map-wrap .map-fallback{position:absolute;inset:0}.courier-marker{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.courier-card{padding:16px;border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px}.courier-name{font-size:18px;font-weight:700}.courier-eta,.courier-status{color:var(--muted);font-size:14px}.courier-eta strong{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.from-line{font-size:13px;color:var(--muted)}.progress-track{height:6px;border-radius:3px;background:var(--panel-2);overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .6s ease}.feed{flex:1 1;padding:16px;display:grid;grid-gap:10px;gap:10px;align-content:start}.feed h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.feed-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;grid-gap:2px;gap:2px}.feed-item.delivered{border-color:var(--accent)}.feed-time{font-size:12px;color:var(--muted)}.feed-copy,.feed-empty{font-size:14px}.feed-empty{color:var(--muted)}.delivered-box{margin:16px;padding:20px;border-radius:14px;background:var(--panel);border:1px solid var(--accent);display:grid;grid-gap:10px;gap:10px}.delivered-box h2{font-size:18px}.delivered-message{font-size:16px;line-height:1.5;white-space:pre-wrap}.delivered-from{color:var(--muted);font-size:13px}.not-found{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.share-button{position:absolute;top:12px;right:12px;z-index:5;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(11,11,15,.75);color:#f4f4f5;font-size:13px;cursor:pointer}.share-button:disabled{opacity:.6}.unsubscribe-button{margin-top:12px;padding:12px 24px;border:none;border-radius:8px;background:#fff;color:#111;font-size:15px;cursor:pointer}@media (min-width:900px){.track{display:grid;grid-template-columns:60% 40%;grid-template-rows:48px 1fr}.track-header{grid-column:1/-1}.map-wrap,.track-side{height:calc(100dvh - 48px)}.track-side{overflow-y:auto}}