*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--color-red: #ed1c24;--color-blue: #0057ff;--color-yellow: #ffd400;--color-bg: #ffffff;--color-surface: #ffffff;--color-text: #0b0b0f;--color-border: #0b0b0f;--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #0b0b14;--color-surface: #14141f;--color-text: #f5f5fa;--color-border: #f5f5fa}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.heading-font{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}.page{max-width:80ch;margin-inline:auto;padding:2rem}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.5rem;border-bottom:4px solid var(--color-border);background-color:var(--color-surface)}.app-header__brand{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-weight:800;font-size:1.5rem;color:var(--color-blue);display:flex;align-items:center;gap:.5rem}.app-header__mark{font-size:1.4rem}.app-nav{display:flex;gap:.75rem}.app-nav__link{font-weight:700;padding:.5rem 1.1rem;border-radius:999px;border:3px solid var(--color-border);color:var(--color-text);text-decoration:none;transition:transform .15s var(--ease-bounce),background-color .15s var(--ease-bounce)}.app-nav__link:hover{transform:translateY(-2px) scale(1.04)}.app-nav__link.active{background-color:var(--color-red);color:#fff}.page-tracker{flex:1;padding:2rem 1.5rem 3rem;max-width:72rem;margin-inline:auto;width:100%;display:flex;flex-direction:column;gap:1.75rem;animation:pop-in .32s var(--ease-bounce)}.tracker-intro{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.tracker-intro__title{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);color:var(--color-red);line-height:1.1}.tracker-intro__subtitle{font-size:1.05rem;line-height:1.7;max-width:48ch}.tracker-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem;border:3px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.tracker-toolbar__sort{display:flex;align-items:center;gap:.5rem;font-weight:700}.tracker-toolbar__sort select{padding:.4rem .6rem;border-radius:var(--radius-sm);border:3px solid var(--color-border);font:inherit;background-color:var(--color-bg);color:var(--color-text)}.view-toggle{display:inline-flex;border:3px solid var(--color-border);border-radius:999px;overflow:hidden}.view-toggle__button{padding:.5rem 1.25rem;font-weight:700;border:none;background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background-color .15s var(--ease-bounce)}.view-toggle__button--active{background-color:var(--color-yellow)}.filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.filter-chip{padding:.5rem 1.1rem;border-radius:999px;border:3px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-weight:700;cursor:pointer;transition:transform .15s var(--ease-bounce),background-color .15s var(--ease-bounce)}.filter-chip:hover{transform:translateY(-2px) scale(1.05)}.filter-chip--active{background-color:var(--color-blue);border-color:var(--color-blue);color:#fff}.tracker-empty{padding:2rem;text-align:center;font-weight:700;border:3px dashed var(--color-border);border-radius:var(--radius-md)}.sighting-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.sighting-card{background-color:var(--color-surface);border:4px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:8px 8px 0 var(--color-blue);display:flex;flex-direction:column;gap:.6rem;transition:transform .18s var(--ease-bounce),box-shadow .18s var(--ease-bounce)}.sighting-card:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--color-blue)}.sighting-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sighting-card__location{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:800}.sighting-card__time{font-weight:700;opacity:.75}.status-badge{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--color-border);white-space:nowrap}.status-badge--active{background-color:var(--color-red);color:#fff}.status-badge--unconfirmed{background-color:var(--color-yellow);color:#0b0b0f}.status-badge--resolved{background-color:var(--color-blue);color:#fff}.city-map{position:relative;aspect-ratio:4 / 3;width:100%;border:4px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);background-image:linear-gradient(var(--color-blue) 1px,transparent 1px),linear-gradient(90deg,var(--color-blue) 1px,transparent 1px);background-size:10% 10%;background-position:center;opacity:.98;overflow:hidden}.city-map__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;text-align:center;padding:1rem}.city-map__pin{position:absolute;translate:-50% -50%;width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:800;cursor:default;transition:transform .18s var(--ease-bounce)}.city-map__pin:hover{transform:translate(-50%,-50%) scale(1.2)}.city-map__pin--active{background-color:var(--color-red);color:#fff}.city-map__pin--unconfirmed{background-color:var(--color-yellow);color:#0b0b0f}.city-map__pin--resolved{background-color:var(--color-blue);color:#fff}.sighting-form{display:flex;flex-direction:column;gap:1.25rem;max-width:32rem;padding:1.5rem;border:4px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface)}.sighting-form__field{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.sighting-form__field select,.sighting-form__field input,.sighting-form__field textarea{font:inherit;padding:.6rem .8rem;border-radius:var(--radius-sm);border:3px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text)}.sighting-form__error{color:var(--color-red);font-weight:700}.sighting-form__actions{display:flex;gap:1rem;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;border:3px solid var(--color-border);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s var(--ease-bounce),box-shadow .15s var(--ease-bounce)}.button:hover{transform:translateY(-2px) scale(1.03)}.button:active{transform:scale(.96)}.button--primary{background-color:var(--color-red);color:#fff}.button--ghost{background-color:transparent;color:var(--color-text)}@keyframes pop-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}