@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#fafafc;--text-primary:#1c1c1e;--text-secondary:#86868b;--glow-1:#98a2f9;--glow-2:#84d2f6;--glow-3:#f2aed1;--glow-4:#fadf8f;--glass-panel-bg:#fff;--glass-panel-border:#0000000a;--glass-panel-shadow:0 4px 20px #00000008;--glass-panel-hover:#fdfdfd;--glass-edge:#fff0;--logo-text-gradient:linear-gradient(135deg, #4f5573, #8b94bd);--logo-blend:multiply;--blob-opacity:.25;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-pill:9999px;--font-main:"Outfit", sans-serif}[data-theme=dark]{--bg-color:#0a0a0c;--text-primary:#f0f2f8;--text-secondary:#8e94a5;--glow-1:#522b88;--glow-2:#19587b;--glow-3:#75254f;--glow-4:#664b16;--glass-panel-bg:#141416;--glass-panel-border:#ffffff0f;--glass-panel-shadow:0 10px 40px #0009;--glass-panel-hover:#1a1a1d;--glass-edge:#ffffff05;--logo-text-gradient:linear-gradient(135deg, #dfd4fd, #fff);--logo-blend:screen;--blob-opacity:.6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.app-container{flex-direction:column;max-width:1200px;margin:0 auto;padding:2rem 1rem 8rem;display:flex}.glass-panel{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);box-shadow:var(--glass-panel-shadow);border-radius:var(--radius-md);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-edge), transparent);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel.interactive:hover{background:var(--glass-panel-hover);transform:translateY(-4px);box-shadow:0 16px 40px #00000014}[data-theme=dark] .glass-panel.interactive:hover{box-shadow:0 16px 40px #000c}.header,.bottom-nav{background:var(--glass-panel-bg);-webkit-backdrop-filter:blur(16px);background:rgba(var(--glass-panel-bg), .75)}[data-theme=dark] .header,[data-theme=dark] .bottom-nav{background:#141416bf}[data-theme=light] .header,[data-theme=light] .bottom-nav{background:#ffffffbf}.header{border-radius:var(--radius-pill);z-index:50;border:1px solid var(--glass-panel-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem 2rem;display:flex;position:sticky;top:1rem}.logo-area{cursor:pointer;align-items:center;gap:1rem;display:flex}.stats-area{gap:1rem;display:flex}.stat-pill{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);border-radius:var(--radius-pill);align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;display:flex}.page-header{text-align:center;margin-bottom:3rem}.page-title{letter-spacing:-1px;margin-bottom:.5rem;font-size:3rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:1.2rem}.emotion-grid{contain:layout style;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.emotion-card{text-align:center;contain:layout style paint;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2.5rem 1rem;display:flex}.emotion-icon-wrap{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex}.emotion-card:hover .emotion-icon-wrap{transform:scale(1.15)translateY(-5px);box-shadow:0 15px 35px #0000001a}.emotion-label{color:var(--text-primary);font-size:1.25rem;font-weight:700}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.module-card{text-align:left;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.module-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.module-info h3{margin-bottom:.25rem;font-size:1.4rem}.module-info p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.bottom-nav-container{z-index:100;width:calc(100% - 2rem);max-width:500px;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.bottom-nav{border-radius:var(--radius-pill);border:1px solid var(--glass-panel-border);justify-content:space-around;padding:.75rem 2rem;display:flex}.nav-item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.25rem;transition:color .3s;display:flex}.nav-item:hover,.nav-item.active{color:var(--glow-1)}[data-theme=dark] .nav-item:hover,[data-theme=dark] .nav-item.active{color:var(--glow-2)}.nav-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.breathing-container{flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.breathing-circle-wrapper{justify-content:center;align-items:center;width:300px;height:300px;margin-bottom:4rem;display:flex;position:relative}.breathing-circle{background:var(--bg-color);border:4px solid var(--glow-2);z-index:10;width:200px;height:200px;box-shadow:0 0 40px var(--glow-2), inset 0 0 20px var(--glow-2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:box-shadow .3s,transform .3s;display:flex}.breathing-phase{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.breathing-timer{color:var(--text-primary);font-size:3.5rem;font-weight:800}.breathing-cycle{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:1rem;font-size:.8rem;font-weight:700}.btn-primary{background:var(--glow-1);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #0000001a}[data-theme=light] .btn-primary{color:#1a1a1a}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.btn-secondary{color:var(--text-secondary);border:1px solid var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:.75rem 2rem;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.typewriter-text{border-right:2px solid var(--text-primary);padding-right:6px;animation:.75s step-end infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{border-color:#0000}50%{border-color:var(--text-primary)}}@media (width<=768px){.app-container{padding:1rem 1rem 8rem}.header{flex-direction:column;gap:1rem;padding:1rem;position:relative}.emotion-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav-container{width:100%;bottom:0}.bottom-nav{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.5rem}.module-card{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.page-title{font-size:2rem}.emotion-card{padding:1.5rem .5rem}.emotion-icon-wrap{width:56px;height:56px}.breathing-circle-wrapper{width:240px;height:240px}.breathing-circle{width:160px;height:160px}}.float-icon{will-change:transform;animation:3s ease-in-out infinite floatEmoji;display:inline-block;transform:translateZ(0)}@keyframes floatEmoji{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}.fluid-logo-1{animation:8s ease-in-out infinite morph1;transform:translateZ(0)}.fluid-logo-2{animation:9s ease-in-out infinite morph2;transform:translateZ(0)}.fluid-logo-3{animation:10s ease-in-out infinite morph3;transform:translateZ(0)}@keyframes morph1{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}33%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}66%{border-radius:40% 60% 70% 30%/40% 50% 60%}}@keyframes morph2{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{border-radius:40% 60% 70% 30%/40% 50% 60%}66%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph3{0%,to{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}50%{border-radius:80% 20% 50% 50%/75% 20% 80% 25%}}.bg-container{width:100vw;height:100vh;position:absolute;top:0;left:0}.orb{will-change:transform;border-radius:50%;width:90vw;height:90vw;position:absolute}.light-1{background:radial-gradient(circle,#98a2f9 0%,#0000 60%)}.light-2{background:radial-gradient(circle,#84d2f6 0%,#0000 60%)}.light-3{background:radial-gradient(circle,#f2aed1 0%,#0000 60%)}.light-4{background:radial-gradient(circle,#fadf8f 0%,#0000 60%)}.dark-1{background:radial-gradient(circle,#522b88 0%,#0000 60%)}.dark-2{background:radial-gradient(circle,#19587b 0%,#0000 60%)}.dark-3{background:radial-gradient(circle,#75254f 0%,#0000 60%)}.dark-4{background:radial-gradient(circle,#664b16 0%,#0000 60%)}.orb-1{animation:25s ease-in-out infinite alternate floatOrb1;top:-10%;left:-10%}.orb-2{animation:30s ease-in-out infinite alternate floatOrb2;top:10%;right:-20%}.orb-3{animation:28s ease-in-out infinite alternate floatOrb3;bottom:-20%;right:-10%}.orb-4{width:70vw;height:70vw;animation:35s ease-in-out infinite alternate floatOrb4;bottom:-10%;left:-10%}@keyframes floatOrb1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(40vw,30vh)scale(1.1)}to{transform:translate(80vw,10vh)scale(1.3)}}@keyframes floatOrb2{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-30vw,40vh)scale(1.2)}to{transform:translate(-70vw,10vh)scale(.9)}}@keyframes floatOrb3{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-40vw,-30vh)scale(1.2)}to{transform:translate(-80vw,-10vh)scale(1)}}@keyframes floatOrb4{0%{transform:translate(0,0)scale(1)}50%{transform:translate(30vw,-30vh)scale(1.1)}to{transform:translate(70vw,-10vh)scale(1.2)}}.emoji-anim-sadness:after{content:"💧";opacity:0;font-size:1.1rem;animation:2.5s ease-in infinite tearDrop;position:absolute;top:28px;right:7px}@keyframes tearDrop{0%{opacity:0;transform:translateY(0)scale(0)}20%{opacity:1;filter:drop-shadow(0 2px 2px #00000026);transform:translateY(2px)scale(.6)}80%{opacity:.8;filter:drop-shadow(0 2px 4px #00000026);transform:translateY(16px)scale(1)}to{opacity:0;transform:translateY(22px)scale(1.2)}}.emoji-anim-anger{animation:.4s ease-in-out infinite shakeAnger}@keyframes shakeAnger{0%,to{transform:translate(0)}25%{filter:drop-shadow(0 0 10px #f009);text-shadow:0 0 10px red;transform:translate(-4px)rotate(-5deg)}75%{transform:translate(4px)rotate(5deg)}}.emoji-anim-stress,.emoji-anim-worry{animation:.1s linear infinite jitterStress}@keyframes jitterStress{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}.emoji-anim-love,.emoji-anim-joy{animation:1.2s ease-in-out infinite heartbeatLove}@keyframes heartbeatLove{0%,to{transform:scale(1)}15%{filter:drop-shadow(0 0 10px #ff64c8cc);text-shadow:0 0 20px pink;transform:scale(1.2)}30%{transform:scale(1)}45%{filter:drop-shadow(0 0 15px #ff64c8);text-shadow:0 0 30px pink;transform:scale(1.25)}60%{transform:scale(1)}}.emoji-anim-excitement{animation:1s cubic-bezier(.28,.84,.42,1) infinite jumpExcitement}@keyframes jumpExcitement{0%,to{transform:translateY(0)}40%{filter:drop-shadow(0 15px 10px #0003);transform:translateY(-15px)rotate(15deg)}50%{transform:translateY(-8px)rotate(-5deg)}60%{transform:translateY(-15px)rotate(5deg)}}.emoji-anim-confusion{animation:3s ease-in-out infinite tiltConfusion}@keyframes tiltConfusion{0%,to{transform:rotate(0)}25%{transform:rotate(-30deg)}75%{transform:rotate(30deg)}}.emoji-anim-exhaustion{animation:4s ease-in-out infinite sleepExhaustion}.emoji-anim-exhaustion:after{content:"z";color:var(--text-primary);opacity:0;font-size:1rem;animation:4s ease-in infinite zzz;position:absolute;top:0;right:3px}@keyframes zzz{0%{opacity:0;transform:translate(0)scale(.5)}30%{opacity:1;transform:translate(5px,-5px)scale(1.2)}80%{opacity:0;transform:translate(10px,-15px)scale(.8)}to{opacity:0}}@keyframes sleepExhaustion{0%,to{transform:translateY(0)}50%{opacity:.6;transform:translateY(8px)scale(.95)}}.emoji-anim-frustration{animation:2s ease-in-out infinite huffFrustration}.emoji-anim-frustration:before{content:"💨";opacity:0;filter:drop-shadow(0 2px 4px #00000040);font-size:1.25rem;animation:2.5s ease-out infinite puffLeft;position:absolute;top:15px;left:-10px}.emoji-anim-frustration:after{content:"💨";opacity:0;filter:drop-shadow(0 2px 4px #00000040);font-size:1.25rem;animation:2.5s ease-out infinite puffRight;position:absolute;top:15px;right:-10px;transform:scaleX(-1)}@keyframes huffFrustration{0%,to{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}@keyframes puffLeft{0%{opacity:0;transform:translate(0)scale(.5)}10%{opacity:.8;transform:translate(-5px,-2px)scale(1)}40%{opacity:0;transform:translate(-15px,-5px)scale(1.3)}to{opacity:0}}@keyframes puffRight{0%{opacity:0;transform:scaleX(-1)translate(0)scale(.5)}10%{opacity:.8;transform:scaleX(-1)translate(-5px,-2px)scale(1)}40%{opacity:0;transform:scaleX(-1)translate(-15px,-5px)scale(1.3)}to{opacity:0}}.emoji-anim-gratitude{transform-origin:bottom;animation:2.5s ease-in-out infinite bow}@keyframes bow{0%,to{transform:rotate(0)}30%,50%{transform:rotate(5deg)translateY(0)}}.emoji-anim-peace{filter:drop-shadow(0 0 10px #fff6);animation:4s ease-in-out infinite alternate peaceFloat}@keyframes peaceFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.emoji-anim-hope{animation:3s ease-in-out infinite hopeShine}.emoji-anim-hope:after{content:"✨";font-size:1rem;animation:1.5s infinite alternate twinkleHope;position:absolute;top:-7px;right:3px}@keyframes hopeShine{0%,to{filter:drop-shadow(0 0 5px #ffffc880)}50%{filter:drop-shadow(0 0 20px #ffffc8)}}@keyframes twinkleHope{0%{opacity:.3;transform:scale(.5)}to{opacity:1;filter:brightness(1.5);transform:scale(1.5)}}.emoji-anim-confidence{animation:2s cubic-bezier(.175,.885,.32,1.275) infinite flexConfidence}@keyframes flexConfidence{0%,to{transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 5px 10px #0003);transform:scale(1.15)rotate(-5deg)}}.emoji-anim-calm{animation:6s ease-in-out infinite breatheCalm}@keyframes breatheCalm{0%,to{transform:scale(1)}50%{filter:drop-shadow(0 0 15px #c8e6ff99);transform:scale(1.1)}}.emoji-anim-inspiration{animation:3s ease-in-out infinite lightup}@keyframes lightup{0%,to{filter:drop-shadow(0 0 2px #ffdc644d);transform:translateY(0)}50%{filter:drop-shadow(0 -5px 25px #ffdc64);transform:translateY(-5px)}}.emoji-anim-contentment{animation:4s ease-in-out infinite swayContent}@keyframes swayContent{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.emoji-anim-overwhelm{animation:3s ease-in-out infinite swirlOverwhelm}@keyframes swirlOverwhelm{0%,to{transform:translateY(2px)rotate(-5deg)}50%{transform:translateY(-6px)rotate(5deg)}}.emoji-anim-loneliness{animation:4s ease-in-out infinite lonelyFade}@keyframes lonelyFade{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;filter:grayscale(50%);transform:scale(.85)}}.emoji-anim-fear{animation:80ms linear infinite fearJitter}@keyframes fearJitter{0%,to{transform:translate(0)}50%{filter:drop-shadow(0 10px 10px #0006);transform:translate(-3px,2px)scale(.98)}}.emoji-anim-guilt{transform-origin:top;animation:3s ease-in-out infinite guiltHang}@keyframes guiltHang{0%,to{transform:rotate(0)translateY(0)}50%{filter:brightness(.8);transform:rotate(-10deg)translateY(5px)}}.emoji-anim-low_confidence{animation:5s ease-in-out infinite flickerLow}@keyframes flickerLow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.2;transform:scale(.9)}}.emoji-anim-shame{animation:3s ease-in-out infinite hideShame}@keyframes hideShame{0%,to{transform:scale(1)}50%{opacity:.5;transform:scale(.7)translateY(10px)}}.emoji-anim-jealousy{animation:2s ease-in-out infinite envyGlow}@keyframes envyGlow{0%,to{filter:drop-shadow(0 0 5px #32c83233)}50%{filter:drop-shadow(0 0 20px #32c832cc);transform:scale(1.05)}}.emoji-anim-resentment{animation:4s ease-in-out infinite sideGlance}@keyframes sideGlance{0%,to{transform:translate(0)}25%,45%{filter:contrast(120%);transform:translate(-8px)}75%,95%{transform:translate(8px)}}.emoji-anim-hopelessness{animation:4s ease-in-out infinite heavySink}@keyframes heavySink{0%,to{filter:grayscale(0%);transform:translateY(0)}50%{opacity:.6;filter:grayscale(80%);transform:translateY(15px)}}.emoji-anim-insecurity{animation:1.5s ease-in-out infinite insecureShake}@keyframes insecureShake{0%,to{transform:scale(1)rotate(0)}20%,60%{transform:scale(.9)rotate(-3deg)}40%,80%{transform:scale(.9)rotate(3deg)}}.emoji-anim-overthinking{animation:8s linear infinite spinThoughts}@keyframes spinThoughts{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emoji-anim-embarrassment{animation:3s ease-in-out infinite blushShrink}@keyframes blushShrink{0%,to{filter:drop-shadow(0 0 #f000);transform:scale(1)}50%{filter:drop-shadow(0 0 20px #ff323299);transform:scale(.9)}}.emoji-anim-boredom{animation:4s ease-in-out infinite slideBored}@keyframes slideBored{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}