@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/lato-300-BP2wSCML.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/lato-400-BEhtfm5r.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/lato-700-BUGMgin4.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/lato-900-C3uaq3BA.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/quicksand-300-Buj9m_3d.woff2) format("woff2")}:root{--bg-base: #1a2a20;--bg-surface: rgba(44, 83, 61, .42);--bg-surface-glow: rgba(242, 227, 160, .035);--bg-elevated: rgba(44, 83, 61, .68);--bg-nav: rgba(26, 42, 32, .85);--accent-gold: #F2E3A0;--accent-gold-rgb: 242, 227, 160;--accent-sage: #8CB08D;--accent-sage-rgb: 140, 176, 141;--accent-lavender: #c4b8d4;--accent-lavender-rgb: 196, 184, 212;--accent-rose: #e8c4c9;--accent-rose-rgb: 232, 196, 201;--accent-warm: #d4c8a0;--accent-warm-rgb: 212, 200, 160;--border-color: rgba(255, 255, 255, .08);--border-color-glow: rgba(242, 227, 160, .15);--border-color-active: rgba(242, 227, 160, .35);--text-primary: #EAEBDD;--text-secondary: #8CB08D;--text-muted: #6a8f6b;--text-active: #F2E3A0;--shadow-main: 0 18px 60px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(242, 227, 160, .08);--shadow-card: 0 8px 32px rgba(0, 0, 0, .25);--shadow-card-hover: 0 12px 48px rgba(0, 0, 0, .35);--font-title: "Lato", sans-serif;--font-body: "Lato", sans-serif;--font-display: "Quicksand", sans-serif;--spring-fast: cubic-bezier(.16, 1, .3, 1);--spring-smooth: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-base: #EAEBDD;--bg-surface: rgba(255, 255, 255, .58);--bg-surface-glow: rgba(44, 83, 61, .035);--bg-elevated: rgba(255, 255, 255, .8);--bg-nav: rgba(234, 235, 221, .85);--accent-gold: #2C533D;--accent-gold-rgb: 44, 83, 61;--accent-sage: #8CB08D;--accent-sage-rgb: 140, 176, 141;--accent-lavender: #705b8e;--accent-lavender-rgb: 112, 91, 142;--accent-rose: #905a62;--accent-rose-rgb: 144, 90, 98;--accent-warm: #8e7946;--accent-warm-rgb: 142, 121, 70;--border-color: rgba(0, 0, 0, .06);--border-color-glow: rgba(44, 83, 61, .08);--border-color-active: rgba(44, 83, 61, .25);--text-primary: #2C533D;--text-secondary: #5a7d5b;--text-muted: #8CB08D;--text-active: #2C533D;--shadow-main: 0 18px 55px rgba(35, 52, 45, .08);--shadow-glow: 0 0 18px rgba(44, 83, 61, .06);--shadow-card: 0 8px 30px rgba(35, 52, 45, .06);--shadow-card-hover: 0 12px 40px rgba(35, 52, 45, .1)}[data-theme=mono]{--bg-base: #050505;--bg-surface: rgba(255, 255, 255, .05);--bg-surface-glow: rgba(255, 255, 255, .03);--bg-elevated: rgba(255, 255, 255, .07);--bg-nav: rgba(10, 10, 10, .88);--accent-gold: #e8e8e8;--accent-gold-rgb: 232, 232, 232;--accent-sage: #cfcfcf;--accent-sage-rgb: 207, 207, 207;--accent-lavender: #e0e0e0;--accent-lavender-rgb: 224, 224, 224;--accent-rose: #f0f0f0;--accent-rose-rgb: 240, 240, 240;--accent-warm: #d8d8d8;--accent-warm-rgb: 216, 216, 216;--border-color: rgba(255, 255, 255, .14);--border-color-glow: rgba(255, 255, 255, .22);--border-color-active: rgba(255, 255, 255, .45);--text-primary: #f5f5f5;--text-secondary: #bdbdbd;--text-muted: #858585;--text-active: #ffffff;--shadow-main: 0 18px 60px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(255, 255, 255, .06);--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:none}*:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#1a2a20;font-family:var(--font-body);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;touch-action:manipulation;-ms-touch-action:manipulation}button,a,input,textarea,select,[role=button]{touch-action:manipulation}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99998;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.app-shell{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(1100px 600px at 85% -10%,rgba(var(--accent-lavender-rgb),.08),transparent 60%),radial-gradient(circle at top right,#1a2a20,#0d1810);position:relative;overflow:hidden}[data-theme=light] .app-shell{background:radial-gradient(circle at top right,#eaebdd,#d4d8c8)}[data-theme=mono] .app-shell{background:radial-gradient(circle at top right,#101010,#000)}html[data-theme=mono] body{background-color:#050505}.app-shell.auth-shell{align-items:flex-start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app-shell.auth-shell>.auth-centered{width:100%;min-height:100%;display:flex;flex-direction:column;flex-shrink:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0}.app-shell.auth-shell>.auth-centered>:first-child{margin-top:auto}.app-shell.auth-shell>.auth-centered>:last-child{margin-bottom:auto}@media (min-width: 481px){.app-shell.auth-shell>.auth-centered{width:min(480px,100%);margin:auto}}.app-container{width:100%;max-width:480px;height:100%;max-height:100%;background-color:var(--bg-base);position:relative;display:flex;flex-direction:column;overflow:hidden;transition:background-color .5s ease}[data-theme=mono] .app-container{filter:grayscale(1)}[data-theme=mono] .slider-apple{background:#ffffff0f}.bg-blobs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden;opacity:.55;transition:opacity .5s ease}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;opacity:.1;pointer-events:none}[data-theme=light] .bg-blob{mix-blend-mode:multiply;opacity:.08;filter:blur(60px)}.bg-blob-1{width:300px;height:300px;background:radial-gradient(circle,rgba(var(--accent-gold-rgb),.8) 0%,transparent 80%);top:-80px;left:-80px;animation:floatBlob1 20s infinite alternate ease-in-out}.bg-blob-2{width:350px;height:350px;background:radial-gradient(circle,rgba(var(--accent-sage-rgb),.8) 0%,transparent 80%);bottom:100px;right:-100px;animation:floatBlob2 25s infinite alternate ease-in-out}.bg-blob-3{width:250px;height:250px;background:radial-gradient(circle,rgba(var(--accent-lavender-rgb),.6) 0%,transparent 80%);top:40%;left:30%;animation:floatBlob3 18s infinite alternate ease-in-out}@keyframes floatBlob1{0%{transform:translate(0) scale(1)}to{transform:translate(60px,40px) scale(1.15)}}@keyframes floatBlob2{0%{transform:translate(0) scale(1)}to{transform:translate(-50px,-60px) scale(.9)}}@keyframes floatBlob3{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,50px) scale(1.2)}}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 20px 100px;position:relative;z-index:1;overscroll-behavior:contain;scroll-behavior:smooth}.app-content::-webkit-scrollbar{width:3px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:rgba(var(--accent-gold-rgb),.06);border-radius:10px}.app-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-gold-rgb),.15)}.glass-card{background:var(--bg-surface);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border:1px solid var(--border-color);border-radius:24px;padding:24px;box-shadow:var(--shadow-card);transition:transform .4s var(--spring-fast),border-color .3s ease,box-shadow .4s var(--spring-fast);position:relative;z-index:2;overflow:hidden}.glass-card:active{transform:scale(.985)}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,var(--bg-surface-glow),transparent 70%);pointer-events:none;z-index:-1}.glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.title-large{font-family:var(--font-title);font-weight:700;font-size:28px;letter-spacing:-.01em;color:var(--text-primary);line-height:1.25}.title-medium{font-family:var(--font-title);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--text-primary)}.title-small{font-family:var(--font-title);font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.body-lead{font-size:16px;color:var(--text-secondary);font-weight:300}.body-standard{font-size:14px;color:var(--text-secondary)}.btn-primary{width:100%;padding:16px 24px;border-radius:20px;border:1px solid var(--border-color);background:rgba(var(--accent-gold-rgb),.12);color:var(--accent-gold);font-family:var(--font-title);font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .35s var(--spring-fast);box-shadow:0 4px 15px rgba(var(--accent-gold-rgb),.05);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(135deg,rgba(var(--accent-gold-rgb),.08) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.btn-primary:active{transform:scale(.96);background:rgba(var(--accent-gold-rgb),.2)}.btn-secondary{width:100%;padding:16px 24px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:var(--font-title);font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .35s var(--spring-fast)}.btn-secondary:active{transform:scale(.96);background:#ffffff08}.btn-danger{width:100%;padding:16px 24px;border-radius:20px;border:1px solid rgba(var(--accent-rose-rgb),.15);background:rgba(var(--accent-rose-rgb),.1);color:var(--accent-rose);font-family:var(--font-title);font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .35s var(--spring-fast)}.btn-danger:active{transform:scale(.96);background:rgba(var(--accent-rose-rgb),.2)}.input-apple{width:100%;padding:14px 18px;border-radius:16px;background:#00000026;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all .3s ease}[data-theme=light] .input-apple{background:#ffffff80}.input-apple:focus{border-color:var(--border-color-active);box-shadow:0 0 10px rgba(var(--accent-gold-rgb),.05)}[data-theme=mono] .input-apple{background:#ffffff0d;border-color:#ffffff2e}[data-theme=mono] .bg-blob{mix-blend-mode:screen;opacity:.06}@media (max-width: 480px){.input-apple,select,textarea{font-size:16px}}.auth-card{transition:padding .3s ease}@media (max-width: 420px){.auth-card{padding:18px 14px}}@media (max-width: 400px){.header-greeting{display:none}}@media (max-width: 360px){.auth-card{padding:14px 12px}}.slider-container{width:100%;position:relative}.slider-apple{-webkit-appearance:none;width:100%;height:48px;border-radius:24px;background:#00000026;border:1px solid var(--border-color);outline:none;overflow:hidden;cursor:pointer;position:relative}[data-theme=light] .slider-apple{background:#ffffff80}.slider-apple::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;border-radius:50%;background:var(--text-primary);border:4px solid var(--bg-elevated);box-shadow:-407px 0 0 400px rgba(var(--accent-gold-rgb),.35);cursor:pointer;transition:background-color .2s}.page-enter{animation:pageEnter .45s var(--spring-fast) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-card{border-radius:24px;background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.cm-card.cm-press:active{transform:scale(.98)}.cm-card.cm-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.cm-glass{background:#ffffff17;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)}[data-theme=light] .cm-glass{background:#ffffffd9;border-color:#fff6}[data-theme=mono] .cm-glass{background:#ffffff0f;border-color:#ffffff1a}.cm-rise{animation:cmFadeUp .5s var(--spring-fast) both}@keyframes cmFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cm-float{animation:cmFloat 3s ease-in-out infinite}@keyframes cmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cm-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.09) 50%,transparent 100%);background-size:200% 100%;animation:cmShimmer 2s ease-in-out infinite}@keyframes cmShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cm-dot{width:26px;height:26px}.cm-mood-btn{width:54px;height:54px}.cm-mascot{width:76px;height:76px}.cm-mascot .cm-mascot-emoji{font-size:40px}@media (max-width: 420px){.cm-dot{width:20px;height:20px}.cm-mood-btn{width:44px;height:44px}.cm-mascot{width:62px;height:62px}.cm-mascot .cm-mascot-emoji{font-size:32px}}.fade-in{animation:fadeIn .45s var(--spring-fast) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}[data-theme=light] .pickerSheet{box-shadow:0 -12px 40px #0000002e}@keyframes softFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.25)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlowRev{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes orbPing{0%{transform:scale(1);opacity:.7}to{transform:scale(1.75);opacity:0}}@keyframes bubbleFloat{0%{transform:translateY(0)}to{transform:translateY(-340px)}}@keyframes pulseSOS{0%{transform:scale(1);opacity:1}to{transform:scale(1.15);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes breatheIn{0%{transform:scale(.85);opacity:.6}to{transform:scale(1.3);opacity:1}}@keyframes breatheOut{0%{transform:scale(1.3);opacity:1}to{transform:scale(.85);opacity:.6}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-center{text-align:center}::selection{background:rgba(var(--accent-gold-rgb),.25);color:var(--text-primary)}.app-content::-webkit-scrollbar{width:4px}.app-content::-webkit-scrollbar-thumb{background:rgba(var(--accent-gold-rgb),.1);border-radius:10px}.app-content::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-gold-rgb),.2)}@media (hover: hover) and (pointer: fine){.glass-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-gold-rgb),.16);box-shadow:var(--shadow-card-hover);transition:transform .4s var(--spring-fast),border-color .3s ease,box-shadow .4s var(--spring-fast)}.glass-card:hover:active{transform:scale(.985)}.cm-card.cm-hover:hover{transform:translateY(-3px)}.cm-press:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.cm-press:hover:active{transform:scale(.985);box-shadow:var(--shadow-card)}}.hdr-btn{transition:transform .3s var(--spring-fast),border-color .3s ease,box-shadow .3s ease}.hdr-btn:active{transform:scale(.92)}@media (hover: hover) and (pointer: fine){.hdr-btn:hover{transform:translateY(-1px) scale(1.05);border-color:rgba(var(--accent-gold-rgb),.35);box-shadow:0 6px 16px #00000040}}
