*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}html{height:100%;overflow:hidden}body{-webkit-overflow-scrolling:touch;height:100%;font-family:Shadows Into Light Two,cursive;position:relative;overflow-y:auto}html:before{content:"";z-index:-1;background:url(/Background.png) right -450px bottom/auto 80% no-repeat,url(/Background.png) left -380px bottom/auto 67% no-repeat,linear-gradient(#e2852e,#f5c857,#ffee91,#abe0f0);width:100%;height:100%;position:fixed;top:0;left:0}.item-form{flex-direction:column;align-items:center;gap:3px;padding:10px;display:flex}input{border:none;border-radius:5px;outline:none;width:67%;padding:3px 5px}textarea{resize:none;border:none;border-radius:5px;outline:none;width:67%;height:2rem;padding:3px 5px}button{border:none;border-radius:5px;outline:none;padding:3px 5px}.item-list{flex-direction:column;gap:8px;display:flex}.item-detail{color:#030320;background-color:#fff4b3e6;border-radius:10px;padding:5px 10px 10px;font-weight:100;box-shadow:2px 2px 1px #00000061}.item-content{text-align:center;grid-template-rows:0fr;transition:grid-template-rows 1s cubic-bezier(.4,0,.2,1);display:grid}.item-content-inner{flex-direction:column;gap:10px;display:flex;overflow:hidden}.item-content.open{grid-template-rows:1fr}.item-content.open .item-content-inner{animation:.4s expandDown}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.item-header{flex-direction:row;gap:10px;display:flex}.checkbox-detail{justify-content:center;align-items:center;display:flex}.checkbox-detail input{border:none;border-radius:10px;outline:none}input[type=checkbox]{display:none}input[type=checkbox]+label{cursor:pointer;border:1px solid #151515;border-radius:50%;width:15px;height:15px;display:inline-block;position:relative}input[type=checkbox]:checked+label{background-color:#25c520}input[type=checkbox]:checked+label:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title-detail{flex-direction:row;justify-content:space-between;width:100%;font-size:4.5vw;display:flex}.chevron{transform-origin:50%;align-self:center;font-size:10px;line-height:1;transition:transform .3s;display:inline-block;transform:rotate(0)}.chevron.open{padding-bottom:5px;transform:rotate(180deg)}.chevron:hover,.chevron.open:hover{cursor:pointer}.photo{flex-direction:column;display:flex}.photo-wrapper{display:inline-block;position:relative}img{box-shadow:2px 2px 1px #00000061}.delete-photo{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;width:20px;height:20px;font-size:10px;position:absolute;top:5px;right:5px}.header-right{flex-direction:row;justify-content:center;align-items:center;gap:10px;padding-right:5px;display:flex}.activity-date{opacity:.7;font-size:3vw}.mobile-only{flex-direction:column;align-items:center;gap:8px;display:flex}.tablet-only{display:none}.carousel-image{width:100%;position:relative}.carousel-image img{object-fit:cover;border-radius:8px;width:100%}.carousel-controls{flex-direction:row;align-items:center;gap:15px;display:flex}.carousel-controls button{cursor:pointer;background:0 0;border:none;font-size:24px}.item-actions{flex-direction:column;gap:10px;display:flex}.item-actions-top{flex-direction:row;justify-content:space-between;padding:0 8px;display:flex}.upload-btn{color:#fff;cursor:pointer;text-align:center;background:#ca9243;border-radius:8px;width:6rem;padding:6px 16px;font-size:12px;display:inline-block}.upload-btn input{display:none}.item-date{flex-direction:row;align-items:center;gap:6px;font-size:14px;display:flex}.item-date input{border:1px solid #ccc;border-radius:6px;outline:none;width:7rem;padding:2px;font-size:12px}.item-actions-bottom{flex-direction:column;align-items:center;gap:5px;padding:0 8px;display:flex}.item-actions-bottom button{background-color:#81f67d;width:50%}.item-actions-bottom .delete{background-color:#e17959}@media (width>=768px){.mobile-only{display:none}.tablet-only{column-count:2;column-gap:12px;padding:10px;display:block}.photo-grid-item{break-inside:avoid;margin-bottom:12px;position:relative}.photo-grid-item img{object-fit:cover;border-radius:8px;width:100%;display:block}.title-detail{font-size:40px}.item-detail{padding:10px 30px;font-size:30px}.chevron{font-size:25px}.activity-date{font-size:28px}.item-list{padding:0 15%}}.edit-fields{flex-direction:column;gap:8px;padding:0 8px;display:flex}.edit-title{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:4px 8px;font-family:Shadows Into Light Two,cursive;font-size:4.5vw}.edit-description{resize:none;border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:4px 8px;font-family:Shadows Into Light Two,cursive;font-size:14px}.edit-buttons{justify-content:center;gap:8px;display:flex}.save-edit{cursor:pointer;background-color:#81f67d;border:none;border-radius:8px;padding:4px 16px}.cancel-edit{cursor:pointer;background-color:#ccc;border:none;border-radius:8px;padding:4px 16px}.edit-btn{cursor:pointer;background-color:#7db6f6;border:none;border-radius:8px;width:50%;padding:4px}.upload-progress-bar{background:#0000001a;border-radius:10px;height:6px;margin:0 8px;overflow:hidden}.upload-progress-fill{background:#ca9243;border-radius:10px;height:100%;transition:width .3s}.upload-btn.uploading{opacity:.7;cursor:not-allowed}.app{flex-direction:column;gap:20px;min-height:100vh;padding:15px 15px 5px;display:flex}header{color:#fff;border-bottom:1px solid #fff;flex-direction:column;gap:15px;display:flex}.header-top{flex-direction:row;justify-content:space-between;align-items:center;height:10vw;display:flex}.header-title{flex-direction:row;gap:2vw;display:flex}.year-button{color:#fff;background:0 0;border:none;outline:none;padding:1px 0 0;font-family:Shadows Into Light Two,cursive}.year-button:hover{cursor:pointer}.header-title h1,.year-button{font-size:8vw;font-weight:700}.header-admin{flex-direction:row;justify-content:right;align-items:center;gap:10px;display:flex}.header-admin button:hover{cursor:pointer}.header-admin input{border:none;border-radius:10vw;outline:none;max-width:6rem;height:auto;padding:5px 6px;animation:.3s slideIn;box-shadow:2px 2px 1px #00000061}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.header-admin button{color:#fac694;background-color:#c3600495;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:4px;animation:.4s bounceUp;display:flex;box-shadow:2px 2px 1px #00000061}@keyframes bounceUp{0%{transform:translateY(0)}30%{transform:translateY(-3px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}.custom-dropdown{position:relative}.dropdown-options{z-index:10;transform-origin:top;background:#00000080;border-radius:8px;flex-direction:column;gap:10px;padding:5px;animation:.4s dropdownOpen;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dropdown-options div:hover{cursor:pointer}@keyframes dropdownOpen{0%{opacity:0;transform:translate(-50%)scaleY(.8)}to{opacity:1;transform:translate(-50%)scaleY(1)}}.header-bottom{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}.header-bottom.admin{margin-bottom:20px}.header-bottom button{border:none;border-radius:15px;outline:none;flex:1;max-width:100px;padding:5px}footer{justify-content:center;margin-top:auto;font-size:12px;display:flex}footer a{color:inherit;text-decoration:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-bottom,.item-form{animation:.2s fadeInDown}.progress-tabs{flex-direction:column;gap:8px;margin-top:10px;display:flex}.progress-bar-container{background:#fff6;border-radius:20px;height:10px;margin-bottom:5px;position:relative;overflow:visible}.progress-bar-fill{background:#25c520;border-radius:20px;height:100%;transition:width .5s}.progress-label{color:#fff;opacity:.8;font-size:11px;position:absolute;top:-18px;right:0}.tabs{flex-direction:row;padding-bottom:5px;display:flex}.tab{text-align:center;color:#fff9;cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Shadows Into Light Two,cursive;font-size:5vw;transition:color .2s}.tab.active{color:#fff;border-bottom:2px solid #fff}.memories-grid{column-count:2;column-gap:10px}.memory-item{break-inside:avoid;margin-bottom:10px;position:relative}.memory-item img{object-fit:cover;border-radius:8px;width:100%;display:block}.memory-item p{text-align:center;color:#030320;margin-top:4px;font-size:3vw}.no-memories{text-align:center;color:#fff;font-size:5vw}.loading{color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;font-size:5vw;display:flex}.loading-wheel{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width>=768px){.app{padding:50px 50px 10px}.tab{font-size:28px}.memories-grid{column-count:3}.memory-item p{font-size:16px}.no-memories{font-size:24px}}