*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #6C63FF;--primary-light: #8B83FF;--accent-pink: #FF6B9D;--accent-orange: #FFA502;--accent-green: #00B894;--accent-blue: #0984E3;--accent-purple: #A29BFE;--bg-top: #a18cd1;--bg-bottom: #fbc2eb;--card-bg: rgba(255, 255, 255, .92);--card-done: rgba(0, 184, 148, .12);--text: #2D3436;--text-light: #636E72;--text-white: #FFFFFF;--shadow-card: 0 8px 32px rgba(0, 0, 0, .1);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .15);--radius: 24px;--radius-sm: 16px;--font: "Zen Maru Gothic", "Hiragino Maru Gothic Pro", sans-serif}html,body{height:100%}body{font-family:var(--font);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));min-height:100vh;color:var(--text);overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,20px)}.bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cloud{position:absolute;font-size:4rem;opacity:.3;animation:floatCloud linear infinite}.cloud-1{top:8%;font-size:5rem;animation-duration:35s;animation-delay:0s;left:-10%}.cloud-2{top:25%;font-size:3.5rem;animation-duration:45s;animation-delay:-10s;left:-10%}.cloud-3{top:45%;font-size:4rem;animation-duration:40s;animation-delay:-20s;left:-10%}@keyframes floatCloud{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}.app-container{position:relative;z-index:1;max-width:500px;margin:0 auto;padding:1rem;padding-top:env(safe-area-inset-top,1rem)}.header{margin-bottom:1rem}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.avatar-area{display:flex;align-items:center;gap:.6rem}.avatar{font-size:2.5rem;animation:bounce 3s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.user-name{font-size:1.3rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-icon{background:#ffffff40;border:none;border-radius:50%;width:44px;height:44px;font-size:1.3rem;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-icon:hover{background:#fff6;transform:scale(1.1)}.date-display{text-align:center;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:1rem 1.5rem}.date-main{font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.date-month,.date-day{font-size:2.5rem;background:linear-gradient(135deg,#fff,#f0e6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-separator{font-size:1.2rem;margin:0 .2rem;opacity:.9}.date-weekday{font-size:1.1rem;font-weight:700;color:#ffffffe6;margin-top:.3rem}.progress-section{margin-bottom:1.2rem}.progress-text{text-align:center;font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:.6rem;text-shadow:0 1px 4px rgba(0,0,0,.1)}.progress-text strong{font-size:1.5rem;color:var(--accent-orange);text-shadow:0 1px 4px rgba(0,0,0,.2)}.progress-bar-container{position:relative;height:28px;background:#ffffff4d;border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-orange),#f7971e,var(--accent-green));border-radius:14px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-stars{position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:space-around;align-items:center;padding:0 .5rem;pointer-events:none}.progress-star{font-size:1rem;opacity:.3;transition:all .5s ease;filter:grayscale(1)}.progress-star.lit{opacity:1;filter:grayscale(0);animation:starPop .5s ease-out}@keyframes starPop{0%{transform:scale(.5)}50%{transform:scale(1.5)}to{transform:scale(1)}}.task-list{display:flex;flex-direction:column;gap:.8rem;padding-bottom:2rem}.task-card{background:var(--card-bg);border-radius:var(--radius);padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-card);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:3px solid transparent;user-select:none;-webkit-user-select:none}.task-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(108,99,255,.03));transition:all .3s}.task-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.task-card:active{transform:scale(.97)}.task-card.completed{background:var(--card-done);border-color:var(--accent-green)}.task-card.completed .task-icon{animation:none}.task-card.completing{animation:completeFlash .6s ease-out}@keyframes completeFlash{0%{transform:scale(1);background:var(--card-bg)}30%{transform:scale(1.05);background:#00b89433}60%{transform:scale(.98)}to{transform:scale(1)}}.task-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c63ff1a,#ff6b9d1a);border-radius:16px;transition:all .3s}.task-card.completed .task-icon{background:linear-gradient(135deg,#00b89426,#00b8940d)}.task-name{font-size:1.25rem;font-weight:700;flex-grow:1;line-height:1.4}.task-card.completed .task-name{color:var(--accent-green)}.task-check{width:40px;height:40px;border-radius:50%;border:3px solid var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;transition:all .3s;background:#fff}.task-card.completed .task-check{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.sparkle-container{position:fixed;pointer-events:none;z-index:100}.sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 1s ease-out forwards}@keyframes sparkleFloat{0%{opacity:1;transform:translate(0) scale(.5) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.2) rotate(360deg)}}.all-done-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.all-done-content{background:#fff;border-radius:32px;padding:3rem 2.5rem;text-align:center;box-shadow:0 30px 100px #0003;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275);max-width:90vw}@keyframes popIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.all-done-emoji{font-size:5rem;animation:celebrateEmoji 1s ease-in-out infinite alternate}@keyframes celebrateEmoji{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.all-done-title{font-size:1.8rem;font-weight:900;margin:1rem 0 .5rem;background:linear-gradient(135deg,var(--primary),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.all-done-subtitle{font-size:1rem;color:var(--text-light);margin-bottom:1.5rem}.all-done-stars{font-size:2rem;display:flex;gap:.5rem;justify-content:center;animation:starsWave 2s ease-in-out infinite}.all-done-stars span{animation:starFloat 1.5s ease-in-out infinite}.all-done-stars span:nth-child(1){animation-delay:0s}.all-done-stars span:nth-child(2){animation-delay:.2s}.all-done-stars span:nth-child(3){animation-delay:.4s}.all-done-stars span:nth-child(4){animation-delay:.6s}.all-done-stars span:nth-child(5){animation-delay:.8s}@keyframes starFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;overflow:hidden}.confetti-piece{position:absolute;width:12px;height:12px;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));z-index:200;color:#fff}.loading-icon{font-size:4rem;animation:loadingBounce 1s ease-in-out infinite}@keyframes loadingBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.loading-screen p{margin-top:1rem;font-size:1.2rem;font-weight:700}.empty-state{text-align:center;padding:3rem 1.5rem;color:#fff}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state p{font-size:1.2rem;font-weight:700;opacity:.8}@media(max-width:380px){.date-month,.date-day{font-size:2rem}.task-name{font-size:1.1rem}.task-icon{width:50px;height:50px;font-size:2rem}.task-check{width:36px;height:36px}.all-done-title{font-size:1.5rem}}