:root{--bg-primary:#f3efe6;--bg-secondary:#fff;--bg-card:#faf6ec;--bg-accent:#e2dabf;--color-moss:#525d41;--color-moss-deep:#2b3420;--color-moss-light:#e2e8d8;--color-terracotta:#b85334;--color-terracotta-dark:#8e371c;--color-terracotta-light:#f9e9e3;--color-earth:#4c3b2e;--color-earth-dark:#2c2017;--color-gold:#c49b5a;--color-gold-light:#f7eedc;--color-wood:#825c37;--color-text-primary:#4c3b2e;--color-text-secondary:#6b5747;--color-text-muted:#8f7b6b;--font-heading:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-base:16px;--max-width-app:480px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--min-touch-target:48px;--shadow-soft:0 6px 20px #4c3b2e14;--shadow-card:0 10px 30px #4c3b2e1a;--transition-smooth:all .25s cubic-bezier(.25, .8, .25, 1)}html{font-size:var(--font-size-base);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#e6e0d4;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:inherit}html.font-size-normal{font-size:16px}html.font-size-large{font-size:18px}html.font-size-xlarge{font-size:20px}body{color:var(--color-text-primary);background-color:#e6e0d4;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:0;display:flex}#app{background-color:var(--bg-primary);border:1px solid #fff3;border-radius:44px;flex-direction:column;width:100%;max-width:420px;min-height:880px;margin:20px auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #3d352e2e,0 0 0 12px #26221f}.status-bar-notch{height:48px;color:var(--color-earth-dark);z-index:100;-webkit-user-select:none;user-select:none;background-color:var(--bg-primary);justify-content:space-between;align-items:center;padding:.75rem 1.5rem 0;font-size:.85rem;font-weight:700;display:flex}.dynamic-island{z-index:101;background-color:#000;border-radius:20px;width:110px;height:28px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.status-bar-icons{align-items:center;gap:.4rem;font-size:.8rem;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-earth-dark);margin-top:0;font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.45rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{color:var(--color-text-primary);margin-bottom:.85rem;font-size:.92rem}.card-box{background-color:var(--bg-secondary);border:1px solid var(--bg-accent);border-radius:16px;margin-bottom:1.1rem;padding:1.1rem;box-shadow:0 4px 16px #3d352e0a}.card-box-accent{background-color:var(--color-gold-light);border:1px solid var(--color-gold)}.card-box-sage{background-color:var(--color-moss-light);border:1px solid var(--color-moss)}.btn{min-height:44px;font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-sage{background-color:var(--color-moss);color:#fff}.btn-sage:hover{background-color:var(--color-moss-deep)}.btn-terracotta{background-color:var(--color-terracotta);color:#fff;box-shadow:0 4px 14px #c86d5140}.btn-terracotta:hover{background-color:var(--color-terracotta-dark)}.btn-outline{border:1.5px solid var(--color-moss);color:var(--color-moss);background-color:#0000}.btn-block{width:100%}.btn-sm{min-height:36px;padding:.35rem .9rem;font-size:.82rem}.input-control{width:100%;min-height:46px;font-family:var(--font-body);color:var(--color-earth);background-color:var(--bg-secondary);border:1.5px solid var(--bg-accent);border-radius:var(--radius-full);transition:var(--transition-smooth);outline:none;padding:.7rem 1rem;font-size:.92rem}.input-control:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #5b78661f}.hash-chip{border-radius:var(--radius-full);background-color:var(--bg-secondary);color:var(--color-text-secondary);border:1px solid var(--bg-accent);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);align-items:center;padding:.38rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.hash-chip:hover,.hash-chip.active{background-color:var(--color-moss);color:#fff;border-color:var(--color-moss)}.app-content{scrollbar-width:none;flex:1;padding:.5rem 1rem 5.5rem;overflow-y:auto}.app-content::-webkit-scrollbar{display:none}.bottom-nav{background-color:var(--bg-secondary);border-top:1px solid var(--bg-accent);z-index:100;border-bottom-right-radius:44px;border-bottom-left-radius:44px;justify-content:space-around;align-items:center;width:100%;height:64px;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:25%;padding:.3rem;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.nav-item.active{color:var(--color-moss)}.nav-item svg{stroke-width:2px;width:20px;height:20px;transition:var(--transition-smooth)}.nav-item.active svg{stroke:var(--color-moss);transform:translateY(-2px)}.top-user-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.user-greeting{flex-direction:column;display:flex}.user-greeting h1{color:var(--color-earth-dark);margin:0;font-size:1.35rem;line-height:1.25}.streak-badge{background-color:var(--color-gold-light);border:1px solid var(--color-gold);color:var(--color-earth-dark);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.emotions-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-top:.8rem;display:grid}.emotion-circle-item{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.emotion-circle-item:hover{transform:translateY(-2px)}.emotion-icon-bg{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.35rem;font-size:1.4rem;display:flex;box-shadow:0 3px 8px #0000000f}.emotion-circle-item.active .emotion-icon-bg{border-color:var(--color-earth-dark);transform:scale(1.1)}.emotion-label-text{color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.routine-card-item{background-color:var(--bg-primary);border:1px solid var(--bg-accent);border-radius:var(--radius-md);transition:var(--transition-smooth);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding:.9rem 1.1rem;display:flex}.routine-card-item.completed{background-color:var(--color-moss-light);border-color:var(--color-moss)}.routine-info{align-items:center;gap:.75rem;display:flex}.check-icon{border:2px solid var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.routine-card-item.completed .check-icon{background-color:var(--color-moss);border-color:var(--color-moss);color:#fff}.cta-banner-terracotta{background-color:var(--color-terracotta);color:#fff;border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);margin-top:1.25rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 15px #c86d514d}.cta-banner-terracotta:hover{background-color:var(--color-terracotta-dark);transform:translateY(-2px)}.chatbot-dock{background-color:var(--color-moss-light);border:1px solid var(--color-moss);border-radius:var(--radius-md);margin-top:1.5rem;padding:.85rem}.chatbot-dock-header{color:var(--color-moss-deep);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.chatbot-input-row{background-color:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--bg-accent);align-items:center;gap:.5rem;padding:.25rem .5rem .25rem 1rem;display:flex}.chatbot-input-row input{color:var(--color-earth);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.organic-audio-artwork{background-color:var(--color-moss);border-radius:100px 100px 80px 80px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:220px;margin:1.5rem auto;display:flex;position:relative;box-shadow:0 10px 30px #5b786633}.sprout-circle{background-color:#e2eadf;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1rem;display:flex}.breathing-circle-wrapper{justify-content:center;align-items:center;width:220px;height:220px;margin:2rem auto;display:flex;position:relative}.breathing-circle{background-color:var(--color-terracotta);opacity:.85;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;font-size:1.1rem;font-weight:700;animation:8s ease-in-out infinite breathe;display:flex;box-shadow:0 0 40px #c86d514d}@keyframes breathe{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes floatPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.03)}}.pricing-grid-side{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.25rem;display:grid}.pricing-card-box{background-color:var(--bg-secondary);border:2px solid var(--bg-accent);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);padding:1rem}.pricing-card-box.selected{border-color:var(--color-moss);background-color:var(--color-moss-light)}.pricing-card-box.hybrid{border-color:var(--color-wood)}