:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--green: #22c55e;--green-dim: #16a34a;--teal: #14b8a6;--blue: #3b82f6;--amber: #f59e0b;--pink: #ec4899;--purple: #8b5cf6;--bg: #0c1117;--bg-card: #161b22;--bg-card-hover: #1c2333;--border: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .15);--text: #e6edf3;--text-dim: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .35);--radius: .75rem;--radius-lg: 1rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex;justify-content:center;padding:1.5rem}.home-content,.screen{width:100%;max-width:28rem}.app-header{text-align:center;margin-bottom:2rem;padding-top:1rem}.logo-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.logo-icon{font-size:1.75rem}.app-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--green),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{margin:0;color:var(--text-dim);font-size:.9rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem .75rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.stat-streak{border-color:#f59e0b33;background:#f59e0b0d}.stat-value{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.progress-section{margin-bottom:1.75rem}.progress-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-dim);margin-bottom:.5rem}.progress-bar-track{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--teal));border-radius:3px;transition:width .6s cubic-bezier(.22,1,.36,1)}.section-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.01em}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-header-row .section-title{margin-bottom:0}.sub-text{color:var(--text-dim);font-size:.85rem;margin:0 0 1.25rem}.empty-text{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem;background:var(--bg-card);border:1px dashed var(--border-bright);border-radius:var(--radius)}.challenges-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.challenge-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;cursor:pointer;transition:all .15s ease;font-family:inherit;color:var(--text);text-align:left;width:100%}.challenge-card:hover{background:var(--bg-card-hover);border-color:var(--border-bright);transform:translateY(-1px)}.challenge-done{opacity:.6}.challenge-card-left{display:flex;align-items:center;gap:.75rem}.challenge-card-emoji{font-size:1.5rem}.challenge-card-title{font-weight:600;font-size:.9rem}.challenge-card-type{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.challenge-card-right{display:flex;align-items:center}.challenge-card-points{font-size:.8rem;font-weight:600;color:var(--green);background:#22c55e1a;padding:.2rem .5rem;border-radius:.25rem}.done-check{font-size:1.1rem}.btn{font-family:inherit;font-size:.85rem;font-weight:600;border:none;border-radius:var(--radius);padding:.6rem 1.2rem;cursor:pointer;transition:all .15s ease}.btn-primary{background:linear-gradient(135deg,var(--green),var(--teal));color:#000}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-dim);padding:.4rem .6rem}.btn-ghost:hover{color:var(--text)}.btn-sm{font-size:.75rem;padding:.3rem .5rem}.back-btn{margin-bottom:1rem}.challenge-screen{padding-top:1rem}.challenge-header{margin-bottom:1.5rem}.challenge-type-badge{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);background:#14b8a61a;border:1px solid rgba(20,184,166,.2);padding:.2rem .6rem;border-radius:.25rem;margin-bottom:.5rem;text-transform:capitalize}.challenge-header h2{margin:0 0 .25rem;font-size:1.4rem;font-weight:700}.points-badge{font-size:.75rem;font-weight:600;color:var(--amber)}.challenge-body{display:flex;flex-direction:column;gap:1rem}.challenge-prompt{margin:0;font-size:1rem;color:var(--text);line-height:1.6;background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid var(--border)}.input-row{display:flex;gap:.5rem}.text-input{flex:1;font-family:inherit;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);padding:.6rem .8rem;color:var(--text);outline:none;transition:border-color .15s}.text-input:focus{border-color:var(--green)}.text-input::placeholder{color:var(--text-muted)}.hint-text{margin:0;font-size:.85rem;color:var(--amber);font-style:italic}.result-correct{margin:0;color:var(--green);font-weight:600;font-size:.9rem}.result-wrong{margin:0;color:#ef4444;font-size:.9rem}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.option-btn{font-family:inherit;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius);padding:.75rem;color:var(--text);cursor:pointer;transition:all .15s ease;text-align:center}.option-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--green)}.option-correct{background:#22c55e26!important;border-color:var(--green)!important;color:var(--green)!important}.option-wrong{background:#ef444426!important;border-color:#ef4444!important;color:#ef4444!important}.scrambled-word{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700;letter-spacing:.3em;text-align:center;color:var(--amber);background:var(--bg-card);padding:1rem;border-radius:var(--radius);border:1px solid rgba(245,158,11,.2)}.breathing-body{align-items:center;text-align:center}.breath-counter{font-size:.85rem;color:var(--text-dim)}.breath-circle-wrap{display:flex;justify-content:center;align-items:center;height:200px}.breath-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#22c55e33,#14b8a633);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--green);transition:transform .3s ease-out}.gratitude-list{display:flex;flex-direction:column;gap:.5rem}.gratitude-input{font-size:.95rem;padding:.75rem .8rem}.already-done{text-align:center;padding:2rem 0}.done-emoji{font-size:3rem;display:block;margin-bottom:1rem}.badges-screen{padding-top:1rem}.badges-screen h2{margin:0 0 .25rem;font-size:1.4rem}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.badge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.badge-unlocked{border-color:#22c55e4d;background:#22c55e0d}.badge-locked{opacity:.5}.badge-emoji{font-size:2rem}.badge-name{font-size:.8rem;font-weight:600}.badge-desc{font-size:.65rem;color:var(--text-muted)}.badges-preview-section{margin-bottom:2rem}.badges-preview-row{display:flex;gap:.75rem}.badge-preview-item{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.badge-emoji-lg{font-size:1.5rem}.badge-preview-name{font-size:.65rem;font-weight:600;color:var(--text-dim)}.badge-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--green);border-radius:var(--radius-lg);padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;z-index:100;cursor:pointer;animation:slideDown .4s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 30px #0006}.badge-toast-emoji{font-size:1.75rem}.badge-toast-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:600}.badge-toast-name{font-size:.95rem;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confettiFall 1.8s cubic-bezier(.22,1,.36,1) forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.5)}}