*{box-sizing:border-box;margin:0;padding:0}:root{--pink-lightest:#fff5f8;--pink-light:#ffe5ec;--pink-soft:#ffd6e0;--pink-medium:#ffb3c1;--pink-main:#ff8fa3;--pink-deep:#ff758f;--pink-rich:#fb6f92;--rose:#f25c7c;--purple-light:#f8e8ff;--purple-soft:#e8d5f2;--lavender:#d8b4e2;--text-primary:#2d1a24;--text-secondary:#5c3d50;--text-light:#7d5a6d;--white:#fff;--cream:#fffbf7;--shadow-soft:#fb6f9226;--shadow-medium:#fb6f9240;--shadow-strong:#fb6f9259;--glow:#ff8fa366;--font-display:"Playfair Display",Georgia,serif;--font-elegant:"Cormorant Garamond",Georgia,serif;--font-body:"Nunito","Segoe UI",system-ui,sans-serif;--text-xs:0.85rem;--text-sm:0.975rem;--text-base:1.05rem;--text-lg:1.175rem;--text-xl:1.35rem;--text-2xl:1.65rem;--text-3xl:2rem;--leading-tight:1.3;--leading-normal:1.55;--leading-relaxed:1.7;--touch-min:44px;--touch-comfort:50px}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(251,111,146,.2);font-size:100%}body{background:radial-gradient(circle at 20% 30%,#ffe5ec66 0,#0000 50%),radial-gradient(circle at 80% 70%,#f8e8ff4d 0,#0000 50%),linear-gradient(135deg,#fff5f8,#ffe8f0 15%,#ffd9e7 30%,#ffc7df 50%,#ffb5d5 70%,#ffa3cb 85%,#ff91c1);color:#2d1a24;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:500;letter-spacing:.01em;line-height:1.7;line-height:var(--leading-relaxed);min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-container{max-width:440px;position:relative;width:100%;z-index:2}.login-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffffa,#fff5fafa 50%,#fff0f8fa);border:2px solid #ffb3c14d;border-radius:32px;box-shadow:0 30px 80px #fb6f9240,inset 0 0 0 1px #ffffff80,0 0 60px #ff8fa366;box-shadow:0 30px 80px var(--shadow-medium),0 0 0 1px #ffffff80 inset,0 0 60px var(--glow);overflow:hidden;padding:3rem 2.5rem;position:relative}.login-card:before{animation:rotate-glow 20s linear infinite;background:radial-gradient(circle,#ff8fa314 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.login-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff758f,#f25c7c 50%,#fb6f92);background:linear-gradient(135deg,var(--pink-deep) 0,var(--rose) 50%,var(--pink-rich) 100%);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:.02em;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.25rem}.login-subtitle{color:#5c3d50;color:var(--text-secondary);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-elegant);font-size:1.35rem;font-size:var(--text-xl);font-style:italic;font-weight:600;line-height:1.55;line-height:var(--leading-normal);margin-bottom:.5rem}.login-tagline{color:#7d5a6d;color:var(--text-light);font-size:.975rem;font-size:var(--text-sm);font-weight:600;margin-bottom:1rem}.login-form{position:relative;z-index:1}.login-form .form-group{margin-bottom:1.25rem}.login-form .form-input{background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);border-radius:14px;color:#2d1a24;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-weight:600;min-height:50px;min-height:var(--touch-comfort);padding:1rem 1.25rem;transition:all .3s ease;width:100%}.login-form .form-input:focus{border-color:#ff8fa3;border-color:var(--pink-main);box-shadow:0 0 0 3px #fb6f9226;outline:none}.login-form .form-input::placeholder{color:#7d5a6d;color:var(--text-light);font-weight:400}.login-error{background:#b91c1c14;border-left:3px solid #b91c1c;border-radius:10px;color:#b91c1c;font-size:.975rem;font-size:var(--text-sm);font-weight:600;margin-bottom:1rem;padding:.75rem 1rem}.login-btn{align-items:center;background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border:none;border-radius:50px;box-shadow:0 10px 30px #fb6f9240,0 0 20px #ff8fa366;box-shadow:0 10px 30px var(--shadow-medium),0 0 20px var(--glow);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.35rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:.5rem;min-height:50px;min-height:var(--touch-comfort);padding:1.2rem 2rem;transition:all .4s ease;width:100%}.login-btn:hover{box-shadow:0 15px 40px #fb6f9259,0 0 40px #ff8fa366;box-shadow:0 15px 40px var(--shadow-strong),0 0 40px var(--glow);transform:translateY(-4px)}.login-btn:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.login-footer{margin-top:2rem;position:relative;text-align:center;z-index:1}.login-footer .love-divider{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.login-footer .love-divider span{color:#fb6f92;color:var(--pink-rich);font-size:1.25rem}.login-footer .divider-line{background:linear-gradient(90deg,#0000,#ffd6e0,#0000);background:linear-gradient(90deg,#0000,var(--pink-soft),#0000);height:2px;width:50px}.login-footer-text{color:#7d5a6d;color:var(--text-light);font-size:.975rem;font-size:var(--text-sm);font-weight:600}.welcome-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.hearts-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.heart{animation:float-hearts 12s ease-in-out infinite;font-size:2.5rem;opacity:0;position:absolute}.heart-1{animation-delay:0s;color:#ff8fa3;color:var(--pink-main);left:5%}.heart-2{animation-delay:2s;color:#fb6f92;color:var(--pink-rich);left:20%}.heart-3{animation-delay:4s;color:#ff758f;color:var(--pink-deep);left:40%}.heart-4{animation-delay:6s;color:#f25c7c;color:var(--rose);left:60%}.heart-5{animation-delay:8s;color:#ff8fa3;color:var(--pink-main);left:75%}.heart-6{animation-delay:10s;color:#fb6f92;color:var(--pink-rich);left:90%}@keyframes float-hearts{0%{bottom:-10%;opacity:0;transform:translateX(0) rotate(0deg) scale(1)}15%{opacity:.8}50%{opacity:.6;transform:translateX(50px) rotate(180deg) scale(1.2)}85%{opacity:.3}to{bottom:110%;opacity:0;transform:translateX(-30px) rotate(1turn) scale(.8)}}.sparkles-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.sparkle{animation:sparkle-twinkle 3s infinite;font-size:1.5rem;position:absolute}.sparkle-1{animation-delay:0s;left:10%;top:15%}.sparkle-2{animation-delay:1s;right:15%;top:25%}.sparkle-3{animation-delay:2s;bottom:30%;left:20%}.sparkle-4{animation-delay:1.5s;right:25%;top:60%}.sparkle-5{animation-delay:.5s;bottom:20%;right:10%}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}.welcome-container{max-width:750px;position:relative;width:100%;z-index:2}.welcome-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffff2,#fff5faf2 50%,#fff0f8f2);border:2px solid #ffb3c14d;border-radius:40px;box-shadow:0 30px 80px #fb6f9240,inset 0 0 0 1px #ffffff80,0 0 60px #ff8fa366;box-shadow:0 30px 80px var(--shadow-medium),0 0 0 1px #ffffff80 inset,0 0 60px var(--glow);overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.welcome-content:before{animation:rotate-glow 20s linear infinite;background:radial-gradient(circle,#ff8fa31a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-header{margin-bottom:3rem;position:relative;z-index:1}.header-decoration{display:flex;gap:1.5rem;justify-content:center;margin:1rem 0}.deco-heart{animation:pulse-heart 2s ease-in-out infinite;color:#fb6f92;color:var(--pink-rich);font-size:2rem}.deco-heart:nth-child(2){animation-delay:.3s;font-size:2.5rem}@keyframes pulse-heart{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.welcome-title{-webkit-text-fill-color:#0000;animation:gentle-float 4s ease-in-out infinite;background:linear-gradient(135deg,#ff758f,#f25c7c 50%,#fb6f92);background:linear-gradient(135deg,var(--pink-deep) 0,var(--rose) 50%,var(--pink-rich) 100%);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;letter-spacing:.02em;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.5rem}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-subtitle{color:#5c3d50;color:var(--text-secondary);font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-elegant);font-size:clamp(1.35rem,4vw,1.9rem);font-style:italic;font-weight:600;line-height:1.55;line-height:var(--leading-normal)}.photo-container{margin:3rem 0;position:relative;z-index:1}.photo-frame{margin:0 auto;max-width:450px;position:relative}.photo-real{border-radius:28px;box-shadow:0 20px 60px #fb6f9240,0 0 0 4px #ffffffb3,0 0 0 8px #ffd6e0;box-shadow:0 20px 60px var(--shadow-medium),0 0 0 4px #ffffffb3,0 0 0 8px var(--pink-soft);overflow:hidden;position:relative;width:100%}.couple-photo{border-radius:24px;display:block;height:auto;transition:transform .5s ease;width:100%}.couple-photo:hover{transform:scale(1.02)}.photo-placeholder{background:linear-gradient(135deg,#ffebf2cc,#ffd5e5cc);border-radius:30px;box-shadow:0 20px 50px #fb6f9226,0 0 0 3px #ffffff80,0 0 0 6px #ffd6e0;box-shadow:0 20px 50px var(--shadow-soft),0 0 0 3px #ffffff80,0 0 0 6px var(--pink-soft);height:350px;overflow:hidden;padding:3rem;position:relative;width:100%}.photo-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;z-index:1}.photo-icon{animation:bounce-icon 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.photo-text{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.7rem;font-weight:600;margin-bottom:1rem}.photo-instruction{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.8}.photo-instruction code{background:#fb6f9226;border-radius:8px;color:#f25c7c;color:var(--rose);font-family:monospace;padding:.3rem .7rem}.photo-border-glow{animation:pulse-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#ff8fa3,#f25c7c,#d8b4e2);background:linear-gradient(135deg,var(--pink-main),var(--rose),var(--lavender));border-radius:35px;bottom:-10px;filter:blur(15px);left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.love-quote{background:linear-gradient(135deg,#ffebf2b3,#f8e8ffb3);border:2px solid #fb6f9233;border-radius:25px;box-shadow:0 10px 30px #fb6f9226;box-shadow:0 10px 30px var(--shadow-soft);margin:3rem 0;padding:2.5rem 3rem;position:relative;z-index:1}.quote-mark{color:#fb6f92;color:var(--pink-rich);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:4rem;opacity:.3;position:absolute}.quote-mark:first-child{left:15px;top:10px}.quote-mark:last-child{bottom:-10px;right:15px;transform:rotate(180deg)}.love-quote p{color:#2d1a24;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:clamp(1.05rem,2.5vw,1.4rem);font-style:italic;font-weight:600;line-height:1.7;line-height:var(--leading-relaxed)}.enter-btn,.love-quote p{position:relative;z-index:1}.enter-btn{align-items:center;background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border:none;border-radius:60px;box-shadow:0 10px 30px #fb6f9240,0 0 20px #ff8fa366;box-shadow:0 10px 30px var(--shadow-medium),0 0 20px var(--glow);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.55rem;font-weight:700;gap:1rem;min-height:50px;min-height:var(--touch-comfort);padding:1.5rem 4rem;transition:all .4s ease}.enter-btn:hover{box-shadow:0 15px 40px #fb6f9259,0 0 40px #ff8fa366;box-shadow:0 15px 40px var(--shadow-strong),0 0 40px var(--glow);transform:translateY(-5px)}.btn-heart{animation:beat-heart 1.5s ease-in-out infinite;font-size:1.8rem}@keyframes beat-heart{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%,40%{transform:scale(1)}}.welcome-footer{margin-top:3rem;position:relative;z-index:1}.love-divider{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.love-divider span{color:#fb6f92;color:var(--pink-rich);font-size:1.5rem}.divider-line{background:linear-gradient(90deg,#0000,#ffd6e0,#0000);background:linear-gradient(90deg,#0000,var(--pink-soft),#0000);height:2px;width:60px}.welcome-date{color:#5c3d50;color:var(--text-secondary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.25rem;font-style:italic;font-weight:600;margin-bottom:.5rem}.welcome-tagline{color:#7d5a6d;color:var(--text-light);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:600}.app{min-height:100vh;padding:2rem;position:relative}.bg-hearts{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-heart{animation:drift 30s ease-in-out infinite;color:#ff8fa30d;font-size:8rem;position:absolute}.bg-heart-1{animation-delay:0s;left:10%;top:10%}.bg-heart-2{animation-delay:10s;right:15%;top:60%}.bg-heart-3{animation-delay:20s;bottom:15%;left:50%}@keyframes drift{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(50px,-50px) rotate(15deg)}}.main-container{margin:0 auto;max-width:1400px;position:relative;z-index:1}.main-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff7,#fff5faf7 50%,#fff0f8f7);border:2px solid #ffb3c133;border-radius:28px;box-shadow:0 12px 45px #fb6f9226,inset 0 0 0 1px #ffffff80;box-shadow:0 12px 45px var(--shadow-soft),0 0 0 1px #ffffff80 inset;margin-bottom:2rem;overflow:hidden;padding:0;position:relative}.header-top-bar{display:flex;justify-content:flex-end;padding:.75rem 1.5rem 0}.logout-btn{background:#0000;border:1.5px solid #ffe5ec;border:1.5px solid var(--pink-light);border-radius:50px;color:#7d5a6d;color:var(--text-light);cursor:pointer;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:700;min-height:44px;min-height:var(--touch-min);padding:.4rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ffe5ec;background:var(--pink-light);border-color:#ffb3c1;border-color:var(--pink-medium);color:#f25c7c;color:var(--rose)}.logout-btn:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.header-brand{padding:.5rem 2rem 1.5rem;text-align:center}.brand-deco{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.brand-deco .deco-heart{animation:pulse-heart 2s ease-in-out infinite;color:#fb6f92;color:var(--pink-rich);font-size:1.25rem}.brand-deco .deco-heart:nth-child(3){animation-delay:.3s;font-size:1.4rem}.brand-deco .deco-line{background:linear-gradient(90deg,#0000,#ffd6e0,#0000);background:linear-gradient(90deg,#0000,var(--pink-soft),#0000);height:2px;width:40px}.system-title{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.3rem}.system-tagline{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-style:italic;font-weight:600;line-height:1.55;line-height:var(--leading-normal)}.motivation-banner{background:linear-gradient(135deg,#ffe6f080,#f8e8ff80);border-top:1px solid #ffb3c126;cursor:pointer;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:background .3s ease}.motivation-banner:hover{background:linear-gradient(135deg,#ffe1eeb3,#f8e4ffb3)}.banner-glow{animation:shimmer 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes shimmer{0%{left:-50%}to{left:150%}}.motivation-inner{align-items:center;display:flex;gap:1rem;justify-content:center;position:relative;transition:opacity .5s ease,transform .5s ease;z-index:1}.motivation-inner.fading{opacity:0;transform:translateY(8px)}.banner-icon{animation:pulse-heart 2s ease-in-out infinite;flex-shrink:0;font-size:1.5rem}.motivation-text{color:#2d1a24;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.175rem;font-size:var(--text-lg);font-style:italic;font-weight:700;line-height:1.7;line-height:var(--leading-relaxed);text-align:center}.banner-timer-bar{animation:timer-fill 30s linear infinite;background:linear-gradient(90deg,#ff8fa3,#f25c7c,#d8b4e2);background:linear-gradient(90deg,var(--pink-main),var(--rose),var(--lavender));border-radius:0 2px 2px 0;bottom:0;height:3px;left:0;position:absolute}@keyframes timer-fill{0%{width:0}to{width:100%}}.content-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:320px 1fr;margin-bottom:2rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5faf2);border:2px solid #ffb3c133;border-radius:20px;box-shadow:0 8px 30px #fb6f9226;box-shadow:0 8px 30px var(--shadow-soft);padding:1.8rem}.sidebar-title{align-items:center;color:#2d1a24;color:var(--text-primary);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.35rem;font-size:var(--text-xl);font-weight:700;gap:.8rem;line-height:1.3;line-height:var(--leading-tight);margin-bottom:1.2rem}.sidebar-icon{font-size:1.5rem}.view-selector{display:flex;flex-direction:column;gap:.8rem}.view-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);border-radius:12px;color:#2d1a24;color:var(--text-primary);cursor:pointer;display:flex;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:700;gap:.8rem;min-height:50px;min-height:var(--touch-comfort);padding:.9rem 1.25rem;text-align:left;transition:all .3s ease}.view-btn:hover{background:#ffb3c11a;border-color:#ffb3c1;border-color:var(--pink-medium);transform:translateX(5px)}.view-btn.active{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border-color:#f25c7c;border-color:var(--rose);box-shadow:0 6px 20px #fb6f9226;box-shadow:0 6px 20px var(--shadow-soft);color:#fff;color:var(--white)}.view-icon{font-size:1.3rem}.progress-card{text-align:center}.progress-info{margin-bottom:1.5rem}.progress-numbers{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.completed-num{color:#f25c7c;color:var(--rose);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:3rem;font-weight:700}.progress-divider{color:#7d5a6d;color:var(--text-light);font-size:2rem}.total-num{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2.5rem;font-weight:600}.progress-label,.total-num{color:#5c3d50;color:var(--text-secondary)}.progress-label{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:700}.circular-progress{height:120px;margin:0 auto;position:relative;width:120px}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{fill:none;stroke:#ffe5ec;stroke:var(--pink-light);stroke-width:8}.progress-ring-circle{fill:none;stroke:url(#progress-gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-percentage{color:#f25c7c;color:var(--rose);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.streak-card{background:linear-gradient(135deg,#ffc89633,#ffebf2e6);border:2px solid #fb6f924d}.streak-value{margin-bottom:.75rem;text-align:center}.streak-number{color:#f25c7c;color:var(--rose);display:block;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2.5rem;font-weight:700}.streak-label{color:#5c3d50;color:var(--text-secondary);font-size:.975rem;font-size:var(--text-sm);font-weight:700}.streak-label,.streak-note{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body)}.streak-note{color:#7d5a6d;color:var(--text-light);font-size:.85rem;font-size:var(--text-xs);font-style:italic;font-weight:600;line-height:1.5;text-align:center}.love-card{background:linear-gradient(135deg,#ffebf2e6,#f8e8ffe6);border:2px solid #fb6f924d}.love-card-content{text-align:center}.love-icon{animation:pulse-heart 2s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1rem}.love-note{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.love-signature{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-style:italic;font-weight:600}.main-content{display:flex;flex-direction:column;gap:1.5rem}.date-nav-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5faf2);border:2px solid #ffb3c133;border-radius:20px;box-shadow:0 8px 30px #fb6f9226;box-shadow:0 8px 30px var(--shadow-soft);gap:.75rem;justify-content:space-between;padding:1.5rem 2rem}.date-nav-btn,.date-nav-card{align-items:center;display:flex}.date-nav-btn{background:#fff;background:var(--white);border:2px solid #ffb3c1;border:2px solid var(--pink-medium);border-radius:50%;color:#f25c7c;color:var(--rose);cursor:pointer;flex-shrink:0;font-size:1.5rem;font-weight:700;height:52px;justify-content:center;min-height:50px;min-height:var(--touch-comfort);min-width:50px;min-width:var(--touch-comfort);padding:0;transition:all .3s ease;width:52px}.date-nav-btn:hover{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border-color:#f25c7c;border-color:var(--rose);color:#fff;color:var(--white);transform:scale(1.1)}.date-nav-btn:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.date-display{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem;justify-content:center;min-width:0;text-align:center}.date-icon{flex-shrink:0;font-size:1.8rem}.current-period{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.8rem);font-weight:700;line-height:1.3;line-height:var(--leading-tight);word-break:break-word}.today-btn{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border:none;border-radius:50px;box-shadow:0 4px 12px #fb6f9226;box-shadow:0 4px 12px var(--shadow-soft);color:#fff;color:var(--white);cursor:pointer;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:700;min-height:44px;min-height:var(--touch-min);padding:.55rem 1.1rem;transition:all .3s ease;white-space:nowrap}.today-btn:hover{box-shadow:0 6px 18px #fb6f9240;box-shadow:0 6px 18px var(--shadow-medium);transform:translateY(-2px)}.add-task-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5faf2);border:2px solid #ffb3c133;border-radius:20px;box-shadow:0 8px 30px #fb6f9226;box-shadow:0 8px 30px var(--shadow-soft);padding:2rem}.add-task-trigger{align-items:center;background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border:none;border-radius:15px;box-shadow:0 8px 25px #fb6f9226;box-shadow:0 8px 25px var(--shadow-soft);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.25rem;font-weight:700;gap:1rem;justify-content:center;min-height:50px;min-height:var(--touch-comfort);padding:1.2rem 2rem;transition:all .3s ease;width:100%}.add-task-trigger:hover{box-shadow:0 12px 35px #fb6f9240;box-shadow:0 12px 35px var(--shadow-medium);transform:translateY(-3px)}.add-task-trigger:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.add-icon{font-size:1.5rem}.task-form{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-title{align-items:center;color:#2d1a24;color:var(--text-primary);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.65rem;font-size:var(--text-2xl);font-weight:700;gap:.8rem;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.4rem}.form-icon{font-size:1.75rem}.form-hint{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:600;line-height:1.7;line-height:var(--leading-relaxed);margin-bottom:1.25rem}.form-group{margin-bottom:1.2rem}.form-label{color:#5c3d50;color:var(--text-secondary);display:block;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;margin-bottom:.5rem}.required-dot{color:#f25c7c;color:var(--rose)}.form-error{color:#b91c1c;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.9rem;font-weight:700;margin-top:.4rem}.form-error-submit{background:#b91c1c14;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.form-input.input-error,.form-select.input-error,.form-textarea.input-error{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c26}.form-success-toast{align-items:center;animation:toast-in .3s ease;background:linear-gradient(135deg,#22c55e26,#22c55e40);border:2px solid #22c55e66;border-radius:12px;color:#15803d;display:flex;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:700;gap:.75rem;justify-content:center;line-height:1.4;margin-bottom:1.25rem;padding:1rem 1.5rem}.toast-icon{font-size:1.4rem}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-input,.form-select,.form-textarea{background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);border-radius:12px;color:#2d1a24;color:var(--text-primary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.55;line-height:var(--leading-normal);min-height:50px;min-height:var(--touch-comfort);padding:.875rem 1.125rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:#7d5a6d;color:var(--text-light);font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ff8fa3;border-color:var(--pink-main);box-shadow:0 0 0 3px #fb6f921a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.15rem;font-weight:700;gap:.5rem;justify-content:center;min-height:50px;min-height:var(--touch-comfort);padding:1rem 1.5rem;transition:all .3s ease}.btn-submit{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);box-shadow:0 6px 20px #fb6f9226;box-shadow:0 6px 20px var(--shadow-soft);color:#fff;color:var(--white)}.btn-submit:hover{box-shadow:0 8px 25px #fb6f9240;box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-3px)}.btn-cancel:focus-visible,.btn-submit:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.btn-cancel{background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);color:#5c3d50;color:var(--text-secondary)}.btn-cancel:hover{background:#ffe5ec;background:var(--pink-light);color:#2d1a24;color:var(--text-primary)}.tasks-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5faf2);border:2px solid #ffb3c133;border-radius:20px;box-shadow:0 8px 30px #fb6f9226;box-shadow:0 8px 30px var(--shadow-soft);min-height:300px;padding:2rem}.tasks-error,.tasks-loading{padding:4rem 2rem;text-align:center}.tasks-error-text,.tasks-loading p{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.175rem;font-size:var(--text-lg);font-weight:600;line-height:1.7;line-height:var(--leading-relaxed);margin-bottom:1rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffe5ec;border-top-color:#f25c7c;border:3px solid var(--pink-light);border-radius:50%;border-top-color:var(--rose);display:inline-block;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.tasks-error-text{color:#b91c1c;font-weight:700}.tasks-retry-btn{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);border:none;border-radius:12px;color:#fff;color:var(--white);cursor:pointer;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:700;min-height:50px;min-height:var(--touch-comfort);padding:.75rem 1.5rem;transition:all .3s ease}.tasks-retry-btn:hover{box-shadow:0 6px 20px #fb6f9226;box-shadow:0 6px 20px var(--shadow-soft);transform:translateY(-2px)}.empty-state{padding:4rem 2rem;text-align:center}.empty-icon{animation:gentle-float 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.empty-title{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.65rem;font-size:var(--text-2xl);font-weight:700;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.8rem}.empty-text{color:#5c3d50;color:var(--text-secondary);font-size:1.05rem;font-size:var(--text-base);line-height:1.7;line-height:var(--leading-relaxed);margin-bottom:.75rem}.empty-hint,.empty-text{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-weight:600}.empty-hint{color:#7d5a6d;color:var(--text-light);font-size:.975rem;font-size:var(--text-sm);font-style:italic;line-height:1.55;line-height:var(--leading-normal)}.tasks-grid{grid-gap:1.2rem;display:grid;gap:1.2rem}.task-card{background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.task-card:before{background:linear-gradient(135deg,#ff8fa3,#f25c7c);background:linear-gradient(135deg,var(--pink-main) 0,var(--rose) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:5px}.task-card:hover{border-color:#ff8fa3;border-color:var(--pink-main);box-shadow:0 8px 25px #fb6f9226;box-shadow:0 8px 25px var(--shadow-soft);transform:translateY(-3px)}.task-card:hover:before{opacity:1}.task-card.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7 50%,#d1fae5);border-color:#22c55e59}.task-card.completed:before{background:linear-gradient(135deg,#22c55e,#16a34a);opacity:1}.task-card.completed:hover{border-color:#22c55e80;box-shadow:0 8px 25px #22c55e26}.task-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.task-main-info{flex:1 1;min-width:0}.task-name{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.35rem;font-size:var(--text-xl);font-weight:700;line-height:1.3;line-height:var(--leading-tight);margin-bottom:.75rem;word-break:break-word}.task-card.completed .task-name{color:#15803d;text-decoration:line-through}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .6rem}.task-subject-tag{background:linear-gradient(135deg,#ffe5ec,#f8e8ff80);background:linear-gradient(135deg,var(--pink-light) 0,#f8e8ff80 100%);color:#2d1a24;color:var(--text-primary);display:inline-block;padding:.3rem .8rem}.task-duration-tag,.task-subject-tag{border-radius:8px;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:700;line-height:1.35}.task-duration-tag{align-items:center;color:#5c3d50;color:var(--text-secondary);display:inline-flex;padding:.3rem .75rem}.task-type-tag{background:#f8e8ffb3}.task-duration-tag{background:#fff3cd99}.task-date-tag{align-items:center;background:#ffb3c126;border-radius:8px;color:#5c3d50;color:var(--text-secondary);display:inline-flex;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:700;gap:.35rem;line-height:1.35;padding:.3rem .8rem}.task-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.task-delete,.task-edit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;height:42px;justify-content:center;line-height:1;min-height:42px;min-width:42px;padding:0;transition:all .3s ease;width:42px}.task-edit{background:#f8e8ff99;color:#5c3d50;color:var(--text-secondary);font-size:1.2rem}.task-edit:hover{background:#d8b4e2;background:var(--lavender);color:#2d1a24;color:var(--text-primary);transform:scale(1.05)}.task-delete:focus-visible,.task-edit:focus-visible{outline:2px solid #f25c7c;outline:2px solid var(--rose);outline-offset:2px}.edit-icon{font-size:1.1rem}.task-delete{background:#ffb3c133;color:#f25c7c;color:var(--rose);font-size:2rem}.task-delete:hover{background:#f25c7c;background:var(--rose);color:#fff;color:var(--white);transform:scale(1.1)}.task-notes{background:#ffebf266;border-left:3px solid #ff8fa3;border-left:3px solid var(--pink-main);border-radius:10px;display:flex;gap:.8rem;margin-top:1rem;padding:.875rem 1rem}.notes-icon{color:#f25c7c;color:var(--rose);flex-shrink:0;font-size:1.1rem;margin-top:2px}.task-notes p{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-weight:600;line-height:1.7;line-height:var(--leading-relaxed)}.task-footer{margin-top:1rem}.task-complete-btn{align-items:center;background:#fff;background:var(--white);border:2px solid #ffb3c1;border:2px solid var(--pink-medium);border-radius:12px;color:#2d1a24;color:var(--text-primary);cursor:pointer;display:flex;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:700;gap:.6rem;justify-content:center;min-height:50px;min-height:var(--touch-comfort);padding:.85rem 1.5rem;transition:all .3s ease;width:100%}.task-complete-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 4px 15px #22c55e33;color:#15803d;transform:translateY(-2px)}.task-complete-btn:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.task-complete-btn.is-completed{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 4px 15px #22c55e40;color:#fff;color:var(--white)}.task-complete-btn.is-completed:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e4d;transform:translateY(-2px)}.complete-btn-icon{font-size:1.2rem}.delete-confirm-overlay{align-items:center;animation:overlay-in .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#4a2c3c66;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:100}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.delete-confirm-card{animation:modal-in .25s ease;background:linear-gradient(135deg,#fffffffa,#fff5fafa);border:2px solid #ffb3c14d;border-radius:20px;box-shadow:0 25px 60px #fb6f9259,inset 0 0 0 1px #ffffff80;box-shadow:0 25px 60px var(--shadow-strong),0 0 0 1px #ffffff80 inset;max-width:400px;padding:2rem;width:100%}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-confirm-title{align-items:center;color:#2d1a24;color:var(--text-primary);display:flex;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.delete-confirm-icon{font-size:1.5rem}.delete-confirm-text{color:#5c3d50;color:var(--text-secondary);font-size:1.05rem;font-size:var(--text-base);font-weight:600;line-height:1.55;line-height:var(--leading-normal);margin-bottom:.75rem}.delete-confirm-task-name,.delete-confirm-text{font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body)}.delete-confirm-task-name{background:#ffb3c126;border-left:3px solid #f25c7c;border-left:3px solid var(--rose);border-radius:10px;color:#f25c7c;color:var(--rose);font-size:.975rem;font-size:var(--text-sm);font-weight:700;margin-bottom:1.5rem;padding:.75rem 1rem}.delete-confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.delete-confirm-cancel,.delete-confirm-delete{border-radius:12px;cursor:pointer;font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:1.05rem;font-size:var(--text-base);font-weight:700;min-height:44px;min-height:var(--touch-min);padding:.75rem 1.5rem;transition:all .3s ease}.delete-confirm-cancel{background:#fff;background:var(--white);border:2px solid #ffe5ec;border:2px solid var(--pink-light);color:#5c3d50;color:var(--text-secondary)}.delete-confirm-cancel:hover{background:#ffe5ec;background:var(--pink-light);color:#2d1a24;color:var(--text-primary)}.delete-confirm-delete{background:linear-gradient(135deg,#b91c1c,#991b1b);border:none;color:#fff;color:var(--white)}.delete-confirm-delete:hover{filter:brightness(1.1);transform:translateY(-2px)}.main-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fff5faf2);border:2px solid #ffb3c133;border-radius:20px;box-shadow:0 8px 30px #fb6f9226;box-shadow:0 8px 30px var(--shadow-soft);padding:2rem;text-align:center}.footer-content{margin:0 auto;max-width:600px}.footer-hearts{display:flex;font-size:2rem;gap:1rem;justify-content:center;margin-bottom:1rem}.footer-hearts span{animation:pulse-heart 2s ease-in-out infinite}.footer-hearts span:nth-child(2){animation-delay:.3s}.footer-text{color:#2d1a24;color:var(--text-primary);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.175rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem}.footer-date{color:#5c3d50;color:var(--text-secondary);font-family:Nunito,Segoe UI,system-ui,sans-serif;font-family:var(--font-body);font-size:.975rem;font-size:var(--text-sm);font-style:italic;font-weight:600}@media (max-width:1200px){.content-wrapper{gap:1.75rem;grid-template-columns:290px 1fr}}@media (max-width:1024px){.app{padding:1.5rem}.content-wrapper{gap:1.5rem;grid-template-columns:1fr}.sidebar{-webkit-overflow-scrolling:touch;flex-direction:row;gap:1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.75rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.sidebar::-webkit-scrollbar{height:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffb3c1;background:var(--pink-medium);border-radius:4px}.sidebar-card{flex-shrink:0;max-width:300px;min-width:270px;padding:1.75rem;scroll-snap-align:start}.sidebar-title{font-size:1.3rem}.view-selector{flex-direction:row;flex-wrap:wrap;gap:.75rem}.view-btn{flex:1 1;font-size:1rem;min-height:52px;min-width:90px;padding:.875rem 1rem}.system-title{font-size:1.9rem}.system-tagline{font-size:.95rem}.motivation-text{font-size:1.15rem;line-height:1.6}.current-period{font-size:1.45rem}.date-nav-card{padding:1.25rem 1.75rem}.date-nav-btn{font-size:1.5rem;height:52px;min-height:52px;min-width:52px;width:52px}.add-task-card{padding:1.75rem}.add-task-trigger{font-size:1.2rem;padding:1.1rem 1.75rem}.form-input,.form-select,.form-textarea{font-size:1rem}.tasks-section{padding:1.75rem}.task-card{padding:1.5rem}.task-name{font-size:1.3rem}.task-delete,.task-edit{height:48px;min-height:48px;min-width:48px;width:48px}.progress-label,.streak-label{font-size:.9rem}.love-note{font-size:1.2rem}}@media (max-width:820px){.app{padding:1.25rem}.sidebar-card{min-width:250px;padding:1.6rem}.system-title{font-size:1.75rem}.current-period{font-size:1.3rem}.form-row-3{grid-template-columns:1fr 1fr}}@media (max-width:768px){.app{padding:.875rem .875rem max(.875rem,env(safe-area-inset-bottom))}.main-header{border-radius:20px;margin-bottom:1.25rem}.header-brand{padding:.25rem 1.25rem 1rem}.system-title{font-size:1.55rem}.system-tagline{font-size:.875rem}.motivation-banner{padding:1rem 1.25rem}.motivation-text{font-size:1rem;font-weight:700;line-height:1.6}.motivation-inner{gap:.6rem}.banner-icon{font-size:1.2rem}.logout-btn{font-size:.825rem;min-height:44px;min-height:var(--touch-min);padding:.5rem 1rem}.login-page{min-height:100dvh;padding:1.25rem}.login-card{border-radius:24px;padding:2rem 1.5rem}.login-title{font-size:2.4rem}.login-subtitle{font-size:1.3rem}.login-form .form-input{font-size:1rem}.login-btn{font-size:1.2rem}.welcome-page{min-height:100dvh;padding:1rem}.welcome-content{border-radius:25px;padding:2rem 1.5rem}.welcome-title{font-size:2.4rem}.welcome-subtitle{font-size:1.35rem}.photo-placeholder{height:220px;padding:1.5rem}.photo-text{font-size:1.35rem}.photo-instruction{font-size:.95rem}.love-quote{margin:2rem 0;padding:1.5rem 1.75rem}.love-quote p{font-size:1.05rem}.enter-btn{font-size:1.25rem;padding:1.2rem 2rem}.sidebar{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.sidebar-card{max-width:none;min-width:100%;padding:1.5rem}.sidebar-title{font-size:1.2rem}.view-selector{flex-direction:column;gap:.6rem}.view-btn{font-size:.95rem;justify-content:center;min-height:50px;min-height:var(--touch-comfort);padding:.75rem 1rem;width:100%}.view-btn:hover{transform:none}.date-nav-card{gap:.5rem;padding:1rem 1.1rem}.date-nav-btn{font-size:1.35rem;height:50px;height:var(--touch-comfort);min-height:50px;min-height:var(--touch-comfort);min-width:50px;min-width:var(--touch-comfort);width:50px;width:var(--touch-comfort)}.current-period{font-size:1.1rem}.date-icon{font-size:1.4rem}.today-btn{font-size:.875rem;padding:.5rem .9rem}.add-task-card{padding:1.25rem}.add-task-trigger{font-size:1.1rem;padding:1rem 1.25rem}.form-title{font-size:1.45rem}.form-hint,.form-label{font-size:.875rem}.form-input,.form-select,.form-textarea{font-size:.975rem}.form-row,.form-row.form-row-3{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-submit{font-size:1.1rem}.tasks-section{min-height:200px;padding:1.25rem}.empty-state{padding:2.5rem 1.25rem}.empty-icon{font-size:3.5rem}.empty-title{font-size:1.35rem}.empty-text{font-size:.975rem}.empty-hint{font-size:.9rem}.task-card{padding:1.1rem 1.25rem}.task-delete,.task-edit{height:50px;height:var(--touch-comfort);min-height:50px;min-height:var(--touch-comfort);min-width:50px;min-width:var(--touch-comfort);width:50px;width:var(--touch-comfort)}.task-complete-btn{font-size:.975rem}.task-name{font-size:1.15rem}.task-meta{gap:.4rem .45rem}.task-date-tag,.task-duration-tag,.task-subject-tag,.task-type-tag{font-size:.8rem;padding:.25rem .6rem}.task-priority-badge{font-size:.75rem;padding:.25rem .55rem}.task-notes p{font-size:.9rem}.delete-confirm-card{margin:.75rem;padding:1.5rem}.delete-confirm-title{font-size:1.3rem}.delete-confirm-text{font-size:.95rem}.delete-confirm-cancel,.delete-confirm-delete{font-size:.975rem;padding:.75rem 1.25rem}.main-footer{border-radius:18px;padding:1.5rem}.footer-text{font-size:1.1rem}.footer-date{font-size:.875rem}}@media (max-width:480px){.app{padding:.75rem}.system-title{font-size:1.35rem}.brand-deco .deco-line{width:20px}.sidebar-card{padding:1.25rem}.sidebar-title{font-size:1.1rem;margin-bottom:1rem}.view-selector{gap:.5rem}.view-btn{font-size:.9rem;min-height:48px}.current-period{font-size:1rem}.date-icon{font-size:1.2rem}.tasks-grid{gap:.875rem}.task-card{padding:1rem 1.1rem}.task-name{font-size:1.1rem}.empty-title{font-size:1.25rem}.welcome-title{font-size:2.1rem}.welcome-subtitle{font-size:1.2rem}.photo-placeholder{height:190px;padding:1rem}.photo-icon{font-size:3rem}.love-quote p{font-size:1rem}.login-title{font-size:2.1rem}.form-actions{gap:.6rem}.delete-confirm-actions{flex-direction:column}.delete-confirm-cancel,.delete-confirm-delete{display:flex;justify-content:center;width:100%}}@media (max-height:500px) and (orientation:landscape){.welcome-content{padding:1.5rem 2rem}.photo-container{margin:1.5rem 0}.photo-placeholder{height:150px}.love-quote{margin:1.25rem 0;padding:1rem 1.5rem}.header-brand{padding:.25rem 1.5rem .75rem}}
/*# sourceMappingURL=main.c1bf151f.css.map*/