.app-container{background-color:#3f7b31;flex-direction:column;align-items:center;min-height:100vh;font-family:Kalam,cursive;display:flex;position:relative;overflow:hidden}.title{color:#1a3c14;letter-spacing:2px;text-shadow:0 4px 10px #0000001a;margin-top:40px;font-size:3rem}.envelope-wrapper{flex:1;justify-content:center;align-items:center;width:100%;margin:20px 0;display:flex}.action-btn-container{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:40px}.action-btn{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#1e461999;border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:all .3s;display:flex}.action-btn:hover{background:#1e4619cc;transform:scale(1.05)}.action-label{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:13px;font-weight:600}.history-btn{left:40px}.reset-btn{right:40px}.custom-sidebar{z-index:10;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.category-bottom-area{z-index:10;flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;padding:0 20px;display:flex}.category-container{z-index:10;justify-content:center;gap:16px;display:flex}.mobile-only{display:none}.category-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;cursor:pointer;text-align:center;background:#1e4619cc;border:1px solid #0000;border-radius:100px;min-width:100px;padding:12px 30px;font-size:15px;transition:all .3s}.category-tab.active{color:#fff;background:#8cc87840;border:1px solid #fff6;font-weight:600;box-shadow:0 0 20px #b4ff9633}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.title{margin-top:30px}.category-bottom-area{gap:14px;margin-bottom:80px;padding:0 20px}.category-container{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:320px;margin-bottom:0;display:grid}.custom-categories-mobile{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:320px;display:grid!important}.category-tab{padding:12px 20px}.envelope-wrapper{transform:scale(.8)}}@media (width<=480px){.envelope-wrapper{transform:scale(.65)}}@media (width<=380px){.envelope-wrapper{transform:scale(.55)}}