:root{color-scheme:light dark;--color-bg: #111318;--color-surface: #1b1e26;--color-surface-raised: #21252f;--color-border: rgba(255, 255, 255, .09);--color-border-strong: rgba(255, 255, 255, .18);--color-text: #f2f3f5;--color-muted: #9aa0ab;--color-accent: #4f8cff;--color-ok: #3ec27a;--color-error: #e2564d;--color-mm: #e8a33d;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--content-max-width: 640px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:1.25rem 1rem calc(1.5rem + env(safe-area-inset-bottom))}.page h1{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0 0 1rem}.page p{color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a,button,input,select{font:inherit}button{cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}button:disabled{cursor:not-allowed}.field input:focus-visible,.field select:focus-visible,.segmented__button:focus-visible,.chip-toggle__button:focus-visible,.save-button:focus-visible,.gps-button:focus-visible,.cancel-button:focus-visible,.link-button:focus-visible,.plate-card:focus-visible,.combination-badge:focus-visible,.bottom-nav__item:focus-visible,.back-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.capture-page form{display:flex;flex-direction:column;gap:1.25rem;width:100%;margin:0 auto}.plate-display{display:flex;align-items:stretch;justify-content:center;gap:0;background:#fff;color:#111;border:3px solid #111;border-radius:var(--radius-md);overflow:hidden;min-height:4.5rem;box-shadow:0 6px 20px #0000004d}.plate-display__badge{display:flex;align-items:center;justify-content:center;width:1.75rem;background:#039;color:#fff;font-weight:700;font-size:.9rem}.plate-display__district,.plate-display__letters,.plate-display__number{display:flex;align-items:center;justify-content:center;padding:0 .75rem;font-family:Segoe UI,Arial,sans-serif;font-weight:700;font-size:clamp(1.75rem,9vw,2.75rem);letter-spacing:.05em}.plate-display__letters{flex:1;min-width:4ch;background:color-mix(in srgb,#111 4%,transparent)}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field__label,.field label{font-size:.85rem;color:var(--color-muted)}.field input,.field select{min-height:3rem;padding:.6rem .9rem;font-size:1.05rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.gps-controls{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.gps-button{min-height:2.5rem;padding:0 .9rem;font-size:.85rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.gps-button:hover:not(:disabled){border-color:var(--color-accent)}.gps-button:disabled{color:var(--color-muted)}.gps-button--remove{color:var(--color-error);border-color:#e2564d66}.gps-status{margin:.5rem 0 0;font-size:.85rem;color:var(--color-ok)}.sighting-row__gps{color:var(--color-muted);font-size:.85rem}.letters-input{text-align:center;font-size:2rem!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.chip-toggle{display:flex;gap:.6rem}.chip-toggle__button{flex:1;min-height:3.25rem;font-size:1.15rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.chip-toggle__button:hover{border-color:var(--color-accent)}.chip-toggle__button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.save-button{min-height:3.25rem;font-size:1.1rem;font-weight:700;border-radius:var(--radius-md);border:none;background:var(--color-accent);color:#fff}.save-button:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 88%,#fff)}.save-button:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 88%,#000)}.save-button:disabled{background:color-mix(in srgb,var(--color-muted) 40%,transparent);color:var(--color-muted)}.banner{margin:0;padding:.7rem .9rem;border-radius:var(--radius-md);font-size:.9rem}.banner--success{background:color-mix(in srgb,var(--color-ok) 18%,transparent);color:var(--color-ok)}.banner--error{background:color-mix(in srgb,var(--color-error) 18%,transparent);color:var(--color-error)}.bottom-nav{display:flex;justify-content:center;gap:.5rem;padding:.4rem max(.5rem,calc((100% - var(--content-max-width)) / 2)) calc(.5rem + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1;max-width:6.5rem;padding:.4rem .5rem;color:var(--color-muted);text-decoration:none;font-size:.72rem;font-weight:500;border-radius:var(--radius-md)}.bottom-nav__item:hover{color:var(--color-text);background:var(--color-surface-raised)}.bottom-nav__item--active{color:var(--color-accent)}.bottom-nav__icon{width:22px;height:22px}.segmented{display:inline-flex;gap:.2rem;padding:.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);max-width:100%}.segmented__button{min-height:2.25rem;min-width:2.75rem;padding:0 .9rem;font-size:.85rem;font-weight:600;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);white-space:nowrap}.segmented__button:hover{color:var(--color-text)}.segmented__button[aria-pressed=true]{background:var(--color-accent);color:#fff}.progress-block{margin-bottom:1.25rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.progress-block__numbers{font-weight:700;font-size:1.05rem;margin:0 0 .5rem}.progress-block__percentage{margin:.4rem 0 0;font-size:.85rem;color:var(--color-muted)}.progress-bar{height:.5rem;border-radius:var(--radius-pill);background:#ffffff1a;overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width .3s ease}.view-switcher{margin-bottom:1.25rem}.collection-count{margin:-.5rem 0 .75rem;font-size:.85rem}.filter-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.filter-row__sort{min-width:0;flex:1 1 auto;max-width:100%}@media(min-width:480px){.filter-row__sort{flex:0 1 auto}}.empty-state{text-align:center;padding:3rem 1rem}.empty-state__cta{display:inline-block;margin-top:1rem;text-decoration:none;padding:.75rem 1.5rem;min-height:unset}.plate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.plate-card{display:block;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text);min-width:0}.plate-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.plate-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0}.plate-card__plate{font-size:1.2rem;font-weight:700;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plate-card__count{color:var(--color-muted);font-size:.82rem;white-space:nowrap;flex-shrink:0}.plate-card__observers{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}.observer-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .55rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;background:#ffffff0d;color:var(--color-muted);border:1px solid var(--color-border)}.observer-chip--seen{color:var(--color-ok);background:color-mix(in srgb,var(--color-ok) 14%,transparent);border-color:color-mix(in srgb,var(--color-ok) 35%,transparent)}.plate-card__meta{margin-top:.4rem;font-size:.82rem;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{display:inline-block;margin-bottom:1rem;color:var(--color-muted);text-decoration:none;font-size:.9rem;border-radius:var(--radius-sm)}.back-link:hover{color:var(--color-text)}.plate-detail-page__title{font-size:1.9rem;letter-spacing:.04em;margin:0 0 .75rem}.plate-detail-summary{margin-bottom:1.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.plate-detail-summary p{margin:.2rem 0}.plate-detail-page__subheading{font-size:1rem;font-weight:700;margin-bottom:.6rem}.sighting-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.sighting-row{padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.sighting-row__main{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}.sighting-row__actions{display:flex;gap:1.25rem;margin-top:.6rem}.link-button{background:none;border:none;padding:.4rem 0;color:var(--color-accent);font-size:.88rem;font-weight:600;min-height:2rem;border-radius:var(--radius-sm)}.link-button:hover{text-decoration:underline}.link-button--danger{color:var(--color-error)}.sighting-edit{display:flex;flex-direction:column;gap:.75rem}.sighting-edit__actions{display:flex;gap:.75rem}.sighting-edit__actions .save-button{flex:1;min-height:2.75rem}.cancel-button{flex:1;min-height:2.75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text)}.cancel-button:hover:not(:disabled){background:var(--color-surface-raised)}.letters-input--compact{font-size:1.3rem!important;min-height:2.5rem}.combination-album{display:flex;flex-direction:column;gap:1.5rem}.combination-group__title{font-size:.95rem;font-weight:700;margin:0 0 .5rem}.combination-subgroup{margin-bottom:.75rem}.combination-subgroup__title{font-size:.78rem;color:var(--color-muted);margin:0 0 .3rem}.combination-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.4rem}.combination-badge{display:flex;align-items:center;justify-content:center;min-height:2.25rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-decoration:none;border:1px solid var(--color-border)}.combination-badge--unseen{color:var(--color-muted);background:#ffffff08;border-style:dashed}.combination-badge--th{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.combination-badge--mm{color:#111;background:var(--color-mm);border-color:var(--color-mm)}.combination-badge--both{color:#111;background:var(--color-ok);border-color:var(--color-ok)}a.combination-badge:hover{filter:brightness(1.1)}.stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1rem}.stats-card__title{font-size:.88rem;color:var(--color-muted);margin:0 0 .6rem}.stats-card__big{font-size:1.7rem;font-weight:700;margin:0 0 .5rem}.stats-card__competition{margin:.6rem 0 0;font-size:.88rem;color:var(--color-muted)}.stats-row{display:flex;gap:1.5rem;font-size:1.15rem;flex-wrap:wrap}.stats-value{font-weight:500}.stats-value--lead{font-weight:700;color:var(--color-accent)}