@font-face{font-family:KryssSerif;src:url('/fonts/Lora.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:KryssSans;src:url('/fonts/RobotoCondensed.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:KryssSans,sans-serif}
h1,h2,.brand{font-family:KryssSerif,serif}
.brand{font-size:21px;font-weight:600}
.list-title h1{font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.3px}
.list-heading p{font-size:14px;letter-spacing:.6px}
.birdrow{font-size:14px}
.birdrow .name{font-weight:400;text-align:left;padding:5px 6px}
.segmented button{font-size:14px}
@media(max-width:650px){.brand{font-size:18px}.list-title h1{font-size:23px}}
[data-theme=night] .badge.seen{color:#b6e0cd;border-color:#537d69}
[data-theme=night] .mobile-nav button.active{color:#b6e0cd}
.mobile-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav button{font-size:11px;font-weight:400}
[data-theme=night] .brand img{filter:brightness(2)}
@media(max-width:650px){#toast{bottom:78px;max-width:90%;width:max-content}.birdrow .name{padding:4px 2px}}
.birdrow.reading{grid-template-columns:minmax(0,max-content) minmax(0,1fr) 90px;gap:12px}
.birdrow.editing{grid-template-columns:40px minmax(0,max-content) minmax(0,1fr) 90px;gap:8px}
.birdrow .name{grid-row:1;grid-column:1;min-width:0}
.birdrow.editing .name{grid-column:2}
.birdrow .date{grid-row:1;grid-column:3;display:block;text-align:right;white-space:nowrap}
.birdrow.editing .date{grid-column:4}
.birdrow .locality{grid-row:1;grid-column:2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:220px;padding:4px 0;color:var(--muted)}
.birdrow.editing .locality{grid-column:3}
.birdrow>span:last-child{display:none}
.listmeta{align-items:center;padding:0 8px;min-height:34px}
.listmeta button{border:0;background:transparent;border-radius:4px;padding:7px 4px;min-height:34px;font-size:11px;letter-spacing:1px;color:var(--muted)}
.listmeta button[aria-pressed=true]{color:var(--ink);font-weight:650}
.listmeta .column-locality{margin-left:auto;margin-right:22px}
#sort-date{width:82px;text-align:right;white-space:nowrap}
.list-title{display:flex;align-items:center;gap:8px}
.gear-button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;min-width:36px;min-height:36px;padding:7px;color:var(--muted)}
.gear-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.gear-button[aria-pressed=true]{color:var(--green);background:var(--soft)}
.list-heading{margin-bottom:14px}
.list-heading p{margin-top:2px}
main{padding-top:14px}
.toolbar .search{
 background-color:var(--soft);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23647269' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:11px center;background-size:18px;
 border:0;border-radius:12px;min-height:34px;padding:7px 12px 7px 37px;font-size:13px;
}
.toolbar .search::placeholder{color:var(--muted);opacity:1}
@media(max-width:650px){main{padding-top:7px}.list-heading{margin-bottom:10px}.toolbar{gap:8px}.toolbar .search{height:34px}}
.swedish-name.category-c{color:#28789b}
.swedish-name.rare,.swedish-name.rare-bold{color:#b22d35;font-weight:400}
.swedish-name.rare-bold{font-weight:750}
[data-theme=night] .swedish-name.category-c{color:#8fd5f5}
[data-theme=night] .swedish-name.rare,[data-theme=night] .swedish-name.rare-bold{color:#ff9298}
@media(max-width:650px){
 .birdrow.reading{grid-template-columns:minmax(0,max-content) minmax(0,1fr) 78px;gap:6px;padding:5px 8px}
 .birdrow.editing{grid-template-columns:30px minmax(0,max-content) minmax(0,1fr) 78px;gap:4px;padding:4px}
 .birdrow .check{min-width:30px}
 .birdrow .date{font-size:11px}
 .birdrow .locality{font-size:11px;max-width:100px}
}
[data-theme=night]{--bg:#1b2428;--panel:#202b32;--ink:#e5ecef;--muted:#aebbc1;--green:#91c8b0;--soft:#263238;--line:#3c4b52;--stripe:#202b32;--accent:#91c8b0}
[data-theme=night] .topbar,[data-theme=night] .mobile-nav{background:#1e282d}
[data-theme=night] .brand img{filter:brightness(0) invert(1)}
[data-theme=night] .toolbar .search{background-color:#263238;border:1px solid #48575f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c3d0d5' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")}
[data-theme=night] .segmented{background:transparent;padding:0;gap:5px}
[data-theme=night] .segmented button{background:#263238;color:var(--ink);border-radius:8px;min-height:32px}
[data-theme=night] .segmented button.active,[data-theme=night] button.primary,[data-theme=night] .sideitem.active{background:#91c8b0;color:#152b25}
[data-theme=night] .segmented button.active{box-shadow:inset 0 1px 2px #dcfff433;font-weight:500}
[data-theme=night] .birdrow{background:#1b2428;border-bottom:0;min-height:34px}
[data-theme=night] .birdrow:nth-child(even){background:#202b32}
[data-theme=night] .birdrow .check{min-height:34px}
[data-theme=night] .species{border-color:#35444a}
[data-theme=night] .mobile-nav button.active{color:#91c8b0}
[data-theme=night] .all-days .has-species,[data-theme=night] .all-days .has-species strong{color:#152b25}

#app-update-toast:not([hidden]){position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--ink);color:var(--bg);border-radius:9px;box-shadow:0 3px 16px #0003;z-index:20;font-size:14px}#app-update-toast button{flex-shrink:0;font-size:13px}#toast.visible{z-index:21}
