.app-messages{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:fixed;top:.5rem;left:0;right:0}.app-messages .message{border-radius:var(--radius);border:2px solid var(--color-border);color:var(--color-text);background-color:var(--color-background);cursor:pointer;padding:1rem 1.5rem;font-size:1.4rem;display:flex;box-shadow:0 1rem 2rem #0000004d}.dialog.invites[open]{background:var(--color-background-dim);text-align:center;margin-top:10%;box-shadow:0 3px 12px #00000026}.invites ul{margin:1rem;list-style:none}.invites p{margin:1rem .5rem}.invites b{font-weight:700}.nav.main-nav{z-index:1;padding:.25rem .25rem .5rem;box-shadow:0 -4px 14px #0000001a}.nav.main-nav a{border-radius:var(--radius);box-shadow:none;border:0;flex-direction:column;align-items:center;gap:.5rem 0;line-height:1;display:flex}.list li{justify-content:space-between;padding:0;display:flex;position:relative;overflow:hidden}.content-wrapper{flex:1;align-items:center;transition:transform .1s ease-out;display:flex}.bird-info .name{background:0 0;padding-left:.5rem}.check-button{cursor:pointer;background:0 0;padding:0}.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{background:var(--color-background);white-space:nowrap;z-index:1;flex-shrink:0;margin-bottom:.5rem;padding:.5rem 1rem;display:flex;position:sticky;top:0;overflow:auto;box-shadow:0 6px 8px #0000001a}.user-button{min-width:6rem;max-width:33%;color:inherit;text-overflow:ellipsis;text-align:left;background:0 0;flex-shrink:1;margin:0;padding:5px 0 0;overflow:hidden}.user-button .user{width:2.5rem;height:2.5rem}.user-button .me:before{content:"Jag:";font-size:.8em;font-style:italic;display:inline-block;position:absolute;left:.1em}.user-button--active .user{box-shadow:inset 0 0 0 3px var(--color-text)}.comment{flex-flow:column;justify-content:space-between;width:100%;padding:.5rem;display:flex;position:relative}.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:opacity .2s ease-out}.chart path{stroke-width:2px;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:2s linear forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.chart{width:100%;height:200px}.date{color:var(--color-text-dim)}.name{background:url(/x.svg) 0/12px no-repeat;margin-right:auto;padding-left:20px}.seen-by{margin:-.2em 0 -.2em .5em}.comment-form{grid-template-columns:3fr 1fr;display:grid}.comment-input{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);color:var(--color-text);background:var(--color-background-dim);font-size:inherit;border:none;margin:1rem 0 1rem 1rem;padding:.5rem;font-family:inherit}.comment-btn{border-top-left-radius:0;border-bottom-left-radius:0;margin:1rem 1rem 1rem 0}button[disabled]{opacity:.4}.full-width{grid-column:1/-1;width:100%}.poi{color:var(--color-text);align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.poi svg{color:var(--color-primary)}.location-hint{color:var(--color-text-dim);margin-top:0;font-size:.8rem;font-style:italic}.simple-typeahead[data-v-f81ca714]{width:100%;position:relative}.simple-typeahead>input[data-v-f81ca714]{margin-bottom:0}.simple-typeahead .simple-typeahead-list[data-v-f81ca714]{z-index:9;border:none;border-bottom:.1rem solid #d1d1d1;width:100%;max-height:400px;position:absolute;overflow-y:auto}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-header[data-v-f81ca714]{background-color:#fafafa;border-bottom:.1rem solid #d1d1d1;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1;padding:.6rem 1rem}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-footer[data-v-f81ca714]{background-color:#fafafa;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1;padding:.6rem 1rem}.simple-typeahead .simple-typeahead-list .simple-typeahead-list-item[data-v-f81ca714]{cursor:pointer;background-color:#fafafa;border-bottom:.1rem solid #d1d1d1;border-left:.1rem solid #d1d1d1;border-right:.1rem solid #d1d1d1;padding:.6rem 1rem}.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%;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]{max-width:100%;margin-bottom:1rem;width:auto!important}#canvas{pointer-events:none;z-index:4;width:100%;height:100%;position:fixed;top:0;left:0;right:0}.c-tabs{white-space:nowrap;overscroll-behavior:none;padding:0;list-style:none;display:flex;overflow:auto hidden}.c-tabs__tab>a{min-width:5rem;color:inherit;text-transform:capitalize;text-align:center;border-top:2px solid #0000;padding:1rem;font-size:1.2rem;text-decoration:none;display:block}.c-tabs__tab>.router-link-active{border-top-color:var(--color-border);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:var(--color-background);margin-top:2px}.c-tabs__tab svg{margin:0 .2rem .2rem 0}.list-header{flex-shrink:0;padding:.5rem 0 0;position:relative;overflow:hidden}.list-description,.list-owner{text-indent:0;margin-bottom:1rem}.list-owner{font-size:.9rem}.sidescroll{padding:0 .8rem;overflow-x:auto}.date-nav{background:var(--color-background);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.prev-date{margin-left:1rem}.next-date{margin-right:1rem}.year-summary{border-collapse:collapse;margin:0 auto .5rem;font-size:.8rem}.month-button{min-width:2rem;min-height:2rem;margin:2px;padding:0}.list li{border-top:1px solid var(--color-background-dim);background:var(--color-background);align-items:center;display:flex;overflow:hidden}.list a,.list b{width:100%;padding:.6rem 1rem}.list a{color:inherit}.list button{flex-shrink:0;min-height:2.2rem}.list .obs{flex:1;justify-content:space-between;align-items:baseline;padding:.6rem 1em;transition:transform .1s ease-out;display:flex}.list-header .subtitle{background:var(--color-background);justify-content:space-between;align-items:flex-start;padding:0 1rem;transition:transform .1s ease-out;display:flex;position:relative}.list-header details[open]{margin-bottom:1rem}.list-header button{min-height:2.3rem}.add-bird{gap:.3rem;padding:.6rem 1rem .4rem;display:flex}.add-bird input{border:1px solid var(--color-border);border-radius:var(--radius);box-sizing:border-box;width:100%;color:var(--color-text);background:var(--color-background-dim);appearance:none;padding:.5rem;font-size:1.4rem}:root{--hue:38;--co-base:hsl(var(--hue) 70% 60% / 1);--co-white:#fff;--co-grey:#262626;--co-black:#000;--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:#ebdab0;--co-theme-dark:#786943;--co-theme-darkest:#362b11}}: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{box-sizing:border-box;margin:0}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);overscroll-behavior:none;transition:color .5s,background-color .5s}h1{font-size:2rem}h1,summary.heading{animation:.2s ease-out forwards fade-in}@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-radius:var(--radius);border:1px dashed;margin:.5rem 0;padding:.5rem .75rem}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]){align-items:center;gap:.5rem;display:inline-flex}input::placeholder,textarea::placeholder{color:var(--color-text-dim)}.hidden-visually{clip:rect(0, 0, 0, 0);width:0;height:0;margin:0;position:absolute;overflow:hidden}.main{background:var(--color-background);grid-template:"body"1fr"footer"/1fr;grid-area:main;grid-auto-flow:row;gap:0;width:100%;max-width:820px;margin:0 auto;display:grid;overflow:auto}.body{background:var(--color-background-dim);grid-template:"body-nav""body-content"1fr/1fr;grid-area:body;grid-auto-flow:row;gap:0;display:grid;overflow:hidden}.body-nav{grid-area:body-nav;max-width:100vw;min-height:3rem;display:flex;position:relative;overflow:hidden}.body-nav .logo{order:1;margin:auto 1em auto auto}.body-nav h1{margin:auto auto auto 1rem;font-size:1rem}.body-nav button{margin:.5rem 1rem .5rem .8rem}.body-content{background:var(--color-background);flex-direction:column;grid-area:body-content;display:flex;overflow:auto;box-shadow:4px -2px 4px #0000001a}.body-content::-webkit-scrollbar{display:none}.footer{background:var(--color-background);z-index:2;grid-area:footer;position:relative;box-shadow:0 -4px 14px #0000001a}main:has(.add-bird.fixed) .footer{display:none}.add-bird.fixed{max-width:820px;margin:auto;position:fixed;bottom:5rem;left:0;right:0}.nav{text-align:center;background:var(--color-background);grid-area:nav;width:100%;max-width:820px;margin:0 auto;padding:.25rem 1rem;display:flex}.nav-link{color:var(--color-link);white-space:nowrap;background:0 0;border:1px solid;border-radius:0;flex:1;margin:0 -1px 0 0;padding:.75rem .15rem;font-size:.8rem;text-decoration:none}.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);letter-spacing:-.05ex;font-weight:700}.nav-count{font-weight:400}select{all:unset;box-sizing:border-box;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);background-repeat:no-repeat;background-size:auto 40%;border:1px solid;width:100%;padding:.3em .7em}@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{align-items:center;gap:.25rem;display:flex}.flex button{flex:auto;min-height:2.4rem}.flex:has(input[type=date]){width:calc(100% - .5rem)}.grid{grid-template-columns:1rem 1fr;grid-auto-rows:auto;align-items:center;gap:.5rem 1rem;display:grid}button{border-radius:var(--radius);min-width:2.9rem;min-height:2.7rem;color:var(--color-background-dim);background:var(--color-text);border:none;flex-shrink:0;padding:.4rem .5rem;font-size:1rem}button.secondary{color:var(--color-background);background:var(--color-text-dim)}.center{text-align:center;flex-shrink:0;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;letter-spacing:.15ex;margin-top:.3rem;margin-bottom:.3rem;font-size:1.4rem}.margin-top{margin-top:.5rem}.margin-bottom{margin-bottom:1rem}.margin-left{margin-left:.5rem}dialog{color:inherit;background-color:#0000;border:none;padding:0}.dialog::backdrop{opacity:0;background-color:#0009;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{border-radius:var(--radius) var(--radius) 0 0;width:95%;max-width:700px;color:inherit;background-color:var(--color-background);z-index:9999;border:none;max-height:90vh;margin:auto auto 0;padding:1rem;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.dialog label:not(.radio){margin:.75rem 0 .25rem;display:block}.dialog select,.dialog input,.dialog textarea{border-radius:var(--radius);width:100%;color:var(--color-text);background:var(--color-background-dim);border:none;padding:.5rem;font-family:inherit;font-size:1.2rem}input[type^=date]::-webkit-datetime-edit-year-field{color:var(--color-text)}input[type^=date]::-webkit-datetime-edit-month-field{color:var(--color-text)}input[type^=date]::-webkit-datetime-edit-day-field{color:var(--color-text)}input[type^=date]::-webkit-datetime-edit-hour-field{color:var(--color-text)}input[type^=date]::-webkit-datetime-edit-minute-field{color:var(--color-text)}input[type^=date]::-webkit-datetime-edit-text{color:var(--color-text)}input[type=datetime-local]::-webkit-datetime-edit-year-field{color:var(--color-text)}input[type=datetime-local]::-webkit-datetime-edit-month-field{color:var(--color-text)}input[type=datetime-local]::-webkit-datetime-edit-day-field{color:var(--color-text)}input[type=datetime-local]::-webkit-datetime-edit-hour-field{color:var(--color-text)}input[type=datetime-local]::-webkit-datetime-edit-minute-field{color:var(--color-text)}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{border-spacing:0 2px;vertical-align:middle;width:100%}.dialog td:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);width:1rem}.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]{background-color:var(--color-background);width:1.5rem;height:1.5rem;margin:.3em}.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{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:30vh;margin:auto 1rem;display:flex}.empty-list a{font-weight:700}button:has(svg){vertical-align:bottom;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.delete-button:not(:only-child){margin-right:.4rem}.pill{color:var(--color-text);background-color:var(--color-background-dim);vertical-align:middle;border-radius:1rem;margin-inline:.25rem;padding:.2em .8em;font-size:1rem;font-weight:400}.fade-in-enter-active,.fade-in-leave-active{transition:opacity .4s ease-out,transform .4s ease-out}.fade-in-enter-from{opacity:0;transform:translateY(-20px)}.fade-in-enter-to,.fade-in-leave-from{opacity:1;transform:translateY(0)}.fade-in-leave-to{opacity:0;z-index:-1;transform:translateY(-20px)}.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:translate(30px)}.list .list-enter-from,.list .list-leave-to{opacity:0;transform:translateY(30px)}.list-leave-active{width:100%;margin-right:6px;position:absolute}.list .list-leave-active{opacity:0}@media (prefers-color-scheme:dark){.logo{filter:invert()}input::-webkit-calendar-picker-indicator{filter:invert()}}@supports (-webkit-touch-callout:none){input[type^=date],input[type=datetime-local]{appearance:none;background-color:var(--color-background-dim);color:var(--color-text);width:100%;font-size:1.2rem}}.add-bird .simple-typeahead-list{border-radius:var(--radius);bottom:3rem;box-shadow:0 -6px 12px #0000001a}.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}