@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Comic+Neue:wght@400;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;font-family:Fredoka,Comic Neue,sans-serif}body{background:linear-gradient(135deg,#fff5f7,#f0f9ff,#fdf4ff);color:#4a5568}}@layer components{.app-container{min-height:100vh;padding:.75rem;max-width:1400px;margin:0 auto}@media (min-width: 1024px){.app-container{padding:1rem}}.landscape-grid{display:grid;grid-template-columns:repeat(3,320px);gap:.75rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;justify-content:start}@media (min-width: 1024px){.landscape-grid{grid-template-columns:repeat(3,1fr);gap:1rem;overflow-x:visible;justify-content:center}}.main-title{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:.05em}@media (min-width: 768px){.main-title{font-size:2.5rem;margin-bottom:1.5rem}}.title-letter{display:inline-block;animation:bounce 2s ease-in-out infinite}.title-letter:nth-child(1){color:#f472b6;animation-delay:0s}.title-letter:nth-child(2){color:#fbbf24;animation-delay:.1s}.title-letter:nth-child(3){color:#a78bfa;animation-delay:.2s}.title-letter:nth-child(4){color:#60a5fa;animation-delay:.3s}.title-letter:nth-child(5){color:#34d399;animation-delay:.4s}.title-letter:nth-child(6){color:#f472b6;animation-delay:.5s}.title-letter:nth-child(7){color:#fbbf24;animation-delay:.6s}.title-letter:nth-child(8){color:#a78bfa;animation-delay:.7s}.title-letter:nth-child(9){color:#60a5fa;animation-delay:.8s}.title-letter:nth-child(10){color:#34d399;animation-delay:.9s}.title-letter:nth-child(11){color:#f472b6;animation-delay:1s}.title-letter:nth-child(12){color:#fbbf24;animation-delay:1.1s}.title-letter:nth-child(13){color:#a78bfa;animation-delay:1.2s}.title-letter:nth-child(14){color:#60a5fa;animation-delay:1.3s}.title-letter:nth-child(15){color:#34d399;animation-delay:1.4s}.title-letter:nth-child(16){color:#f472b6;animation-delay:1.5s}.title-letter:nth-child(17){color:#fbbf24;animation-delay:1.6s}.title-letter:nth-child(18){color:#a78bfa;animation-delay:1.7s}.routine-section{background:#fff;border:3px dotted #e879f9;border-radius:16px;padding:.75rem;box-shadow:0 8px 32px #e879f926;display:flex;flex-direction:column;min-width:320px;max-width:320px}@media (min-width: 1024px){.routine-section{padding:1.25rem;min-height:calc(100vh - 200px);min-width:auto;max-width:none;border-radius:20px}}.section-header{text-align:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px dashed #e5e7eb}.section-icon{font-size:2rem;animation:float 3s ease-in-out infinite;display:block;margin-bottom:0}@media (min-width: 1024px){.section-icon{font-size:3.5rem;margin-bottom:.25rem}}.section-title{font-size:1rem;font-weight:700;color:#374151}@media (min-width: 1024px){.section-title{font-size:1.5rem}}.days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.5rem}@media (min-width: 1024px){.days-header{gap:.375rem;margin-bottom:.75rem}}.day-box{padding:.25rem .125rem;border-radius:4px;text-align:center;font-weight:700;font-size:.6rem;color:#fff;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 50%,calc(100% - 4px) 100%,0 100%)}@media (min-width: 1024px){.day-box{padding:.5rem .25rem;font-size:.75rem;border-radius:6px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%)}}.day-box:nth-child(1){background:#f472b6}.day-box:nth-child(2){background:#fbbf24}.day-box:nth-child(3){background:#a78bfa}.day-box:nth-child(4){background:#60a5fa}.day-box:nth-child(5){background:#34d399}.day-box:nth-child(6){background:#fb923c}.day-box:nth-child(7){background:#f87171}.activity-row{display:grid;grid-template-columns:1fr repeat(7,1fr);gap:.2rem;margin-bottom:.375rem;align-items:center}@media (min-width: 1024px){.activity-row{gap:.375rem;margin-bottom:.5rem}}.activity-name{padding:.25rem .375rem;font-size:.7rem;font-weight:600;color:#374151;background:#f9fafb;border-radius:6px;line-height:1.2;min-height:32px;display:flex;align-items:center}@media (min-width: 1024px){.activity-name{padding:.5rem;font-size:.8rem;min-height:40px}}.checkbox-circle{width:24px;height:24px;border-radius:50%;border:2px solid #f472b6;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .2s ease;touch-action:manipulation}@media (min-width: 1024px){.checkbox-circle{width:32px;height:32px}}.checkbox-circle:hover{background:#fdf2f8;transform:scale(1.1)}.checkbox-circle:active{transform:scale(.95)}.checkbox-circle.checked{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:#ec4899;animation:checkPop .3s ease}.checkbox-circle.checked:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.routine-section.morning,.routine-section.morning .checkbox-circle{border-color:#fbbf24}.routine-section.morning .checkbox-circle:hover{background:#fef3c7}.routine-section.morning .checkbox-circle.checked{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b}.routine-section.noon,.routine-section.noon .checkbox-circle{border-color:#60a5fa}.routine-section.noon .checkbox-circle:hover{background:#dbeafe}.routine-section.noon .checkbox-circle.checked{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:#3b82f6}.routine-section.evening,.routine-section.evening .checkbox-circle{border-color:#a78bfa}.routine-section.evening .checkbox-circle:hover{background:#ede9fe}.routine-section.evening .checkbox-circle.checked{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#8b5cf6}.section-progress{margin-top:auto;padding:.75rem;background:#fdf2f8;border-radius:12px;display:flex;align-items:center;gap:.75rem}.progress-bar-bg{flex:1;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f472b6,#a78bfa);border-radius:5px;transition:width .5s ease}.progress-text{font-weight:700;color:#ec4899;font-size:.875rem;min-width:35px;text-align:right}.header-bar{background:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px dotted #e879f9;margin:-.75rem -.75rem 1rem;border-radius:0 0 16px 16px}@media (min-width: 1024px){.header-bar{margin:-1rem -1rem 1rem;padding:1rem 1.5rem}}.logout-btn{padding:.5rem .875rem;border-radius:8px;border:2px dotted #e879f9;background:#fff;color:#ec4899;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.875rem;display:flex;align-items:center;gap:.25rem}.logout-btn:hover{background:#fdf2f8}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#fff5f7,#f0f9ff,#fdf4ff)}.login-card{background:#fff;border:3px dotted #e879f9;border-radius:24px;padding:2rem;width:100%;max-width:400px;box-shadow:0 8px 32px #e879f933}.login-tabs{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:12px;margin-bottom:1.5rem}.login-tab{flex:1;padding:.75rem;border-radius:10px;border:none;background:transparent;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:inherit}.login-tab.active{background:#fff;color:#ec4899;box-shadow:0 2px 8px #0000001a}.login-input{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;margin-bottom:1rem;transition:all .2s ease}.login-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a}.login-btn{width:100%;padding:1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ec489966}.stats-bar{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.stat-item{background:#fff;border:2px dotted #e879f9;border-radius:12px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:#ec4899}.stat-label{font-size:.75rem;color:#6b7280}.badges-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:20px;padding:.375rem .75rem;display:flex;align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;color:#92400e}.badge.locked{opacity:.5;filter:grayscale(1)}}@layer utilities{@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes checkPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}