.app-messages{position:fixed;top:.5rem;left:0;right:0;z-index:1000;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;pointer-events:none}.app-messages .message{display:flex;padding:1rem 1.5rem;border-radius:var(--radius);border:2px solid var(--color-border);color:var(--color-text);background-color:var(--color-background);font-size:1.4rem;box-shadow:0 1rem 2rem #0000004d;cursor:pointer}.dialog.invites[open]{margin-top:10%;box-shadow:0 3px 12px #00000026;background:var(--color-background-dim);text-align:center;z-index:1}.invites ul{margin:1rem;list-style:none}.invites p{margin:1rem .5rem}.invites b{font-weight:700}.nav.main-nav{padding:.25rem .25rem .5rem;box-shadow:0 -4px 14px #0000001a;z-index:1}.nav.main-nav a{display:flex;gap:.5rem 0;flex-direction:column;border:0;border-radius:var(--radius);box-shadow:none;align-items:center;line-height:1}.user{position:relative;display:inline-flex;width:2em;height:2em;border-radius:50%;font-size:.8rem;text-transform:uppercase;align-self:center;align-items:center;justify-content:center;line-height:1.2;filter:sepia(.6)}.user+span{position:relative;margin:0 1ch 0 .5ch;font-size:.9em}.user+.user{margin:0 0 0 -.5em}.initial{font-size:1rem;filter:invert(1) hue-rotate(45deg)}.score{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;color:var(--color-background);background:var(--color-text);box-shadow:0 1px 1px 0 var(--color-text)}.score.leader{color:#000;background:gold}.user-button .me:before{content:"Jag:";display:inline-block;position:absolute;font-style:italic;opacity:.8}.score.leader:before,.score.leader:after{content:"";display:block;position:absolute;width:7px;height:20px;background:inherit;top:5px;transform:rotate(10deg) skew(30deg);z-index:-1;box-shadow:0 1px 0 0 var(--color-text)}.score.leader:after{transform:rotate(350deg) skew(330deg)}.list li{display:flex;justify-content:space-between;padding:0;position:relative;overflow:hidden}.content-wrapper{display:flex;align-items:center;transition:.1s transform ease-out;flex:1}.bird-info .name{padding-left:.5rem;background:none}.check-button{padding:0;background:none;cursor:pointer}.list li.selected{background:var(--color-background-dim);outline:none}.list li.selected .date{color:var(--color-text)}.obs .has-location{align-self:center;width:16px;height:16px;margin-right:.5rem}.remove-button{z-index:1}.user-nav{position:sticky;top:0;display:flex;flex-shrink:0;margin-bottom:.5rem;padding:.5rem 1rem;background:var(--color-background);overflow:auto;white-space:nowrap;box-shadow:#0000001a 0 6px 8px;z-index:1}.user-button{flex-shrink:1;min-width:6rem;max-width:33%;margin:0;padding:5px 0 0;color:inherit;background:none;overflow:hidden;text-overflow:ellipsis;text-align:left}.user-button .user{width:2.5rem;height:2.5rem}.user-button .me:before{content:"Jag:";display:inline-block;position:absolute;left:.1em;font-style:italic;font-size:.8em}.user-button--active .user{box-shadow:inset 0 0 0 3px var(--color-text)}.comment{position:relative;display:flex;flex-flow:column nowrap;width:100%;padding:.5rem;justify-content:space-between}.comment p{margin:.5rem 1.75rem}.comment .delete-button{min-height:24px;position:absolute;right:.6rem}.meta{font-size:.9rem}.chart:has(g.selected) g:not(.selected){opacity:.2}.chart g{transition:.2s opacity ease-out}.chart path{stroke-width:2;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 2s linear forwards}@keyframes draw{to{stroke-dashoffset:0}}.chart{width:100%;height:200px}.date{color:var(--color-text-dim)}.name{margin-right:auto;padding-left:20px;background:url(/x.svg) no-repeat 0 50%;background-size:12px auto}.seen-by{margin:-.2em 0 -.2em .5em}.comment-form{display:grid;grid-template-columns:3fr 1fr}.comment-input{margin:1rem 0 1rem 1rem;padding:.5rem;border:none;border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);color:var(--color-text);background:var(--color-background-dim);font-size:inherit;font-family:inherit}.comment-btn{margin:1rem 1rem 1rem 0;border-top-left-radius:0;border-bottom-left-radius:0}button[disabled]{opacity:.4}.full-width{grid-column:1 / -1;width:100%}.poi{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text);text-decoration:none}.poi svg{color:var(--color-primary)}.location-hint{font-size:.8rem;margin-top:0;font-style:italic;color:var(--color-text-dim)}.simple-typeahead[data-v-f81ca714]{position:relative;width:100%}.simple-typeahead>input[data-v-f81ca714]{margin-bottom:0}.simple-typeahead .simple-typeahead-list[data-v-f81ca714]{position:absolute;width:100%;border:none;max-height:400px;overflow-y:auto;border-bottom:.1rem solid #d1d1d1;z-index:9}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-header[data-v-f81ca714]{background-color:#fafafa;padding:.6rem 1rem;border-bottom:.1rem solid #d1d1d1;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-footer[data-v-f81ca714]{background-color:#fafafa;padding:.6rem 1rem;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-f81ca714]{cursor:pointer;background-color:#fafafa;padding:.6rem 1rem;border-bottom:.1rem solid #d1d1d1;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-f81ca714]:last-child{border-bottom:none}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item.simple-typeahead-list-item-active[data-v-f81ca714]{background-color:#e1e1e1}.has-position{background:var(--color-background-dim);color:var(--color-text)}.nc-loop-ripple-16-icon-o{--animation-duration: 1.2s}.nc-loop-ripple-16-icon-o *{transform-origin:50% 50%;animation:nc-loop-ripple-anim var(--animation-duration) infinite cubic-bezier(.215,.61,.355,1)}.nc-loop-ripple-16-icon-o :nth-child(2){animation-delay:calc(var(--animation-duration) / -2)}@keyframes nc-loop-ripple-anim{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1)}}.dxc-login-dlg input[type]{width:auto!important;max-width:100%;margin-bottom:1rem}#canvas{position:fixed;top:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:4}.c-tabs{display:flex;list-style:none;overflow-y:hidden;overflow-x:auto;white-space:nowrap;padding:0;overscroll-behavior:none}.c-tabs__tab>a{min-width:5rem;display:block;border-top:2px solid transparent;padding:1rem;color:inherit;font-size:1.2rem;text-transform:capitalize;text-decoration:none;text-align:center}.c-tabs__tab>.router-link-active{margin-top:2px;border-top-color:var(--color-border);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:var(--color-background)}.c-tabs__tab svg{margin:0 .2rem .2rem 0}.list-header{position:relative;overflow:hidden;padding:.5rem 0 0;flex-shrink:0}.list-description,.list-owner{margin-bottom:1rem;text-indent:0}.list-owner{font-size:.9rem}.sidescroll{overflow-x:auto;padding:0 .8rem}.date-nav{position:sticky;top:0;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;background:var(--color-background);z-index:1}.prev-date{margin-left:1rem}.next-date{margin-right:1rem}.year-summary{margin:0 auto .5rem;border-collapse:collapse;font-size:.8rem}.month-button{min-width:2rem;min-height:2rem;margin:2px;padding:0}.list li{display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--color-background-dim);background:var(--color-background)}.list a,.list b{width:100%;padding:.6rem 1rem}.list a{color:inherit}.list button{flex-shrink:0;min-height:2.2rem}.list .obs{display:flex;flex:1;align-items:baseline;justify-content:space-between;padding:.6rem 1em;transition:.1s transform ease-out}.list-header .subtitle{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:0 1rem;background:var(--color-background);transition:.1s transform ease-out}.list-header details[open]{margin-bottom:1rem}.list-header button{min-height:2.3rem}.add-bird{display:flex;gap:.3rem;padding:.6rem 1rem .4rem}.add-bird input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);box-sizing:border-box;color:var(--color-text);background:var(--color-background-dim);font-size:1.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex>.half{width:50%}.flex:has(.radio){justify-content:space-between}label.radio{position:relative;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;align-items:center;margin-top:0;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-border);font-weight:400}label.radio input{display:none}label.radio:has(:checked){box-shadow:inset 0 0 0 2px var(--color-border);color:var(--color-text);background:var(--color-background-dim)}.list-tools{position:sticky;top:0;display:flex;justify-content:space-between;padding:1rem 1rem .5rem;background-color:var(--color-background);z-index:1}.list-tools .notify-button{margin-left:auto}.list .list-item{display:grid;grid-template-columns:20px 1fr 24px;grid-template-rows:auto auto}.list-name{font-size:1.2rem}.list-members{min-height:2.5rem;grid-row:2;grid-column:2 / 4;padding:0 1em .6rem}button .pill{position:absolute;right:-.5em;margin-top:1.75em;font-size:.75em}button:has(.pill){position:relative}.lists-content{display:grid;align-content:start;gap:1.5rem;padding:.5rem 1rem 1rem}.featured{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;text-decoration:none}.featured h2{text-decoration:underline;text-underline-offset:.2em}.buttons{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.about{display:grid;place-items:center;padding:1rem;align-content:center}.about-content{width:25rem;max-width:85vw}.about .logo{display:flex;max-width:80%;height:auto;margin:0 auto}.tagline{margin:3rem 0}.privacy-notes{max-width:45ch;margin-top:2rem;font-size:.9rem}:root{--hue: 38;--co-base: hsl(var(--hue) 70% 60% / 1);--co-white: hsl(0 0% 100% / 1);--co-grey: hsl(0 0% 15% / 1);--co-black: hsl(0 0% 0% / 1);--co-theme-light: color-mix(in oklab, var(--co-base), var(--co-white));--co-theme-dark: color-mix(in oklab, var(--co-base), var(--co-grey));--co-theme-darkest: color-mix(in oklab, 60% var(--co-base), 100% var(--co-black));--radius: 5px;accent-color:var(--co-base)}@supports not (color: color-mix(in oklab,red,white)){:root{--co-theme-light: rgb(235, 218, 176);--co-theme-dark: rgb(120, 105, 67);--co-theme-darkest: rgb(54, 43, 17)}}:root{--color-border: var(--co-theme-dark);--color-link: var(--co-theme-dark);--color-text: var(--co-theme-darkest);--color-text-dim: var(--co-theme-dark);--color-background: var(--co-white);--color-background-dim: var(--co-theme-light)}@media (prefers-color-scheme: dark){:root{--color-border: var(--co-theme-light);--color-link: var(--co-theme-light);--color-text: var(--co-white);--color-text-dim: var(--co-theme-light);--color-background: var(--co-theme-darkest);--color-background-dim: var(--co-theme-dark)}}*,*:before,*:after{margin:0;box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;overflow:hidden}body{height:100dvh;color:var(--color-text);background:var(--color-background-dim);transition:color .5s,background-color .5s;overscroll-behavior:none}h1{font-size:2rem}h1,summary.heading{animation:fade-in .2s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}a{color:var(--color-link)}ol,ul{padding:0}a{text-underline-offset:.2em}a>svg,a>img{vertical-align:bottom}:is(h1,h2,h3,h4){font-weight:400}details{width:100%}details.help{border:1px dashed;border-radius:var(--radius);padding:.5rem .75rem;margin:.5rem 0}details.help[open] summary{margin-bottom:.25rem}details.help p+p{text-indent:.5em}details.help ul{padding-left:1.5em}summary{color:var(--color-text)}label{font-weight:700}label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:.5rem}input::placeholder,textarea::placeholder{color:var(--color-text-dim)}.hidden-visually{position:absolute;clip:rect(0,0,0,0);overflow:hidden;width:0;height:0;margin:0}.main{width:100%;max-width:820px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"body" "footer";grid-area:main;margin:0 auto;border-top-right-radius:var(--radius);border-top-left-radius:var(--radius);background:var(--color-background);overflow:auto}.body{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0px 0px;grid-auto-flow:row;grid-template-areas:"body-nav" "body-content";grid-area:body;overflow:hidden;background:var(--color-background-dim)}.body-nav{position:relative;grid-area:body-nav;display:flex;max-width:100vw;min-height:3rem;overflow:hidden}.body-nav .logo{position:absolute;right:1.25rem;top:1.25rem}.body-nav h1{margin:auto auto auto 1rem;font-size:1rem}.body-nav button{margin:.5rem 1rem .5rem .8rem}.body-content{display:flex;flex-direction:column;grid-area:body-content;overflow:auto;background:var(--color-background);box-shadow:4px -2px 4px #0000001a}.body-content::-webkit-scrollbar{display:none}.footer{position:relative;grid-area:footer;background:var(--color-background);box-shadow:0 -4px 14px #0000001a;z-index:2}main:has(.add-bird.fixed) .footer{display:none}.add-bird.fixed{position:fixed;max-width:820px;margin:auto;right:0;bottom:5rem;left:0}.nav{max-width:820px;width:100%;grid-area:nav;display:flex;margin:0 auto;text-align:center;padding:.25rem 1rem;background:var(--color-background)}.nav-link{flex:1;margin:0 -1px 0 0;padding:.75rem .15rem;border:1px solid;border-radius:0;color:var(--color-link);background:none;font-size:.8rem;text-decoration:none;white-space:nowrap}.main .nav-link svg{height:20px}.nav-link:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.nav-link:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.nav-link.router-link-active,.nav-link.current{box-shadow:inset 0 0 0 1px var(--color-text);color:var(--color-text);background:var(--color-background-dim);font-weight:700;letter-spacing:-.05ex}.nav-count{font-weight:400}select{all:unset;box-sizing:border-box;width:100%;padding:.3em .7em;border:1px solid;border-radius:var(--radius);background-color:var(--color-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 386.257 386.257'%3E%3Cpath fill='black' d='m0 96.879 193.129 192.5 193.128-192.5z'/%3E%3C/svg%3E");background-position:calc(100% - .8em) 50%;background-repeat:no-repeat;background-size:auto 40%}@media (prefers-color-scheme: dark){select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 386.257 386.257'%3E%3Cpath fill='white' d='m0 96.879 193.129 192.5 193.128-192.5z'/%3E%3C/svg%3E")}}.flex{display:flex;align-items:center;gap:.25rem}.flex button{flex:1 1 auto;min-height:2.4rem}.flex:has(input[type=date]){width:calc(100% - .5rem)}.grid{display:grid;gap:.5rem 1rem;grid-template-columns:1rem 1fr;grid-auto-rows:auto;align-items:center}button{flex-shrink:0;min-width:2.9rem;min-height:2.7rem;padding:.4rem .5rem;border:none;border-radius:var(--radius);color:var(--color-background-dim);background:var(--color-text);font-size:1rem}button+button{margin-left:.5rem}button.secondary{color:var(--color-background);background:var(--color-text-dim)}.center{flex-shrink:0;text-align:center;justify-content:center}.center img{margin:0 auto -30px}.right{float:right;text-align:right}.subtitle{color:var(--color-text-dim)}.heading{text-transform:uppercase;margin-top:.3rem;margin-bottom:.3rem;letter-spacing:.15ex;font-size:1.4rem}.margin-top{margin-top:.5rem}.margin-bottom{margin-bottom:1rem}.margin-left{margin-left:.5rem}dialog{padding:0;border:none;background-color:transparent;color:inherit}.dialog::backdrop{background-color:#0009;opacity:0;transition:opacity .3s ease-out}.dialog[open]::backdrop{opacity:1}.dialog h2{font-weight:700}.dialog-enter-active,.dialog-leave-active{transition:transform .3s ease-out,opacity .3s ease-out}.dialog-enter-from,.dialog-leave-to{opacity:0;transform:translateY(100%)}.dialog{width:95%;max-width:700px;margin:auto auto 0;padding:1rem;border:none;border-radius:var(--radius) var(--radius) 0 0;color:inherit;background-color:var(--color-background);position:fixed;bottom:0;left:0;right:0;z-index:9999;max-height:90vh;overflow-y:auto}.dialog label:not(.radio){display:block;margin:.75rem 0 .25rem}.dialog select,.dialog input,.dialog textarea{width:100%;padding:.5rem;border:none;border-radius:var(--radius);color:var(--color-text);background:var(--color-background-dim);font-size:1.2rem;font-family:inherit}input[type^=date]::-webkit-datetime-edit-year-field,input[type^=date]::-webkit-datetime-edit-month-field,input[type^=date]::-webkit-datetime-edit-day-field,input[type^=date]::-webkit-datetime-edit-hour-field,input[type^=date]::-webkit-datetime-edit-minute-field,input[type^=date]::-webkit-datetime-edit-text,input[type=datetime-local]::-webkit-datetime-edit-year-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=datetime-local]::-webkit-datetime-edit-text{color:var(--color-text)}.dialog .poi{color:var(--color-link);text-decoration:none}.dialog .poi svg{vertical-align:top}.dialog table{width:100%;border-spacing:0 2px;vertical-align:middle}.dialog td:first-child{width:1rem;border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.dialog td:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.dialog td label:not(.radio){margin:0;font-weight:700}.dialog input[type=checkbox]{width:1.5rem;height:1.5rem;margin:.3em;background-color:var(--color-background)}.dialog textarea{resize:vertical}.dialog tr:has(:enabled:checked) td{background-color:var(--color-background-dim)}.user-nav:has(.list-enter-active){overflow:hidden}.empty-list{display:flex;flex-direction:column;gap:1rem;min-height:30vh;margin:auto 1rem;align-items:center;justify-content:center}.empty-list a{font-weight:700}button:has(svg){display:inline-flex;gap:.5rem;align-items:center;justify-content:center;vertical-align:bottom}.delete-button:not(:only-child){margin-right:.4rem}.pill{margin-inline:.25rem;padding:.2em .8em;border-radius:1rem;color:var(--color-text);background-color:var(--color-background-dim);font-weight:400;font-size:1rem;vertical-align:middle}.fade-in-enter-active,.fade-in-leave-active{transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-enter-from{transform:translateY(-20px);opacity:0}.fade-in-enter-to,.fade-in-leave-from{transform:translateY(0);opacity:1}.fade-in-leave-to{transform:translateY(-20px);opacity:0;z-index:-1}.list-move,.list-enter-active,.list-leave-active{transition:transform .2s ease-out,opacity .2s ease-out}.user-nav .list-enter-from,.user-nav .list-leave-to{opacity:0;transform:translate3D(30px,0,0)}.list .list-enter-from,.list .list-leave-to{opacity:0;transform:translate3D(0,30px,0)}.list-leave-active{position:absolute;width:100%;margin-right:6px}.list .list-leave-active{opacity:0}@media (prefers-color-scheme: dark){input::-webkit-calendar-picker-indicator,.logo{filter:invert(1)}}@supports (-webkit-touch-callout: none){input[type^=date],input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background-dim);color:var(--color-text);font-size:1.2rem;width:100%}}.add-bird .simple-typeahead-list{bottom:3rem;border-radius:var(--radius);box-shadow:#0000001a 0 -6px 12px}.add-bird .simple-typeahead-list-footer,.add-bird .simple-typeahead-list-header,.add-bird .simple-typeahead-list-item{background-color:var(--color-background)!important}.add-bird .simple-typeahead-list-item-active{background-color:var(--color-background-dim)!important}