@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";:root{--cozy-cream: #FFE2AF;--cozy-peach: #F96E5B;--cozy-pink: #F96E5B;--cozy-red: #F96E5B;--bg-primary: #FFE2AF;--bg-secondary: #FFF8E7;--text-primary: #3F9AAE;--text-secondary: #79C9C5;--accent-color: #F96E5B;--accent-hover: #D84E3B;--task-border: #79C9C5;--task-shadow: 0 4px 15px rgba(249, 110, 91, .2);--inbox-bg: rgba(255, 255, 255, .8);--jar-border: rgba(63, 154, 174, .5);--easy-color: #79C9C5;--medium-color: #3F9AAE;--hard-color: #F96E5B;--font-main: "Quicksand", sans-serif}[data-theme=night]{--bg-primary: #2C2C54;--bg-secondary: #474787;--text-primary: #FEEAC9;--text-secondary: #D1CCC0;--accent-color: #706FD3;--task-bg: #40407a;--task-shadow: 0 4px 15px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .5s ease,color .5s ease;overflow:hidden;height:100vh}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cozy-peach);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cozy-pink)}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.jarContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;z-index:10;pointer-events:auto}.lid{position:absolute;top:0;left:50%;transform:translate(-50%);width:240px;height:40px;background:linear-gradient(180deg,#e0e0e0,#bdbdbd);border-radius:10px;box-shadow:0 4px 10px #0003;z-index:10;border-bottom:4px solid #9E9E9E}.lid:after{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);width:200px;height:20px;background:#e0e0e0;border-radius:5px 5px 0 0;border-top:1px solid #FFF}.glassBody{position:absolute;top:30px;left:50%;transform:translate(-50%);width:300px;height:360px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:4px solid rgba(255,255,255,.5);border-top:none;border-radius:30px 30px 60px 60px;box-shadow:inset 10px 0 20px #fff3,inset -10px 0 20px #fff3,inset 0 -20px 40px #ffffff4d,0 10px 30px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.glassBody:before{content:"";position:absolute;top:20px;left:20px;width:40px;height:200px;background:linear-gradient(180deg,#fff6,#fff0);border-radius:20px;transform:skew(-10deg)}.glassBody:after{content:"";position:absolute;bottom:30px;right:30px;width:200px;height:40px;background:radial-gradient(ellipse at center,#ffffff4d,#fff0 70%);border-radius:50%;transform:rotate(-10deg)}