@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);:root{--bg-color:#1c1b1f;--text-primary:#e6e1e5;--text-secondary:#cac4d0;--surface-container:#2b2930;--surface-container-low:#1d1b20;--glass-bg:var(--surface-container);--glass-border:#938f99;--glass-highlight:#36343b;--accent-color:#d0bcff;--accent-hover:#d0bcffe6;--accent-glow:#d0bcff1a;--primary-on:#381e72;--hover-layer:#d0bcff1a;--active-layer:#d0bcff33;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-xxl:48px;--radius-full:9999px;--transition-fast:200ms cubic-bezier(0.2,0,0,1);--transition-normal:300ms cubic-bezier(0.2,0,0,1);--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000029,0 2px 4px #0000001f;--shadow-lg:0 10px 15px #0003,0 4px 6px #0000001a;--primary-gradient:linear-gradient(135deg,#d0bcff,#e8def8);--nav-bg:#2b2930cc}:root.light-mode{--bg-color:#fffbfe;--text-primary:#1c1b1f;--text-secondary:#49454f;--surface-container:#f3edf7;--surface-container-low:#e7e0ec;--glass-bg:var(--surface-container);--glass-border:#79747e;--glass-highlight:#e8def8;--accent-color:#6750a4;--accent-hover:#6750a4e6;--accent-glow:#6750a41a;--primary-on:#fff;--hover-layer:#6750a41a;--active-layer:#6750a433;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--primary-gradient:linear-gradient(135deg,#6750a4,#7d5260);--nav-bg:#f3edf7cc}:root[data-theme=forest]{--accent-color:#9cd67d;--accent-hover:#9cd67de6;--accent-glow:#9cd67d1a;--primary-on:#0c3900;--hover-layer:#9cd67d1a;--active-layer:#9cd67d33;--primary-gradient:linear-gradient(135deg,#9cd67d,#b8f397)}:root[data-theme=forest].light-mode{--accent-color:#386a20;--accent-hover:#386a20e6;--accent-glow:#386a201a;--primary-on:#fff;--hover-layer:#386a201a;--active-layer:#386a2033;--primary-gradient:linear-gradient(135deg,#386a20,#53853b)}:root[data-theme=sunset]{--accent-color:#ffb77c;--accent-hover:#ffb77ce6;--accent-glow:#ffb77c1a;--primary-on:#4b2700;--hover-layer:#ffb77c1a;--active-layer:#ffb77c33;--primary-gradient:linear-gradient(135deg,#ffb77c,#ffdcc4)}:root[data-theme=sunset].light-mode{--accent-color:#8d4f00;--accent-hover:#8d4f00e6;--accent-glow:#8d4f001a;--primary-on:#fff;--hover-layer:#8d4f001a;--active-layer:#8d4f0033;--primary-gradient:linear-gradient(135deg,#8d4f00,#aa681a)}:root[data-theme=rose]{--accent-color:#ffb0c8;--accent-hover:#ffb0c8e6;--accent-glow:#ffb0c81a;--primary-on:#5e1133;--hover-layer:#ffb0c81a;--active-layer:#ffb0c833;--primary-gradient:linear-gradient(135deg,#ffb0c8,#ffd9e2)}:root[data-theme=rose].light-mode{--accent-color:#984061;--accent-hover:#984061e6;--accent-glow:#9840611a;--primary-on:#fff;--hover-layer:#9840611a;--active-layer:#98406133;--primary-gradient:linear-gradient(135deg,#984061,#b45b7c)}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1c1b1f;color:#e6e1e5;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;position:relative}body:before{background:radial-gradient(circle at center,#d0bcff1a 0,#0000 70%);background:radial-gradient(circle at center,var(--accent-glow) 0,#0000 70%);border-radius:100px;border-top-right-radius:20px;filter:blur(80px);height:50vw;left:-10%;top:-15%;transform:rotate(-15deg);width:60vw}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:-1}body:after{background:radial-gradient(circle at center,#d0bcff1a 0,#0000 65%);background:radial-gradient(circle at center,var(--hover-layer) 0,#0000 65%);border-radius:50%;bottom:-20%;filter:blur(100px);height:60vw;right:-15%;transform:rotate(10deg);width:70vw}.App{width:100%}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle,h1{text-align:center}.subtitle{color:#cac4d0;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}body{transition:background-color .3s ease,color .3s ease}.App{transition:all .3s ease}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}.App,body{background-color:var(--bg-color);color:var(--text-primary)}.App{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;margin:2rem auto;max-width:1600px;padding:0 2rem 4rem}.app-main,.view-container{width:100%}.animated{animation:slide-up .4s cubic-bezier(.2,0,0,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--surface-container);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{box-shadow:var(--shadow-md)}.view-intro{margin:2rem 0 3rem;text-align:center}.view-intro h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem}.view-intro p{color:var(--text-secondary);font-size:1.2rem}.result-container{margin-top:2rem;width:100%}.error-message{align-items:center;border-left:4px solid var(--danger-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dismiss-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.4rem .8rem;transition:all .2s}.dismiss-btn:hover{border-color:var(--danger-color);color:var(--danger-color)}.dashboard-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 400px;margin-top:2rem}.dashboard-sidebar{border-radius:var(--radius-md);padding:2.5rem;position:sticky;top:8rem}.dashboard-sidebar h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:1.5rem;margin-top:0}.app-footer-mini{border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.9rem;padding:3rem 1rem;text-align:center}.history-view{animation:slide-up .4s ease-out}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.back-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.history-date-badge{background:var(--accent-color);border-radius:100px;color:#fff;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.past-input{font-size:1.2rem;font-style:italic;margin-bottom:2rem;padding:1.5rem}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{position:static}}@media (max-width:768px){.app-main{margin:1rem auto;padding:0 1rem 3rem}.view-intro h1{font-size:2.2rem}.view-intro{margin:1rem 0 2rem}}.mood-input-container{background:var(--surface-container-low);border-bottom:2px solid var(--glass-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1000px;padding:1.5rem 2rem;transition:all var(--transition-fast)}.mood-input-container:focus-within{background:var(--surface-container);border-bottom-color:var(--accent-color)}.mood-textarea{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:1.2rem;line-height:1.5;max-height:150px;min-height:40px;outline:none;overflow-y:auto;resize:none;width:100%}.mood-textarea::placeholder{color:var(--text-secondary);opacity:.6}.mood-textarea::-webkit-scrollbar{width:6px}.mood-textarea::-webkit-scrollbar-track{background:#0000}.mood-textarea::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}.input-footer{align-items:center;display:flex;justify-content:space-between;padding-top:.5rem}.helper-text{font-size:.85rem}.helper-text,.submit-btn{color:var(--text-secondary)}.submit-btn{align-items:center;background:var(--surface-container);border:none;border-radius:var(--radius-full);cursor:default;display:flex;height:48px;justify-content:center;opacity:.5;transition:all var(--transition-fast);width:48px}.submit-btn.active{background:var(--accent-color);box-shadow:var(--shadow-sm);color:var(--primary-on);cursor:pointer;opacity:1}.submit-btn.active:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.submit-btn.active:active{transform:scale(.95)}.submit-btn:disabled{cursor:not-allowed}.spinner{animation:spin .8s linear infinite;border:2px solid var(--glass-border);border-radius:var(--radius-full);border-top-color:var(--accent-color);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.mood-input-container{gap:1rem;padding:1.5rem 1rem}.mood-textarea{font-size:1.1rem}}.result-card-container{background:var(--surface-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);opacity:0;overflow:hidden;padding:3rem;position:relative;transform:translateY(20px);transition:all .5s cubic-bezier(.34,1.56,.64,1);width:100%}.result-card-container.visible{opacity:1;transform:translateY(0)}.emotion-header{align-items:center;display:flex;gap:1.5rem}.emotion-emoji{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.2s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));flex-shrink:0;font-size:3.5rem;line-height:1;opacity:0;transform:scale(.5)}.emotion-text-container{display:flex;flex-direction:column}.emotion-label-prefix{animation:fade-in .5s ease forwards;animation-delay:.3s;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.05em;opacity:0;text-transform:uppercase}.emotion-label{animation:slide-right .5s ease forwards;animation-delay:.4s;color:var(--text-primary);font-size:2rem;font-weight:600;margin:0;opacity:0;text-transform:capitalize}.divider{animation:fade-in .5s ease forwards;animation-delay:.5s;background:linear-gradient(90deg,#0000,var(--glass-border) 20%,var(--glass-border) 80%,#0000);height:1px;margin:1.5rem 0;opacity:0}.result-body{display:flex;flex-direction:column;gap:1.5rem}.empathetic-message{animation:fade-up .5s ease forwards;animation-delay:.6s;border-left:3px solid var(--accent-color);color:var(--text-primary);font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.6;opacity:0;padding-left:1rem}.tip-container{animation:fade-up .5s cubic-bezier(.2,0,0,1) forwards;animation-delay:.7s;background:var(--surface-container-low);border:none;border-radius:var(--radius-md);display:flex;gap:1rem;opacity:0;padding:1.25rem}.tip-icon{color:var(--accent-color);flex-shrink:0;margin-top:.1rem}.tip-content{display:flex;flex-direction:column;gap:.25rem}.tip-label{color:var(--accent-color);font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tip-text{color:var(--text-primary);font-size:1.05rem;line-height:1.5;margin:0}@keyframes slide-right{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.therapy-container{margin-top:1.5rem;width:100%}.open-therapy-btn{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);cursor:pointer;display:flex;gap:1rem;padding:1.2rem;text-align:left;transition:all var(--transition-fast);width:100%}.open-therapy-btn:hover{background:var(--glass-highlight);border-color:var(--primary-accent);transform:translateY(-2px)}.sparkle-icon{animation:pulse 2s infinite;font-size:1.5rem}.btn-text{display:flex;flex-direction:column}.btn-title{color:var(--text-primary);font-size:1rem;font-weight:600}.btn-subtitle{color:var(--text-secondary);font-size:.85rem}.therapy-modal{animation:modal-expand .4s cubic-bezier(.34,1.56,.64,1);background:#0f172acc;display:flex;flex-direction:column;gap:1.5rem;min-height:400px;overflow:hidden;padding:1.5rem;position:relative;width:100%}.therapy-modal-header{align-items:flex-start;display:flex;justify-content:space-between}.therapy-title-group h3{color:var(--text-primary);font-size:1.2rem;margin:0}.therapy-title-group p{color:var(--text-secondary);font-size:.9rem;margin:.2rem 0 0}.close-modal-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:color .2s}.close-modal-btn:hover{color:var(--text-primary)}.therapy-game-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}@keyframes modal-expand{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.sand-drawing-container{cursor:crosshair;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.sand-canvas{background:#1e293b;border-radius:var(--radius-sm);box-shadow:inset 0 0 50px #00000080;flex:1 1;touch-action:none;width:100%}.sand-controls{display:flex;gap:1rem;justify-content:center;padding:1rem;z-index:10}.color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:all .2s;width:24px}.color-dot.active{border-color:#fff;box-shadow:0 0 10px #fff;transform:scale(1.2)}.clear-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:.3rem .8rem;transition:all .2s}.clear-btn:hover{background:var(--glass-highlight);color:var(--text-primary)}.sand-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:1rem;text-align:center}.gratitude-jar-container{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;width:100%}.jar-visual{height:200px;margin-top:2rem;position:relative;width:160px}.jar-outline{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--glass-bg);border:3px solid var(--glass-border);border-radius:20px 20px 40px 40px;height:100%;position:absolute;width:100%}.jar-lid{background:var(--glass-border);border-radius:5px;height:15px;left:20%;position:absolute;top:-10px;width:60%}.notes-layer{height:100%;width:100%}.jar-note,.notes-layer{overflow:hidden;position:absolute}.jar-note{animation:drop-in .6s cubic-bezier(.34,1.56,.64,1);background:var(--accent-color);border-radius:3px;box-shadow:0 4px 10px var(--accent-glow);color:#fff;font-size:.65rem;font-weight:600;max-width:80px;padding:.3rem .6rem;text-overflow:ellipsis;white-space:nowrap}.jar-input-group{max-width:400px;text-align:center;width:100%}.jar-prompt{font-size:.95rem;margin-bottom:1rem}.jar-input,.jar-prompt{color:var(--text-primary)}.jar-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:1rem;padding:.8rem 1rem;transition:all .2s;width:100%}.jar-input:focus{background:var(--glass-highlight);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);outline:none}.jar-count{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:.5rem}@keyframes drop-in{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(var(rotate))}}.bubble-popper-container{align-items:center;display:flex;flex-direction:column;height:100%;padding:1rem;position:relative;width:100%}.bubble-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}.bubble-item{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 10px #0000000d;cursor:pointer;display:flex;height:50px;justify-content:center;transition:transform .1s,background .2s;width:50px}.bubble-item:hover{background:var(--glass-highlight);border-color:var(--accent-color);transform:scale(1.05)}.bubble-item:active{transform:scale(.9)}.bubble-item.popped{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:inset 0 2px 4px #0000001a;opacity:.3;pointer-events:none;transform:scale(.95)}.bubble-inner{background:var(--text-primary);border-radius:50%;filter:blur(2px);height:20px;opacity:.1;transition:opacity .2s;width:20px}.bubble-item.popped .bubble-inner{opacity:0}.reset-overlay{animation:fade-in .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border:1px solid var(--accent-color);border-radius:var(--radius-sm);box-shadow:0 10px 40px #0003,0 0 20px var(--accent-glow);left:50%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.reset-btn{background:var(--accent-color);border:none;color:#fff;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;transition:all .2s}.reset-btn:hover{background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.popper-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:1rem;text-align:center}.focus-flow-container{align-items:center;height:100%;justify-content:center;margin:0 auto;max-width:400px;padding:1.5rem}.focus-flow-container,.focus-setup{display:flex;flex-direction:column;width:100%}.focus-setup{gap:1.5rem;text-align:center}.focus-prompt{color:var(--text-primary);font-size:1.1rem;line-height:1.5}.focus-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1.2rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.focus-input:focus{background:var(--glass-highlight);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);outline:none}.focus-start-btn{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s}.focus-start-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.focus-start-btn:disabled{cursor:not-allowed;opacity:.5}.focus-active{align-items:center;animation:fade-in .5s ease-out;display:flex;flex-direction:column;gap:2rem;width:100%}.active-task{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;text-align:center}.focus-timer{font-feature-settings:"tnum";color:var(--text-primary);font-size:4rem;font-variant-numeric:tabular-nums;font-weight:200;letter-spacing:-2px}.progress-bar{background:var(--glass-border);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background:var(--accent-color);height:100%;transition:width 1s linear}.focus-cancel-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;transition:all .3s}.focus-cancel-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.focus-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic}.gratitude-amplifier{height:100%;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}.amplifier-setup,.gratitude-amplifier{align-items:center;display:flex;flex-direction:column;width:100%}.amplifier-setup{gap:1.5rem;text-align:center}.amplifier-prompt{color:var(--text-primary);font-size:1.1rem}.amplifier-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;height:120px;padding:1rem;resize:none;transition:all .3s;width:100%}.amplifier-input:focus{background:var(--glass-highlight);border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);outline:none}.amplify-btn{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s}.amplify-btn:hover{background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-2px)}.amplifier-result{align-items:center;animation:bounce-in .6s cubic-bezier(.175,.885,.32,1.275);width:100%}.amplifier-result,.result-content{display:flex;flex-direction:column}.result-content{gap:1.5rem;max-width:400px;padding:2rem;text-align:center;z-index:10}.result-content h3{color:var(--accent-color);font-size:1.5rem;margin:0}.user-thought{color:var(--text-primary);font-size:1.1rem;font-style:italic;line-height:1.6}.amplification-tip{background:var(--glass-bg);border-left:3px solid var(--accent-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:1rem;text-align:left}.reset-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem}.reset-btn:hover{background:var(--glass-highlight);color:var(--text-primary)}.confetti-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.confetti-piece{animation:confetti-fall linear forwards;border-radius:2px;height:8px;position:absolute;top:-20px;width:8px}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(500px) rotate(2turn)}}.stretch-guide{height:100%;justify-content:center;padding:1rem;text-align:center;width:100%}.stretch-finished,.stretch-guide,.stretch-intro{align-items:center;display:flex;flex-direction:column}.stretch-finished,.stretch-intro{animation:fade-in .5s ease-out;gap:1.5rem}.stretch-finished p,.stretch-intro p{color:var(--text-primary);font-size:1rem;line-height:1.6}.stretch-reset-btn,.stretch-start-btn{background:var(--accent-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem}.finish-icon{font-size:3rem;margin-bottom:.5rem}.stretch-active{align-items:center;animation:slide-in .4s ease-out;display:flex;flex-direction:column;gap:1.5rem;width:100%}.stretch-svg{color:var(--accent-color);height:120px;width:120px}.animate-rotate{animation:rotate 2s linear infinite;transform-origin:50% 30%}.animate-shrug{animation:shrug 2s ease-in-out infinite}.animate-twist{animation:twist 3s ease-in-out infinite;transform-origin:50% 70%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shrug{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twist{0%,to{transform:rotate(0deg)}50%{transform:rotate(15deg)}}.stretch-info h3{color:var(--text-primary);font-size:1.3rem;margin:0}.stretch-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:.5rem 0 0}.timer-svg{height:80px;width:80px}.timer-bg{fill:none;stroke:var(--glass-border);stroke-width:2.8}.timer-fill{fill:none;stroke:var(--accent-color);stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-text{fill:var(--text-primary);text-anchor:middle;font-family:inherit;font-size:12px;font-weight:700}.stretch-progress{color:var(--text-secondary);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}@keyframes slide-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.grounding-game{align-items:center;display:flex;flex-direction:column;height:100%;padding:10px}.step-progress{display:flex;gap:12px;margin-bottom:30px}.progress-dot{background:var(--glass-border);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.progress-dot.active{background:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.progress-dot.current{background:var(--text-primary);transform:scale(1.4)}.grounding-content{align-items:center;animation:fadeInGrounding .5s ease;display:flex;flex-direction:column;text-align:center;width:100%}@keyframes fadeInGrounding{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grounding-step-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:15px}.grounding-instruction{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:25px}.grounding-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;max-width:400px;width:100%}.grounding-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1.1rem;padding:14px 18px;transition:all .2s ease}.grounding-input:focus{background:var(--glass-highlight);border-color:var(--accent-color);outline:none}.grounding-actions{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.grounding-next-btn{background:var(--glass-bg);border:none;border-radius:14px;color:var(--text-secondary);cursor:default;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease}.grounding-next-btn.enabled{background:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);color:#fff;cursor:pointer}.grounding-next-btn.enabled:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.grounding-back-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;text-decoration:underline}.grounding-finished{animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275);padding:20px;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.check-icon{color:var(--success-color);font-size:4rem;margin-bottom:20px}.summary-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding:25px;text-align:left}.summary-item{color:var(--text-primary);font-size:1rem;line-height:1.4}.summary-item strong{color:var(--accent-color);text-transform:capitalize}.heatmap-container{animation:fade-up .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;opacity:0;padding:1.75rem}.heatmap-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.5rem}.heatmap-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.heatmap-subtitle{color:var(--text-secondary);font-size:.8rem}.heatmap-grid{align-items:flex-end;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem}.heatmap-day-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.75rem;position:relative}.heatmap-cell{animation:scale-in .4s cubic-bezier(.34,1.56,.64,1) forwards;aspect-ratio:1;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;max-width:40px;opacity:0;position:relative;transition:transform var(--transition-fast),filter var(--transition-fast);width:100%}.heatmap-cell.has-data{border-color:#fff3;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0003}.heatmap-cell:hover{filter:brightness(1.2);transform:translateY(-3px) scale(1.05);z-index:10}.cell-glow{border-radius:inherit;filter:blur(8px);height:100%;left:50%;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.day-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.day-tooltip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;border:1px solid var(--glass-border);border-radius:var(--radius-sm);bottom:calc(100% + 10px);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:.25rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:all var(--transition-fast);white-space:nowrap;z-index:20}.day-tooltip:after{border:5px solid #0000;border-top-color:#0f172ae6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.heatmap-cell:hover~.day-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.tooltip-date{color:var(--text-secondary);font-size:.7rem}.tooltip-emotion{color:var(--text-primary);font-size:.85rem;font-weight:500;text-transform:capitalize}.heatmap-legend{border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding-top:1rem}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.4rem}.legend-color{border-radius:3px;display:inline-block;height:10px;width:10px}@keyframes scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.weekly-summary{animation:fade-up .8s cubic-bezier(.2,0,0,1) forwards;background:var(--surface-container-low);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:2rem;padding:1.5rem;transition:all var(--transition-normal)}.weekly-summary:hover{box-shadow:var(--shadow-md)}.summary-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.summary-icon{font-size:1.25rem}.weekly-summary h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0}.summary-text{color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.6;margin:0}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-container{align-items:center;animation:fade-up .8s ease-out;display:flex;flex-direction:column;margin-top:2rem;padding:1.5rem}.analytics-title{align-self:flex-start;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.chart-wrapper{align-items:center;display:flex;justify-content:center}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:.85rem!important;font-weight:500!important}.recharts-tooltip-label{display:none}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border:none;border-bottom:1px solid var(--glass-border);border-radius:0;justify-content:space-between;left:0;margin:0;padding:1rem 4rem;position:sticky;right:0;top:0;transition:all var(--transition-normal);z-index:1000}.nav-left,.nav-logo,.navbar{align-items:center;display:flex}.nav-logo{cursor:pointer;gap:.6rem;transition:transform var(--transition-fast)}.nav-logo:hover{transform:scale(1.02)}.nav-logo:active{transform:scale(.95)}.logo-icon{align-items:center;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--accent-color);display:flex;height:28px;justify-content:center;width:28px}.logo-icon svg{stroke:var(--accent-color);height:100%;width:100%}.logo-text{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.8px;margin-left:-2px}.nav-center{background:var(--surface-container-low);border-radius:var(--radius-full);display:flex;gap:.5rem;padding:4px}.nav-link{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;transition:all var(--transition-fast)}.nav-link:hover{background:var(--hover-layer);color:var(--text-primary)}.nav-link:active{background:var(--active-layer);transform:scale(.95)}.nav-link.active{background:var(--accent-color);color:var(--primary-on)}.nav-profile,.nav-right{align-items:center;display:flex}.nav-profile{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:500;gap:.6rem;padding:.5rem 1.2rem;transition:all var(--transition-fast)}.nav-profile:hover{background:var(--hover-layer);border-color:var(--accent-color);color:var(--text-primary)}.nav-profile:active{background:var(--active-layer);transform:scale(.95)}.nav-profile.active{background:var(--hover-layer);border-color:var(--accent-color);color:var(--accent-color)}.theme-toggle{align-items:center;background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:.5rem;transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background:var(--hover-layer);border-color:var(--accent-color);color:var(--text-primary)}.theme-toggle:active{background:var(--active-layer);transform:scale(.95)}.profile-icon,.theme-toggle svg{height:20px;width:20px}.profile-icon{color:inherit}@media (max-width:768px){.navbar{padding:.6rem 1rem;top:.5rem}.logo-text{display:none}.nav-link{font-size:.85rem;padding:.5rem .8rem}.nav-profile span{display:none}}.profile-view{animation:fade-in .5s ease-out;display:flex;flex-direction:column;gap:3.5rem;margin:0 auto;max-width:1200px;padding:3.5rem}.profile-header{align-items:center;display:flex;gap:2rem}.profile-avatar{align-items:center;background:var(--surface-container-low);border:none;border-radius:50%;box-shadow:var(--shadow-md);display:flex;font-size:4rem;height:100px;justify-content:center;width:100px}.profile-name-section{display:flex;flex-direction:column;justify-content:center}.name-display-group{align-items:center;display:flex;gap:1rem}.name-display-group h2{color:var(--text-primary);font-size:2rem;margin:0}.name-edit-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;opacity:.5;padding:0;transition:all .2s ease}.name-display-group:hover .name-edit-icon,.name-edit-icon:hover{color:var(--accent-color);opacity:1}.name-edit-group{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.name-edit-input{background:var(--surface-container-low);border:none;border-bottom:2px solid var(--accent-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-primary);font-family:inherit;font-size:1.2rem;outline:none;padding:.5rem 1rem;transition:all var(--transition-fast)}.name-edit-input:focus{background:var(--surface-container)}.name-save-btn{background:var(--accent-color);border:none;border-radius:var(--radius-full);color:var(--primary-on);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-fast)}.name-save-btn:active{background:var(--accent-hover);transform:scale(.95)}.name-cancel-btn{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;transition:all var(--transition-fast)}.name-cancel-btn:hover{background:var(--hover-layer);color:var(--text-primary)}.profile-stat-summary{color:var(--text-secondary);margin:.5rem 0 0}.profile-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.stat-card{align-items:center;background:var(--surface-container-low);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{color:var(--accent-color);font-weight:800}.stat-label{font-size:.9rem;letter-spacing:1px}.profile-settings{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.profile-settings h3{color:var(--text-primary);font-size:1.2rem;margin:0}.setting-item{align-items:center;display:flex;justify-content:space-between}.setting-item span,.toggle-btn{color:var(--text-secondary)}.toggle-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;font-weight:600;padding:.4rem 1.2rem;transition:all var(--transition-fast)}.toggle-btn:hover{background:var(--hover-layer);color:var(--text-primary)}.toggle-btn:active{transform:scale(.95)}.toggle-btn.active{background:var(--accent-color);border:none;color:var(--primary-on)}.theme-color-picker{align-items:center;display:flex;gap:.8rem}.theme-circle{border:2px solid #0000;border-radius:50%;box-shadow:0 4px 6px #0000001a;cursor:pointer;height:28px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.theme-circle:hover{transform:scale(1.15) translateY(-2px)}.theme-circle.active{border-color:var(--text-primary);box-shadow:0 0 15px currentColor;transform:scale(1.2)}.theme-circle.ocean{background:#6750a4;color:#6750a4}.theme-circle.forest{background:#386a20;color:#386a20}.theme-circle.sunset{background:#8d4f00;color:#8d4f00}.theme-circle.rose{background:#984061;color:#984061}.toggle-btn.disabled{background:var(--surface-container-low);border:none;color:var(--text-secondary);cursor:not-allowed;opacity:.5}.logout-btn{background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef44441a;border-color:var(--danger-color);color:var(--danger-color)}.logout-btn:active{transform:scale(.95)}.profile-container{animation:fade-in .5s ease-out;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:2rem;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.profile-container{gap:1.5rem;padding:1rem}.profile-header{flex-direction:column;text-align:center}.profile-stats-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-card{gap:.2rem;padding:1rem .5rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}.setting-item{align-items:stretch;flex-direction:column;gap:1rem}.theme-color-picker{justify-content:space-around;width:100%}.theme-circle{height:34px;width:34px}.toggle-btn{padding:.8rem;text-align:center;width:100%}.logout-btn{width:100%}}.pattern-insight-card{background:var(--surface-container-low);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.pattern-insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.insight-icon{font-size:1.2rem}.insight-header h4{color:var(--accent-color);font-size:.9rem;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.insight-text{color:var(--text-primary);font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:20px}.insight-footer{align-items:center;display:flex;justify-content:space-between}.insight-badge{background:var(--accent-color);border-radius:var(--radius-full);color:var(--primary-on);font-size:.75rem;font-weight:600;padding:4px 10px}.insight-meta{color:var(--text-secondary);font-size:.8rem}.pattern-insight-card.loading{display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:120px}.skeleton-line{animation:skeleton-shimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--glass-highlight) 0,var(--glass-bg) 50%,var(--glass-highlight) 100%);background-size:200% 100%;border-radius:4px;height:20px;width:100%}.skeleton-line.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.monthly-report-card{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:25px;overflow:hidden;padding:30px;position:relative}.monthly-report-card:before{background:var(--accent-glow);content:"";filter:blur(80px);height:200px;position:absolute;right:-20%;top:-50%;width:200px;z-index:-1}.report-header{align-items:flex-start;display:flex;justify-content:space-between}.report-subtitle{color:var(--text-secondary);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.report-month{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:5px 0 0}.report-logo{color:var(--text-primary);font-size:.9rem;font-weight:700;letter-spacing:.05em;opacity:.5}.report-main-stat{gap:30px;padding:10px 0}.report-main-stat,.stat-circle{align-items:center;display:flex}.stat-circle{border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 0 20px var(--accent-glow);flex-direction:column;height:100px;justify-content:center;width:100px}.stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase}.top-mood-highlight{display:flex;flex-direction:column}.highlight-label{color:var(--text-secondary);font-size:.8rem}.highlight-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;text-transform:capitalize}.report-details-grid{grid-gap:20px;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.mood-breakdown h4{color:var(--text-secondary);font-size:.9rem;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.mood-tags{display:flex;flex-wrap:wrap;gap:10px}.mood-tag{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;display:flex;font-size:.9rem;gap:8px;padding:6px 12px;transition:all .2s ease}.mood-tag:hover{background:var(--glass-highlight);border-color:var(--accent-color);transform:translateY(-2px)}.mood-count{color:var(--accent-color);font-weight:700}.report-footer{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:10px}.report-footer p{color:var(--text-secondary);font-size:.9rem;font-style:italic;text-align:center}.share-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:100px;box-shadow:0 4px 15px var(--accent-glow);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.share-btn:hover{box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-3px)}.monthly-report-card.loading{align-items:center;justify-content:center;min-height:400px}.skeleton-circle{background:var(--glass-highlight);border-radius:50%;height:100px;margin-bottom:20px;width:100px}.intention-setter-container{margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:800px;padding:15px 25px;width:100%}.intention-form{align-items:center;display:flex;gap:20px;width:100%}.intention-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.intention-prompt{color:var(--text-secondary);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.intention-input{background:none;border:none;border-bottom:2px solid var(--glass-border);color:var(--text-primary);font-size:1.1rem;padding:8px 0;transition:all .3s ease;width:100%}.intention-input:focus{border-color:var(--accent-color);outline:none}.intention-submit-btn{background:var(--primary-gradient);border:none;border-radius:100px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.intention-submit-btn:disabled{cursor:default;opacity:.5}.intention-display{align-items:center;border-left:4px solid var(--accent-color);display:flex;gap:15px;margin-bottom:30px;padding:15px 25px}.intention-display p{color:var(--text-primary);font-size:1.1rem;margin:0}.intention-display strong{color:var(--accent-color)}.intention-icon{font-size:1.2rem}@media (max-width:600px){.intention-setter-container{padding:15px}.intention-form{align-items:stretch;flex-direction:column}.intention-submit-btn{width:100%}}.community-mood-widget{margin-top:25px;padding:20px}.community-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.live-indicator{align-items:center;color:var(--danger-color);display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.05em}.live-indicator .dot{animation:pulse-red 1.5s infinite;background:var(--danger-color);border-radius:50%;height:6px;width:6px}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #ef4444b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.community-header h4{color:var(--text-secondary);font-size:.9rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.community-intro{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-bottom:20px}.mood-bars{gap:15px}.mood-bar-group,.mood-bars{display:flex;flex-direction:column}.mood-bar-group{gap:6px}.mood-bar-info{display:flex;font-size:.85rem;justify-content:space-between}.mood-bar-label{color:var(--text-primary);font-weight:500}.mood-bar-percent{color:var(--accent-color);font-weight:700}.mood-bar-track{background:var(--surface-container-low);height:8px;overflow:hidden}.mood-bar-fill,.mood-bar-track{border-radius:var(--radius-full)}.mood-bar-fill{background:var(--primary-gradient);height:100%;transition:width 1s var(--transition-normal)}.community-footer{border-top:1px solid var(--glass-border);display:flex;justify-content:center;margin-top:20px;padding-top:15px}.community-footer span{color:var(--text-secondary);font-size:.75rem}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:2rem;position:relative}.auth-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);max-width:450px;padding:3rem;width:100%}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-logo{align-items:center;color:var(--accent-color);display:flex;gap:.8rem;justify-content:center;margin-bottom:1.5rem}.auth-logo svg{stroke:var(--accent-color);height:32px;width:32px}.auth-logo span{font-size:1.8rem;font-weight:800;letter-spacing:-1px}.auth-header h1,.auth-logo span{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.auth-header h1{font-size:2.2rem;margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);font-size:1.1rem}.auth-social{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.google-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:var(--radius-md);color:#3c4043;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;padding:.8rem;transition:all .3s}.google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #3c40434d,0 4px 8px #3c404326}.auth-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:700;letter-spacing:1px;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--glass-border);content:"";flex:1 1}.auth-divider span{padding:0 1rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600;padding-left:.2rem}.form-group input{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:.8rem 1.2rem;transition:all .3s}.form-group input:focus{background:#ffffff14;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.auth-error{background:#ef44441a;border:1px solid var(--danger-color);border-radius:var(--radius-md);color:var(--danger-color)}.auth-error,.auth-success{font-size:.9rem;padding:.8rem;text-align:center}.auth-success{background:#10b9811a;border:1px solid var(--success-color);border-radius:var(--radius-md);color:var(--success-color)}.auth-submit-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s}.auth-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.7}.auth-footer{color:var(--text-secondary);margin-top:2rem;text-align:center}.auth-toggle-btn{background:#0000;border:none;color:var(--accent-color);cursor:pointer;font-weight:600;margin-left:.5rem;text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-card{padding:2rem}.landing-hero h1{font-size:3rem}.landing-nav{flex-direction:column;gap:1.5rem;margin-bottom:3rem}.landing-back-btn{font-size:.9rem;left:1rem;padding:.6rem 1rem;top:1rem}}.landing-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:2rem 5%}.landing-nav{justify-content:space-between;margin-bottom:4rem;padding:1rem 0}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{color:var(--accent-color);gap:.8rem}.landing-logo svg{stroke:var(--accent-color);height:36px;width:36px}.landing-logo span{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-1px}.landing-nav-actions{align-items:center;display:flex;gap:1rem}.landing-login-btn{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1rem;transition:background var(--transition-fast)}.landing-login-btn:hover{background:var(--hover-layer)}.landing-signup-btn{background:var(--accent-color);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--primary-on);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.landing-signup-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}.landing-signup-btn:active{transform:scale(.95)}.landing-hero{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto 6rem;max-width:800px;text-align:center}.landing-hero h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,8vw,5.5rem);letter-spacing:-.03em;line-height:1.1;margin:0}.landing-hero p{color:var(--text-secondary);font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;margin:0;max-width:650px}.landing-cta-btn{background:var(--text-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--bg-color);cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:1rem;padding:1rem 2.5rem;transition:all var(--transition-normal)}.landing-cta-btn:hover{box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-2px)}.landing-cta-btn:active{transform:scale(.95)}.landing-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:auto;width:100%}.feature-card{align-items:flex-start;background:var(--surface-container-low);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;padding:2.5rem 2rem;transition:all var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{align-items:center;background:var(--surface-container);border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:60px;justify-content:center;margin-bottom:.5rem;width:60px}.feature-card h3{color:var(--text-primary);font-size:1.3rem;margin:0}.feature-card p{color:var(--text-secondary);line-height:1.5;margin:0}.landing-back-btn{background:var(--surface-container-low);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-weight:600;left:2rem;padding:.8rem 1.5rem;position:absolute;top:2rem;transition:all var(--transition-fast);z-index:10}.landing-back-btn:hover{background:var(--hover-layer)}.landing-back-btn:active{transform:scale(.95)}
/*# sourceMappingURL=main.c95c3cda.css.map*/