:root{--color-brand-primary:#2b2725;--color-brand-secondary:#fcf8f6;--color-brand-accent:#f1bba5;--color-brand-accent-lt:#fce8df;--color-brand-accent-dk:#d99c85;--color-brand-border:#f7e7e3;--color-brand-surface:#fff;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Playfair Display", "DM Sans", serif;--shadow-sm:0 2px 8px #2b27250f;--shadow-md:0 6px 20px #2b27251f;--shadow-lg:0 12px 32px #2b27252e;--color-outline:#94a3b8;--color-outline-variant:#f7e7e3;--shadow-level-1:0 2px 8px #0000000a;--shadow-level-2:0 8px 24px #00000014}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{overscroll-behavior:none;width:100%;max-width:100vw;overflow-x:hidden}#root{width:100%;min-height:100vh}body{font-family:var(--font-body);background:var(--color-brand-secondary);color:var(--color-brand-primary);-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100dvh;overflow:hidden auto}@media (width>=480px){body{background:#f3f4f6;justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:hidden}#root{background:var(--color-brand-secondary);-ms-overflow-style:none;scrollbar-width:none;width:412px;max-width:100%;height:100dvh;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 10px 40px #00000014}#root::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}}@media (width>=480px) and (height>=700px){#root{border:10px solid #2b2725;border-radius:36px;height:90vh;max-height:880px;box-shadow:0 20px 50px #2b272526}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.app-container{flex-direction:column;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.scrollable-content{-ms-overflow-style:none;scrollbar-width:none;flex:1;padding:24px 24px 0;overflow:hidden auto}.scrollable-content::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.card{box-shadow:var(--shadow-sm);border:1px solid var(--color-brand-border);background:#fff;border-radius:20px;padding:18px}.blobs{filter:url(#goo);position:absolute;inset:0}.keyboard-open .blobs-wrapper,.keyboard-open .thinking-blob{pointer-events:none;transition:opacity .1s ease-out;opacity:0!important}.blobs-wrapper,.thinking-blob{transition:opacity .4s ease-in}@keyframes blob-left-top-anim{0%,15%{transform:scale(1.6)translate(0)}25%{transform:scale(.9)translate(-150px)}50%{transform:scale(.7)translate(-150px,-150px)}75%{transform:scale(1.1)translate(0)}85%,to{transform:scale(1.6)translate(0)}}@keyframes blob-right-top-anim{0%,15%{transform:scale(1.6)translate(0)}25%{transform:scale(.9)translate(150px)}50%{transform:scale(.7)translate(150px,-150px)}75%{transform:scale(1.1)translate(0)}85%,to{transform:scale(1.6)translate(0)}}@keyframes blob-left-bottom-anim{0%,15%{transform:scale(1.6)translate(0)}25%{transform:scale(.9)translate(-150px)}50%{transform:scale(.7)translate(-150px,150px)}75%{transform:scale(1.1)translate(0)}85%,to{transform:scale(1.6)translate(0)}}@keyframes blob-right-bottom-anim{0%,15%{transform:scale(1.6)translate(0)}25%{transform:scale(.9)translate(150px)}50%{transform:scale(.7)translate(150px,150px)}75%{transform:scale(1.1)translate(0)}85%,to{transform:scale(1.6)translate(0)}}@keyframes blob-text-fade{0%,10%{color:#0000}20%,75%{color:#3d3833}85%,to{color:#0000}}@keyframes mind-space-fade{0%,12%{opacity:1}18%,78%{opacity:0}88%,to{opacity:1}}.merge-blob{text-align:center;background:#fcf8f6;border-radius:100%;width:200px;height:200px;margin-top:-100px;margin-left:-100px;line-height:200px;position:absolute;top:40%;left:50%}.merge-blob:first-child{background:#fcf8f6;animation:12s ease-in-out infinite blob-left-top-anim,12s ease-in-out infinite blob-text-fade}.merge-blob:nth-child(2){background:#fcf8f6;animation:12s ease-in-out infinite blob-right-top-anim,12s ease-in-out infinite blob-text-fade}.merge-blob:nth-child(3){background:#fcf8f6;animation:12s ease-in-out infinite blob-left-bottom-anim,12s ease-in-out infinite blob-text-fade}.merge-blob:nth-child(4){background:#fcf8f6;animation:12s ease-in-out infinite blob-right-bottom-anim,12s ease-in-out infinite blob-text-fade}.mind-space-text{animation:12s ease-in-out infinite mind-space-fade}.bottom-nav{z-index:1000;background:#fffffff2;border:1px solid #f7e7e399;border-radius:28px;justify-content:space-around;align-items:center;width:calc(100% - 48px);max-width:364px;padding:12px 8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #2b27251a}@media (width>=480px){.bottom-nav{width:calc(100% - 48px);max-width:none;position:absolute}}.text-headline-lg{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:600}.text-headline-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:600}.text-body-md{font-family:var(--font-body);color:#334155;font-size:15px;line-height:1.65}.text-label-md{font-family:var(--font-body);font-size:13px;font-weight:500}.text-label-sm{font-family:var(--font-body);letter-spacing:.04em;font-size:11px;font-weight:600}.dark-mode{color:#fff;background:#2b2725}.glass-panel{background:#ffffffd9}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 20px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ambientBreathe{0%{transform:scale(1.02)}50%{transform:scale(1.08)}to{transform:scale(1.02)}}.animate-fade-up{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.animate-breathe{animation:20s ease-in-out infinite ambientBreathe}.btn-soulful{transition:transform .15s,opacity .15s}.btn-soulful:active:not(:disabled){opacity:.85;transform:scale(.97)}.gradual-blur-inner{width:100%;height:100%;position:relative}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gradual-blur-inner>div{opacity:.5;background:#0000004d}}.gradual-blur-fixed{pointer-events:none;z-index:1000;inset:0;position:fixed!important}