*{box-sizing:border-box}html{font-size:100%;font-family:'San Francisco', sans-serif;font-weight:400}body{margin:0;padding:0;color:#fff;padding-top:5em;padding-bottom:5em;background:#f39115}h1,h2,h3,h4{font-weight:600}h1:first-of-type,h2:first-of-type,h3:first-of-type,h4:first-of-type{margin-top:0}h3{font-weight:500}button{background:#f39115;color:#fff;border:none;padding:.5em 1em;border-radius:.5em;cursor:pointer;font-weight:500;font-size:1.05em;transition:0.25s all ease-in-out;user-select:none}button.subtle{background:none;padding:0}button.subtle:hover{background:none;color:#fff;text-decoration:underline}button.white{background:#fff;color:#000;border:1px solid #fff}button.white:hover{background:#2c99d5;color:#fff}button.secondary{background:#2c99d5}button.secondary:hover{color:#2c99d5}button:hover{background:#fff;color:#f39115}input,select,#activity-suggestions{padding:.5em;border:1px solid #fff;background:#fff;width:100%;max-width:50em;border-radius:.5em;color:#000;font-size:1em;font-weight:400;margin-bottom:.75em;font-family:'San Francisco', sans-serif;border:0.15em solid #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left !important}input:focus,select:focus,#activity-suggestions:focus{outline:none;border-color:#2c99d5}#modal input:focus,#modal select:focus,#modal #activity-suggestions:focus{border-color:#f39115}table{text-align:left;width:100%;max-width:50em;border-collapse:collapse}table td,table th{padding:.25em .5em}table thead th{background:#2c99d5;padding:.75em .5em}table thead th:first-child{border-radius:.5em 0 0 .5em}table thead th:last-child{border-radius:0 .5em .5em 0}table .button-wrapper{gap:.25em}@media screen and (max-width: 600px){table .button-wrapper{gap:0}}table .button-wrapper button{width:2em;height:2em;display:flex;align-items:center;justify-content:center}.button-wrapper{display:flex;column-gap:1.5em;align-items:center}@media screen and (max-width: 600px){.button-wrapper--login{flex-direction:column;align-items:flex-start;row-gap:1em}}.button-wrapper--register{column-gap:.75em;flex-wrap:wrap}.button-wrapper--register button{flex:1}.button-wrapper--register .number-input{flex:auto;width:100%}.button-wrapper--modal{column-gap:1em}@media screen and (max-width: 600px){.button-wrapper--modal button{flex:1}}header{padding:2rem;background:#2c99d5;height:5em;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;flex-direction:column}@media screen and (max-width: 600px){header{padding:2rem 1rem}}header h1{margin:0}header .label{font-size:1.25em;margin-bottom:.25em}header #counter{font-size:2.5em;font-weight:600}main{padding:2rem;background:#f39115;width:100%;max-width:50em}@media screen and (max-width: 600px){main{padding:2rem 1rem}}#disclaimer{padding:1rem 2rem;font-size:.75em;width:100%;max-width:50em}@media screen and (max-width: 600px){#disclaimer{padding:.5rem 1rem}}footer{background:#2c99d5;position:fixed;bottom:0;left:0;width:100%;padding:1rem 2rem;height:5em;display:flex;align-items:center}@media screen and (max-width: 600px){footer{padding:1rem}}footer nav{display:flex;column-gap:.5em;align-items:center;justify-content:space-between;width:100%}footer nav button{min-width:9em;display:flex;align-items:center;justify-content:center;gap:.5em;height:2.75em}@media screen and (max-width: 600px){footer nav button#footer-back,footer nav button#footer-logout{width:2.75em;min-width:2.75em}footer nav button#footer-back span,footer nav button#footer-logout span{display:none}footer nav button#footer-add{flex:1}}.season-chooser__list{display:flex;flex-wrap:wrap;gap:1%}.season-chooser__list button{width:32.33%;margin-bottom:1%;aspect-ratio:2/1;line-height:1.25}#modal,#season-modal{position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background:#f39115;display:none;align-items:center;justify-content:center;flex-direction:column;padding:1em}#modal.open,#season-modal.open{display:flex}#modal .modal__inner,#season-modal .modal__inner{background:#2c99d5;width:100%;max-width:50em;padding:2em;border-radius:1em}#modal .modal__inner__content,#season-modal .modal__inner__content{display:flex;flex-direction:column}.activity-container{position:relative}.activity-container #activity-suggestions{position:absolute;z-index:10;padding:.25em;border:none;max-height:10em;overflow:auto}.activity-container #activity-suggestions:empty{display:none}.activity-container #activity-suggestions .activity-suggestions__suggestion{cursor:pointer;padding:.5em 1em;border-radius:.5em;background:#fff;transition:0.25s all ease-in-out;user-select:none}.activity-container #activity-suggestions .activity-suggestions__suggestion:hover{background:#2c99d5;color:#fff}.activity-container #activity-suggestions .activity-suggestions__no-results{padding:.5em 1em}#message-container{position:fixed;bottom:6em;right:1em;z-index:1000}#message-container.no-footer{bottom:1em}#message-container .message{margin-top:1em;padding:.5em 1em;border-radius:.5em;font-weight:500;color:#fff}#message-container .message.error{background-color:#e74c3c;border-color:#e74c3c}#message-container .message.info{background-color:#2c99d5}#subscription-price-container{display:flex;flex-direction:column;align-items:flex-start}#subscription-price-container .button-wrapper{width:100%}#subscription-price-container .button-wrapper button{margin-bottom:.75em;flex:1}.number-input{position:relative;margin-bottom:.75em}.number-input input{margin-bottom:0}.number-input::after{position:absolute;top:0;right:1em;height:100%;content:'€';padding:0 1em;border-radius:0 .5em .5em 0;color:#000;display:flex;align-items:center;justify-content:center;z-index:3}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#f39115;display:none;align-items:center;justify-content:center;z-index:9999}#loading-overlay .loader{border:5px solid rgba(255,255,255,0.8);border-top:5px solid #2c99d5;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#app-banner{position:fixed;bottom:-40em;left:.5em;right:.5em;background:#fff;color:#000;padding:.5em;border-radius:.5em;text-align:center;pointer-events:none;transition:all .75s ease-in-out}#app-banner div{display:flex;align-items:center;justify-content:center;gap:1em;text-align:left}#app-banner.show{bottom:.5em;pointer-events:all}#app-banner img{width:2em;height:auto}#app-banner button{font-size:.9em}#app-banner button:hover{background:#2c99d5}#app-banner.android p.android{display:block}#app-banner.android p.ios{display:none}#app-banner.ios p.android{display:none}#app-banner.ios p.ios{display:block}