@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Pixelify+Sans:wght@400..700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background:linear-gradient(135deg,#f9f9fc,#e6f0ff);color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{color:#374151;font-size:40px;font-family:Pixelify Sans,sans-serif}h2{color:#374151;font-size:32px;font-family:Pixelify Sans,sans-serif}h3,p{font-size:16px;font-family:Josefin Sans,sans-serif}@media (min-width: 768px){h1{font-size:56px;grid-area:title}h2{font-size:48px}h3,p{font-size:32px}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;gap:40px;border-radius:16px;text-align:center;font-family:Josefin Sans,sans-serif}.home form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.character-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.character-name input{border:solid 2px #6b7280;border-radius:16px;width:100%;height:40px;color:#374151;padding:4px 16px;text-align:center}.character-select{display:flex;flex-direction:column;gap:16px}.characters{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center}.characters button{display:flex;align-items:center;justify-content:center}.characters button,.characters button img{border-radius:16px;width:240px;height:240px}.error-message{font-size:16px;color:red}@media (min-width: 768px){.home{padding:40px}}.button-controls{text-transform:uppercase;background:linear-gradient(135deg,#fcd34d,#f472b6);color:#333;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px}.button-controls:hover{background-color:#ffd93d}@media (max-width: 380px){.button-controls{width:140px}}@media (min-width: 768px){.button-controls{font-size:24px}}.modal-container{margin:0;top:0;left:0;position:fixed;height:100%;width:100%;color:#374151;background:linear-gradient(135deg,#f9f9fc,#e6f0ff);display:flex;justify-content:center;align-items:center}.modal-content{width:60%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;border-radius:16px;background:linear-gradient(135deg,#eaf6ff,#f3e7ff);padding:40px}.modal-image{width:40%;height:auto;border-radius:16px}footer{padding:16px 40px;font-size:16px;text-align:center;display:flex;flex-direction:column;gap:16px;margin-top:auto}.footer-infos{font-size:12px}.footer-infos a{cursor:pointer}footer div{display:flex;gap:8px;align-items:center;justify-content:center}.game{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;gap:40px;border-radius:16px;text-align:center;font-family:Josefin Sans,sans-serif}.pet-image{width:200px;height:200px;border-radius:8px;font-size:24px}.pet-infos{display:flex;flex-direction:column;align-items:center;gap:8px}.pet-status,.buttons-controls{display:flex;gap:16px;align-items:center;justify-content:center}.pet-status{flex-direction:column;gap:24px}.pet-status-item{display:flex;flex-direction:column;gap:4px}@media (max-width: 380px){.buttons-controls{flex-direction:column}}@media (min-width: 768px){.game{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.5fr fr fr fr fr;grid-template-areas:"title title" "pet status" "buttons buttons" "calendar calendar";margin:0 auto;padding:40px;gap:24px 80px}.pet-image{width:240px;height:240px}.pet-infos{grid-area:pet}.pet-status{grid-area:status}.buttons-controls{grid-area:buttons;gap:32px}.calendar-container{grid-area:calendar;display:flex;align-items:center;justify-content:center}}@media (min-width: 1200px){.game{padding:40px;margin:0 auto}}.container{display:flex;align-items:center;padding:.5px;width:200px;height:24px;background-color:#f3f4f6;border:solid 1px #6b7280;border-radius:4px}.status-bar{height:22px;background:linear-gradient(90deg,#6ee7b7,#3b82f6);transition:width .5s ease;border-radius:4px}@media (min-width: 768px){.container{width:360px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar{margin:40px;background:linear-gradient(135deg,#eaf6ff,#f3e7ff);color:#374151;font-family:Josefin Sans,sans-serif;border:solid 1px #374151;border-radius:16px}.day{border-radius:24px}.studied-day{background:linear-gradient(135deg,#fcd34d,#f472b6);border-radius:24px}