@import"https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,400;0,700;1,400&family=Prompt:ital,wght@0,300;0,400;0,600;1,300&family=Outfit:wght@300;400;600&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--font-family: "Noto Sans Thai Looped", "Inter", system-ui, -apple-system, sans-serif;--line-height: 2;--line-height-body: 2.2;--font-weight: 400;--color-tid-soft-sky: #DAF0F7;--color-tid-slate-blue: #6A7B8C;--color-tid-powder-blue: #E6F3F5;--color-tid-sage: #9CAFA0;--color-tid-mint-muted: #A8E4CE;--color-tid-seafoam: #A3C6C0;--color-tid-lavender: #E1DEE9;--color-tid-lilac: #E0C8E0;--color-tid-cool-grey: #CED2D9;--color-tid-off-white: #F5F7FA;--color-primary: #103554;--color-secondary: #26A69A;--color-bridge: #26A69A;--color-accent: #EBF7F4;--color-dark: #1E3A4A;--color-light: #F4F9F9;--color-white: #FFFFFF;--color-danger: #D4847C;--color-exit-bg: #26A69A;--color-exit-hover: #103554;--gradient-bg: linear-gradient(to top, #EBF7F4 0%, #F4F9F9 100%);--gradient-brand: linear-gradient(to top, #103554 0%, #26A69A 100%);--gradient-brand-soft: linear-gradient(to top, #103554 0%, #26A69A 100%);--color-bg: #F8FDFF;--color-text: #103554;--color-border: rgba(16, 53, 84, .1);--color-shadow: rgba(16, 53, 84, .08);--color-focus: rgba(38, 166, 154, .4)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-weight:600;line-height:1.6;margin-bottom:.75em;color:var(--color-dark)}h1{font-size:2.75rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--color-primary);letter-spacing:-.01em}h2{font-size:2rem;color:var(--color-dark);letter-spacing:0}h3{font-size:1.4rem;color:var(--color-primary)}p{line-height:var(--line-height-body);margin-bottom:1.25em}button{border-radius:50px;border:none;padding:.8em 2em;font-size:1em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .35s ease}button:focus{outline:3px solid var(--color-focus);outline-offset:2px}.btn-primary{background:transparent;border:1px solid var(--color-bridge);color:var(--color-bridge);box-shadow:none}.btn-primary:hover{background-color:var(--color-bridge);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #26a69a33}.btn-secondary{background-color:transparent;border:1px solid var(--color-bridge);color:var(--color-bridge)}.btn-secondary:hover{background-color:var(--color-bridge);color:var(--color-white)}.btn-text{background:none;color:var(--color-secondary);font-weight:600;padding:.5em 1em}.btn-text:hover{background-color:#26a69a1a;border-radius:12px;text-decoration:none}.landing-page{display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000;transition:all .3s ease;border-bottom:1px solid var(--color-border)}.header.scrolled{background:#fdfefef2;padding:1rem 4rem;box-shadow:0 2px 12px var(--color-shadow)}.logo{font-size:1.5rem;font-weight:800;color:var(--color-dark);display:flex;align-items:center;gap:.5rem}.logo-wave{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:cursive}nav{display:flex;gap:2rem;align-items:center}.nav-link{background:none;color:var(--color-dark);padding:.5rem;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-primary)}.hero{display:flex;align-items:center;justify-content:space-between;padding:6rem 4rem;min-height:80vh;background:var(--gradient-bg);position:relative;overflow:hidden}.hero-content{flex:1;max-width:600px;z-index:1}.hero-actions{display:flex;gap:1rem;margin-top:2.5rem}.hero-visual{flex:1;display:flex;justify-content:center;position:relative}.wave-circle{width:450px;height:450px;background:var(--gradient-brand);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 12s ease-in-out infinite;opacity:.6;filter:blur(40px)}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.features{padding:6rem 4rem;background-color:var(--color-white);text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.feature-card{padding:2.5rem;border-radius:20px;background:var(--color-light);transition:transform .3s ease,box-shadow .3s ease;text-align:left;border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px var(--color-shadow)}.page-container{max-width:900px;margin:0 auto;padding:3rem 2rem}.page-header{display:flex;align-items:center;margin-bottom:3rem;justify-content:space-between}.page-content{background:var(--color-white);padding:3rem;border-radius:24px;box-shadow:0 4px 28px var(--color-shadow)}.about-us,.how-it-works,.blog{padding:6rem 4rem;text-align:center}.about-us{background:var(--gradient-bg)}.about-content{max-width:800px;margin:0 auto}.about-us p{font-size:1.25rem;color:var(--color-dark);margin-bottom:3rem;line-height:1.9}.about-stats{display:flex;justify-content:center;gap:5rem;flex-wrap:wrap}.stat-item h4{font-size:3.5rem;margin-bottom:.2rem;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-primary)}.stat-item p{font-size:1.1rem;color:var(--color-dark);font-weight:500}.how-it-works{background-color:var(--color-white)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:5rem}.step-card{position:relative;padding:3rem 2rem 2.5rem;background:var(--color-light);border-radius:24px;transition:transform .3s ease}.step-card:hover{transform:translateY(-8px)}.step-number{position:absolute;top:-24px;left:24px;width:64px;height:64px;background:var(--gradient-brand);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;box-shadow:0 8px 24px #10355438}.blog{background-color:var(--color-light)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:4rem}.blog-card{background:var(--color-white);border-radius:20px;overflow:hidden;text-align:left;box-shadow:0 4px 24px var(--color-shadow);transition:transform .35s ease,box-shadow .35s ease;border:1px solid var(--color-border)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px #4a545814}.blog-image{height:220px;background:var(--gradient-brand);opacity:.8}.blog-info{padding:2rem}.blog-tag{display:inline-block;padding:.4em 1em;background:var(--color-accent);color:var(--color-primary);border-radius:50px;font-size:.85rem;font-weight:700;margin-bottom:1rem;letter-spacing:.02em}.blog-info h3{font-size:1.4rem;margin-bottom:1rem;color:var(--color-dark);line-height:1.4}.blog-info p{font-size:1rem;color:#6b7780;margin-bottom:1.5rem}@media (max-width: 768px){.about-us,.how-it-works,.blog{padding:4rem 1.5rem}.about-stats{gap:2.5rem}.stat-item h4{font-size:2.5rem}.steps-grid{gap:4.5rem}}.footer{padding:3rem 2rem;text-align:center;background-color:var(--color-dark);color:var(--color-white);font-size:.95rem}.mobile-nav-controls{display:none;align-items:center;gap:1rem}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger .bar{width:100%;height:2px;background-color:var(--color-dark);border-radius:2px;transition:all .3s ease}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--color-white);padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 32px #4a545814;animation:slideDown .35s ease forwards;border-top:1px solid var(--color-border)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header{padding:1rem 1.5rem;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.desktop-nav{display:none}.mobile-nav-controls{display:flex}.btn-primary.small{padding:.6em 1.2em;font-size:.9rem}.logo img{height:48px!important}.hero{flex-direction:column-reverse;padding:3rem 1.5rem;text-align:center;gap:3rem}.hero-content{max-width:100%}.hero-actions{justify-content:center;flex-wrap:wrap}.wave-circle{width:300px;height:300px}h1{font-size:2.2rem}h2{font-size:2rem}.features{padding:4rem 1.5rem}.feature-grid{grid-template-columns:1fr}.page-container{padding:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.floating-emotions-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f4f9f9fa,#ebf7f4fa,#f4f9f9fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.floating-emotions-container.inline-mode{position:absolute;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:5;pointer-events:none}.floating-emotions-container.inline-mode .emotion-bubble{pointer-events:auto;opacity:.85}.floating-emotions-container.inline-mode .emotion-bubble:hover{opacity:1}.floating-emotions-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(136,216,192,.08) 0%,transparent 50%);animation:ambientPulse 8s ease-in-out infinite;pointer-events:none}.floating-emotions-container:after{content:"";position:absolute;bottom:-30%;right:-30%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(44,76,102,.05) 0%,transparent 50%);animation:ambientPulse 10s ease-in-out infinite reverse;pointer-events:none}@keyframes ambientPulse{0%,to{transform:scale(1) translate(0);opacity:.6}50%{transform:scale(1.1) translate(5%,5%);opacity:1}}.emotion-instruction{position:absolute;top:15%;left:50%;transform:translate(-50%);text-align:center;z-index:10;pointer-events:none}.emotion-instruction h2{font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,#2c4c66,#5a7d8a,#88d8c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.emotion-instruction p{font-size:1.1rem;color:#5a7d8a;font-weight:400;opacity:.8}.emotion-bubble{border:none;border-radius:50%;cursor:pointer;position:relative;font-family:inherit;font-weight:600;color:#2c4c66d9;transition:box-shadow .3s ease,filter .3s ease;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 50% 35% at 28% 18%,rgba(255,255,255,.25) 0%,rgba(255,255,255,.08) 40%,transparent 70%),radial-gradient(ellipse 40% 25% at 72% 82%,rgba(255,255,255,.06) 0%,transparent 60%),linear-gradient(135deg,#ffb6c10a,#ffdab908,#ffffba08,#baffc90a,#bae1ff0a,#dabaff08,#ffbaf30a 90%,#ffb6c108),radial-gradient(circle at center,#ffffff0f,#f0faff0a 60%,#dcf0ff08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 12px #ffffff14,0 0 20px #dcf0ff0a,0 0 40px #ebf5ff08,inset 0 0 0 1px #c8e6ff1f,0 0 0 .5px #c8e6ff14,0 4px 16px #2c4c6608;user-select:none;-webkit-user-select:none;overflow:hidden}.bubble-large{width:120px;height:120px;font-size:1.1rem;padding:1rem}.bubble-medium{width:100px;height:100px;font-size:1rem;padding:.8rem}.bubble-small{width:85px;height:85px;font-size:.9rem;padding:.6rem}.emotion-bubble.burnout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(212,132,124,.2) 0%,transparent 50%);pointer-events:none}.emotion-bubble.anxiety:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(136,216,192,.25) 0%,transparent 50%);pointer-events:none}.emotion-bubble.sadness:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(123,163,201,.25) 0%,transparent 50%);pointer-events:none}.emotion-bubble.general:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 60% 40%,rgba(184,169,201,.2) 0%,transparent 50%);pointer-events:none}.bubble-glow{position:absolute;top:12%;left:18%;width:30%;height:20%;transform:rotate(-30deg);background:radial-gradient(ellipse at center,rgba(255,255,255,.45) 0%,rgba(255,255,255,.15) 50%,transparent 80%);opacity:.6;transition:opacity .3s ease;pointer-events:none;border-radius:50%}.emotion-bubble:after{content:"";position:absolute;bottom:18%;right:14%;width:12%;height:8%;background:radial-gradient(ellipse at center,rgba(255,255,255,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none}.emotion-bubble:hover .bubble-glow{opacity:.85}.emotion-bubble:hover{box-shadow:inset 0 0 15px #ffffff1f,0 0 25px #dcf0ff14,0 0 50px #ebf5ff0d,inset 0 0 0 1px #c8e6ff2e,0 0 0 .5px #c8e6ff1f,0 8px 24px #2c4c660d;filter:brightness(1.02)}.emotion-bubble:active{box-shadow:inset 0 0 12px #ffffff1a,0 0 12px #dcf0ff0f,inset 0 0 0 1px #c8e6ff26,0 3px 10px #2c4c660a}.bubble-text{position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.5);line-height:1.2}.floating-emotions-container.focusing .emotion-instruction{opacity:0;pointer-events:none}.writing-prompt-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:600px;padding:0 2rem;z-index:20}.selected-emotion-display{margin-bottom:2rem}.emotion-label{display:inline-block;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#2c4c66,#88d8c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.emotion-label:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent,#88D8C0,transparent);border-radius:2px}.writing-prompt{font-size:1.3rem;color:#5a7d8a;line-height:2;margin-bottom:2.5rem;font-weight:400}.reset-button{background:transparent;border:1.5px solid #5A7D8A;color:#5a7d8a;padding:.7rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.reset-button:hover{background:#5a7d8a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #5a7d8a33}@media (max-width: 768px){.emotion-instruction{top:10%;padding:0 1.5rem}.emotion-instruction h2{font-size:1.8rem}.emotion-instruction p{font-size:1rem}.bubble-large{width:95px;height:95px;font-size:.95rem;padding:.8rem}.bubble-medium{width:80px;height:80px;font-size:.85rem;padding:.6rem}.bubble-small{width:70px;height:70px;font-size:.75rem;padding:.5rem}.emotion-label{font-size:2.2rem}.writing-prompt{font-size:1.1rem}.writing-prompt-container{padding:0 1.5rem}}.floating-emotions-container.exiting{animation:fadeOut .5s ease forwards}@keyframes fadeOut{to{opacity:0;pointer-events:none}}.emotion-bubble:focus{outline:3px solid rgba(136,216,192,.5);outline-offset:4px}.emotion-bubble:focus-visible{outline:3px solid rgba(136,216,192,.8);outline-offset:4px}@media (prefers-reduced-motion: reduce){.floating-emotions-container:before,.floating-emotions-container:after{animation:none}.emotion-bubble{transition:background .3s ease,box-shadow .3s ease}}.mind-dump-section{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:var(--color-bg);overflow:hidden;padding:3rem 1.5rem;text-align:center}.mind-dump-section.safe-space{background:radial-gradient(circle at top left,var(--color-tid-soft-sky),transparent 40%),radial-gradient(circle at bottom right,var(--color-tid-lavender),transparent 40%),var(--gradient-bg)}.mind-dump-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:1;mix-blend-mode:overlay}.ambient-light{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.3;animation:floatingAmbient 25s infinite alternate ease-in-out}.light-1{top:-15%;left:-15%;background:radial-gradient(circle,var(--color-tid-soft-sky) 0%,transparent 70%)}.light-2{bottom:-15%;right:-15%;background:radial-gradient(circle,var(--color-tid-lavender) 0%,transparent 70%);animation-delay:-7s}@keyframes floatingAmbient{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(5%,10%) scale(1.1) rotate(10deg)}66%{transform:translate(-5%,5%) scale(.9) rotate(-10deg)}to{transform:translate(0) scale(1) rotate(0)}}.content-container{position:relative;width:100%;max-width:580px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem}.intro-text h1{font-size:clamp(1.8rem,3vw,2.2rem);margin-bottom:.25rem;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.04em;filter:drop-shadow(0 4px 8px rgba(0,0,0,.03))}.subtitle{font-size:clamp(.85rem,1.5vw,.95rem);color:var(--color-tid-slate-blue);margin-bottom:.5rem;font-weight:400;letter-spacing:.01em;max-width:600px}.input-area{position:relative;width:100%;max-width:550px;display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.textarea-wrapper{position:relative;width:100%;background:#ffffff80;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:24px;padding:.75rem 1.2rem;border:1px solid rgba(255,255,255,.5);box-shadow:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.textarea-wrapper:focus-within{background:#ffffffe6;box-shadow:none;border-color:#fff}.input-row{display:flex;align-items:flex-end;gap:.5rem;width:100%}.mind-input.enhanced{flex:1;width:100%;min-height:24px;max-height:200px;background:transparent;border:none;padding:0;font-size:1.05rem;color:var(--color-dark);line-height:1.5;resize:none;outline:none;text-align:left;transition:height .2s ease}.mind-input.enhanced::placeholder{color:#94a3b8;opacity:.8;font-weight:300}.send-btn-icon{display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);color:#fff;border:none;width:auto;height:auto;padding:.6rem 1.2rem;border-radius:16px;cursor:pointer;flex-shrink:0;box-shadow:none;transition:all .2s ease;font-weight:600;font-size:.95rem;letter-spacing:.02em}.send-btn-icon:hover{opacity:.9;transform:translateY(-1px)}.send-btn-icon:active{transform:translateY(0)}.send-btn.enhanced{display:flex;align-items:center;gap:.6rem;background:var(--gradient-brand-soft);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:50px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:none}.send-btn.enhanced:hover:not(:disabled){transform:translateY(-1px);background:var(--gradient-brand);opacity:.95}.send-btn.enhanced:active:not(:disabled){transform:translateY(0)}.send-btn.enhanced:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed;box-shadow:none}.writing-prompt-display{color:var(--color-primary);font-size:1rem;font-weight:500;margin-bottom:.8rem;font-style:normal;min-height:1.5rem;max-width:90%}.selected-emotion-badge{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.2rem;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000008;margin-bottom:1rem}.badge-label{font-size:.9rem;color:var(--color-tid-slate-blue)}.badge-emotion{font-weight:700;color:var(--color-primary)}.badge-clear{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.badge-clear:hover{color:#ef4444}.floating-thought{position:absolute;left:50%;top:40%;font-size:clamp(1.5rem,4vw,2rem);color:var(--color-primary);pointer-events:none;white-space:pre-wrap;max-width:300px;font-weight:500;z-index:100;text-align:center}.thought-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fffc,#94a3b84d);pointer-events:none;filter:blur(1px)}.validation-toast{position:absolute;bottom:-70px;display:flex;align-items:center;gap:.8rem;background:#1e293bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:.8rem 1.8rem;border-radius:50px;font-size:1.05rem;box-shadow:0 15px 30px -10px #0003}.helper-text{color:var(--color-tid-slate-blue);font-size:.95rem;margin-top:2rem;display:flex;align-items:center;gap:.5rem}.grounding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%);z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center}.grounding-instruction{font-size:clamp(2rem,5vw,2.5rem);color:var(--color-dark);margin-bottom:4rem;font-weight:600;text-align:center}.breathing-circle-container{position:relative;width:clamp(200px,40vw,300px);height:clamp(200px,40vw,300px);display:flex;justify-content:center;align-items:center}.breathing-circle{width:100%;height:100%;background:radial-gradient(circle,var(--color-secondary) 0%,var(--color-tid-seafoam) 100%);border-radius:50%;filter:blur(4px);box-shadow:0 0 60px #bae6fd4d}.breathing-inner{position:absolute;width:50%;height:50%;background:#fff;border-radius:50%;box-shadow:inset 0 0 30px #0000000d}.scroll-hint{margin-top:2rem}.scroll-icon{display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;color:var(--color-tid-slate-blue);transition:all .3s ease}.scroll-icon span{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.scroll-icon:hover{color:#1e293b;transform:translateY(5px)}@media (max-width: 768px){.mind-dump-section{padding:2rem 1.5rem}.textarea-wrapper{padding:1.5rem;border-radius:24px}.mind-input.enhanced{font-size:1.25rem;min-height:100px}}.insight-section{min-height:auto;display:flex;align-items:center;justify-content:center;background-color:var(--color-tid-off-white);padding:2rem 1.5rem;position:relative;overflow:hidden}.insight-container{max-width:1000px;width:100%;margin:0 auto;text-align:center;z-index:10}.section-header{margin-bottom:2rem}.section-header h2{font-size:3rem;color:var(--color-primary);margin-bottom:.5rem;letter-spacing:-.02em}.section-header .thai-title{font-size:1.25rem;color:var(--color-tid-slate-blue);margin-bottom:1.5rem;font-weight:300}.analysis-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:2rem;box-shadow:0 20px 50px #10355414,inset 0 0 0 1px #fff9;max-width:800px;margin:0 auto;min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease;overflow:hidden;position:relative}.analyzing-state{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.aura-visual{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#88d8c0,#2c4c66);filter:blur(20px);opacity:.8}.loading-text{font-size:1.2rem;color:var(--color-tid-slate-blue);font-weight:500}.somatic-check-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.somatic-question{font-size:1.5rem;color:var(--color-primary);margin-bottom:1rem}.somatic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:100%;max-width:600px}.somatic-btn{background:#fff;border:1px solid #E2E8F0;padding:1rem;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-tid-slate-blue)}.somatic-btn span{font-size:.95rem}.somatic-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000d;border-color:var(--color-bridge-light)}.somatic-btn.selected{background:var(--color-bridge-light);background-color:#e0f2f1;border-color:#26a69a;color:#00695c;transform:scale(1.02)}.continue-btn{margin-top:1rem;background:var(--color-primary);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2c4c6633}.result-state{width:100%;text-align:left}.insight-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.insight-tag{background:#f1f5f9;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;color:var(--color-tid-slate-blue);font-weight:500}.insight-main-text{font-size:1.4rem;color:var(--color-primary);line-height:1.6;margin-bottom:2rem;border-left:4px solid var(--color-bridge);padding-left:1.5rem}.recommendations{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.rec-item{flex:1;min-width:250px;background:#f8fafc;padding:1.5rem;border-radius:16px;display:flex;gap:1rem;align-items:flex-start;cursor:pointer;transition:all .2s ease}.rec-item:hover{background:#fff;box-shadow:0 10px 30px #0000000d}.rec-icon{padding:.8rem;background:#fff;border-radius:12px;color:var(--color-bridge);box-shadow:0 4px 10px #00000008}.rec-content h4{color:var(--color-primary);margin-bottom:.4rem;font-size:1.1rem}.rec-content p{font-size:.9rem;color:#64748b;line-height:1.5}@media (max-width: 768px){.insight-section{padding:4rem 1rem}.analysis-card{padding:2rem}.somatic-grid{grid-template-columns:repeat(2,1fr)}}.mood-compass-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.compass-area{width:280px;height:280px;background:#f8fafc;border-radius:24px;position:relative;box-shadow:inset 0 2px 10px #0000000d;border:1px solid #e2e8f0;margin:1rem 0;cursor:crosshair;overflow:hidden}.compass-axis-x,.compass-axis-y{position:absolute;background:#cbd5e1;opacity:.5}.compass-axis-x{width:100%;height:1px;top:50%;left:0}.compass-axis-y{width:1px;height:100%;left:50%;top:0}.axis-label{position:absolute;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;pointer-events:none}.label-top{top:10px;left:50%;transform:translate(-50%)}.label-bottom{bottom:10px;left:50%;transform:translate(-50%)}.label-left{left:10px;top:50%;transform:translateY(-50%) rotate(-90deg)}.label-right{right:10px;top:50%;transform:translateY(-50%) rotate(90deg)}.compass-puck{width:24px;height:24px;background:var(--color-primary);border:3px solid white;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003;cursor:grab;z-index:10}.compass-puck:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.mood-description-box{min-height:60px;text-align:center}.mood-result-word{font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:.25rem}.mood-result-desc{color:#64748b;font-size:.9rem}.habit-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:6rem 2rem;overflow:hidden}.habit-container{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.habit-content{order:1}.habit-visual{order:2;display:flex;justify-content:center;align-items:center}.habit-content h2{font-size:3.5rem;margin-bottom:2rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;color:var(--color-primary)}.habit-content h2 .thai-title{font-size:1.5rem;color:var(--color-text);opacity:.7;-webkit-text-fill-color:var(--color-text);font-weight:400;display:block;margin-top:.5rem}.description{font-size:1.25rem;color:var(--color-text);opacity:.8;line-height:1.8;margin-bottom:3rem;font-family:Inter,sans-serif}.highlight-text{border-left:4px solid var(--color-secondary);padding-left:1.5rem;font-style:italic;color:#4a4a4a}.btn-secondary{padding:.8rem 2.5rem;font-size:1.1rem;font-weight:500;color:var(--color-bridge);background:transparent;border:1px solid var(--color-bridge);border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:none}.btn-secondary:hover{background:var(--color-bridge);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5a7d8a33}.dashboard-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 60px #00000014;width:100%;max-width:400px;position:relative;border:1px solid rgba(0,0,0,.03)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-weight:600;color:#2d3436}.card-header .date{font-size:.9rem;color:#b2bec3;background:#f5f6fa;padding:.25rem .75rem;border-radius:20px}.graph-container{display:flex;justify-content:space-between;align-items:flex-end;height:120px;margin-bottom:2rem;padding:0 .5rem}.graph-bar{width:12%;background:#dfe6e9;border-radius:8px;position:relative;overflow:hidden;animation:growBar 1.5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay);transform-origin:bottom}.graph-bar.active{background:var(--gradient-brand);box-shadow:0 0 15px #88d8c066}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mood-reflection{display:flex;align-items:center;gap:1rem;background:#faf9fe;padding:1rem;border-radius:12px;color:var(--color-primary);font-size:.95rem;font-weight:500}@media (max-width: 900px){.habit-container{grid-template-columns:1fr;padding:0;gap:3rem}.habit-content{order:1;text-align:center}.habit-visual{order:2}.habit-content h2{font-size:2.5rem}.highlight-text{text-align:left;margin:0 auto 2rem;max-width:90%}}.solution-section{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f5f7fa);padding:4rem 2rem;text-align:center}.solution-container{max-width:800px;margin:0 auto}.solution-content h2{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(90deg,#2d3436,#636e72);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.solution-content .subtitle{font-size:1.25rem;color:#636e72;margin-bottom:3rem;font-weight:500}.trigger-condition{background:#ff76751a;border:1px solid rgba(255,118,117,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem;color:#d63031;font-weight:500}.highlight-danger{color:#d63031;font-weight:700}.main-message{font-size:1.5rem;color:#2d3436;margin-bottom:3rem;line-height:1.6;font-family:Georgia,serif;font-style:italic}.consult-btn{background:linear-gradient(135deg,#0984e3,#74b9ff);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0984e34d}.consult-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0984e366}.expert-images{margin-top:3rem}.avatar-group{display:flex;align-items:center;justify-content:center;gap:-1rem}.avatar-placeholder{width:48px;height:48px;border-radius:50%;background-color:#dfe6e9;border:3px solid white;margin-left:-15px}.avatar-placeholder:first-child{margin-left:0}.more-count{margin-left:1rem;color:#636e72;font-size:.9rem;font-weight:500}.assessment-selection{min-height:100vh;background:linear-gradient(135deg,#e8f4f8,#eef6f9,#f5fafa)}.selection-header{padding:1.5rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}.btn-back{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;font-size:1rem;color:var(--color-primary);cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease}.btn-back:hover{background:#001f3f0d}.back-icon{font-size:1.2rem}.selection-content{max-width:1200px;margin:0 auto;padding:2rem}.selection-intro{text-align:center;margin-bottom:3rem}.selection-intro h1{font-size:2.5rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.selection-intro p{font-size:1.2rem;color:#5a7a8a;max-width:600px;margin:0 auto}.assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.assessment-card{background:#fff;border-radius:24px;padding:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.assessment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);opacity:0;transition:opacity .3s ease}.assessment-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:var(--card-color)}.assessment-card:hover:before{opacity:1}.card-icon{font-size:3rem;margin-bottom:1rem}.card-badge{display:inline-block;padding:.3rem .8rem;background:var(--card-color);color:#fff;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:.8rem}.card-title{font-size:1.4rem;color:var(--color-dark);margin-bottom:.8rem;line-height:1.3}.card-description{font-size:.95rem;color:#5a7a8a;line-height:1.6;margin-bottom:1.5rem}.card-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#8aa0ac}.meta-icon{font-size:1rem}.card-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--card-color),color-mix(in srgb,var(--card-color) 70%,black));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.card-button:hover{transform:scale(1.02);box-shadow:0 8px 20px color-mix(in srgb,var(--card-color) 40%,transparent)}.selection-footer{text-align:center;padding:2rem;background:#f8fcfed9;border-radius:16px;color:#5a7a8a}.selection-footer p{margin:0;font-size:1rem}@media (max-width: 768px){.selection-content{padding:1rem}.selection-intro h1{font-size:1.8rem}.selection-intro p{font-size:1rem}.assessment-grid{grid-template-columns:1fr;gap:1.5rem}.assessment-card{padding:1.5rem}}.quiz-container{min-height:100vh;background:linear-gradient(to top,#e8f4f8,#f0f7fa,#f5fafa);display:flex;flex-direction:column}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05)}.btn-exit{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b8a9a;font-size:.95rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.btn-exit:hover{background:#6b8a9a14;color:var(--color-primary)}.quiz-info{display:flex;align-items:center;gap:1rem}.quiz-badge{background:var(--gradient-brand);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.quiz-count{color:#6b8a9a;font-size:.95rem}.quiz-progress{height:4px;background:#d8e4ea;position:relative}.progress-fill{height:100%;background:var(--gradient-brand);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.quiz-content{flex:1;display:flex;flex-direction:column;max-width:700px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.quiz-instruction{text-align:center;color:#5a7a8a;font-size:1rem;margin-bottom:2rem;padding:1rem;background:#f8fcfed9;border-radius:12px}.question-card{background:#fff;border-radius:24px;padding:2.5rem 2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;text-align:center}.question-card.animating{opacity:.5;transform:translate(20px)}.question-number{display:inline-block;background:linear-gradient(135deg,#e5f2f7,#eaf5f8);color:var(--color-primary);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.question-text{font-size:1.4rem;color:var(--color-dark);line-height:1.7;margin:0;font-weight:500}.options-container{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:#fafcfd;border:2px solid #D8E4EA;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left}.option-button:hover{border-color:var(--color-secondary);background:#f0f7fa;transform:translate(4px)}.option-button.selected{border-color:var(--color-secondary);background:linear-gradient(135deg,#e8f5f2,#f0faf8)}.option-indicator{font-size:1.2rem;color:var(--color-primary);flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:.2rem}.option-label{font-size:1.05rem;color:var(--color-dark);font-weight:500}.option-sublabel{font-size:.85rem;color:#8aa0ac}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.nav-button{background:none;border:none;color:#6b8a9a;font-size:.95rem;cursor:pointer;padding:.8rem 1.5rem;border-radius:12px;transition:all .2s}.nav-button:hover:not(:disabled){background:#0000000d;color:var(--color-primary)}.nav-button:disabled{opacity:.3;cursor:not-allowed}.nav-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:400px}.nav-dot{width:8px;height:8px;border-radius:50%;background:#c8d8e0;transition:all .2s}.nav-dot.active{background:var(--color-primary);transform:scale(1.3)}.nav-dot.answered{background:var(--color-secondary)}@media (max-width: 768px){.quiz-header,.quiz-content{padding:1rem}.question-card{padding:1.5rem}.question-text{font-size:1.2rem}.option-button{padding:1rem}.nav-dots{display:none}}.results-container{min-height:100vh;background:linear-gradient(180deg,#e8f4f8,#f0f7fa,#f5fafa)}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.btn-back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#64748b;font-size:.95rem;cursor:pointer;padding:.6rem 1.2rem;border-radius:10px;transition:all .2s}.btn-back:hover{background:#0000000d;color:var(--color-primary)}.results-badge{background:var(--gradient-brand);color:#fff;padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600}.results-main{max-width:800px;margin:0 auto;padding:2rem}.results-title{text-align:center;margin-bottom:2.5rem}.results-title h1{font-size:2.2rem;color:var(--color-dark);margin:0 0 .5rem;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-title p{color:#64748b;font-size:1.1rem;margin:0}.results-content{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #00000014;margin-bottom:2rem}.score-circle{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#eaf5f8,#f0f7fa);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 2rem;border:4px solid var(--score-color, #7FA98C);box-shadow:0 8px 24px #6b8a9a1f}.score-value{font-size:3.5rem;font-weight:800;color:var(--score-color, #7FA98C);line-height:1}.score-max{font-size:1rem;color:#64748b;margin-top:.3rem}.result-level{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;border-radius:16px;border:2px solid;margin:0 auto 1.5rem;display:flex;width:fit-content;margin-left:auto;margin-right:auto}.level-icon{font-size:1.5rem}.level-text{font-size:1.3rem;font-weight:700}.result-description{text-align:center;margin-bottom:2rem}.result-description p{font-size:1.1rem;color:#475569;margin:0;line-height:1.6}.result-meter{margin-bottom:2rem}.meter-track{height:12px;background:linear-gradient(90deg,#7fa98c,#7fb8b0 30%,#7ca5b8 50%,#8b9eb8,#9890a8);border-radius:6px;position:relative;overflow:visible}.meter-fill{height:100%;border-radius:6px;position:absolute;left:0;top:0}.meter-indicator{width:20px;height:20px;background:#fff;border:3px solid var(--color-dark);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.meter-labels{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.85rem;color:#64748b}.result-advice{background:linear-gradient(135deg,#e5f2f0,#eaf5f2);border-radius:16px;padding:1.5rem 2rem;margin-top:2rem}.result-advice h3{margin:0 0 .8rem;font-size:1.1rem;color:var(--color-dark)}.result-advice p{margin:0;color:#475569;line-height:1.7}.olbi-overall{text-align:center;padding:1.5rem 2rem;border-radius:16px;border:2px solid;margin-bottom:2rem}.overall-level{font-size:1.5rem;font-weight:700}.olbi-subscales{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.subscale-card{background:#f5fafa;border-radius:16px;padding:1.5rem}.subscale-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.subscale-icon{font-size:2rem}.subscale-header h4{margin:0;font-size:1.1rem;color:var(--color-dark)}.subscale-score{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.5rem}.score-num{font-size:2rem;font-weight:700;color:var(--color-dark)}.score-avg{font-size:.9rem;color:#64748b}.subscale-level{font-weight:600;margin-bottom:1rem}.subscale-bar,.category-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.dass-overview{text-align:center;margin-bottom:2rem}.dass-overview h3{margin:0 0 .5rem;font-size:1.3rem;color:var(--color-dark)}.dass-overview p{margin:0;color:#64748b}.dass-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1rem}.dass-category-card{background:#f5fafa;border-radius:16px;padding:1.5rem;text-align:center}.category-header{margin-bottom:1rem}.category-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.category-header h4{margin:0;font-size:1rem;color:var(--color-dark)}.category-score{margin-bottom:.8rem}.raw-score{font-size:2rem;font-weight:700;color:var(--color-dark)}.adjusted-score{font-size:.8rem;color:#94a3b8;display:block}.category-level{display:inline-block;padding:.4rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.severity-scale{display:flex;justify-content:space-between;font-size:.7rem;color:#94a3b8;margin-top:.5rem}.results-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn-retake,.btn-other{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-retake{background:var(--gradient-brand);color:#fff}.btn-retake:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-other{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-other:hover{background:var(--color-primary);color:#fff}.results-cta{background:linear-gradient(135deg,#6b9080,#78a89a,#7fb8b0);border-radius:24px;padding:2.5rem;margin-bottom:2rem;text-align:center}.cta-content h3{color:#fff;font-size:1.5rem;margin:0 0 .8rem}.cta-content p{color:#ffffffeb;margin:0 0 1.5rem;font-size:1.1rem}.btn-consult{background:#fff;color:#5d7d6e;padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-consult:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b908040}.results-disclaimer{background:#eff5f8;border-radius:12px;padding:1.2rem 1.5rem;border-left:4px solid #7CA5B8}.results-disclaimer p{margin:0;font-size:.9rem;color:#4a6a7a;line-height:1.6}@media (max-width: 768px){.results-header,.results-main{padding:1rem}.results-content{padding:1.5rem;border-radius:16px}.results-title h1{font-size:1.8rem}.score-circle{width:130px;height:130px}.score-value{font-size:2.8rem}.olbi-subscales,.dass-categories{grid-template-columns:1fr}.results-actions{flex-direction:column}.btn-retake,.btn-other{width:100%}.results-cta{padding:1.5rem;border-radius:16px}}:root{--primary-glow: conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);--secondary-glow: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .3);--text-main: #2D3748;--text-muted: #718096;--accent: #4FD1C5;--accent-hover: #38B2AC}.reflection-page{min-height:100vh;width:100vw;background:#f8fafc;position:relative;overflow-y:auto;overflow-x:hidden;font-family:Prompt,sans-serif;display:flex;flex-direction:column;align-items:center;padding:2rem;box-sizing:border-box}.reflection-page:before{content:"";position:absolute;width:100%;height:100%;background:var(--primary-glow);filter:blur(80px);z-index:0;opacity:.6;animation:rotate-glow 20s linear infinite;position:fixed}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none;position:fixed}.shape{position:absolute;border-radius:50%;filter:blur(40px);opacity:.4;animation:float 15s ease-in-out infinite}.shape-1{width:400px;height:400px;background:#a7f3d0;top:-100px;right:-100px}.shape-2{width:300px;height:300px;background:#bae6fd;bottom:-50px;left:-50px;animation-delay:-5s}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.reflection-header{text-align:center;margin-bottom:3rem;z-index:10;transition:all .6s cubic-bezier(.4,0,.2,1)}.main-title{font-family:Outfit,sans-serif;font-weight:600;font-size:3rem;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}.sub-title{font-size:1.25rem;color:var(--text-muted);margin-top:.75rem;font-weight:300}.reflection-card-container{position:relative;width:100%;max-width:850px;flex:1;display:flex;justify-content:center;align-items:center;z-index:5}.reflection-card{background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--card-border);width:100%;max-width:650px;padding:3.5rem;border-radius:40px;box-shadow:0 25px 50px -12px #00000014;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.reflection-card:hover{transform:translateY(-8px);box-shadow:0 35px 60px -15px #0000001a}.daily-prompt{font-family:Mali,cursive;font-size:1.75rem;color:#4a5568;margin-bottom:2.5rem;text-align:center;line-height:1.4}.textarea-wrapper{width:100%;position:relative;margin-bottom:2.5rem}.reflection-textarea{width:100%;min-height:280px;padding:2rem;border:2px solid transparent;border-radius:24px;background:#ffffff80;font-family:Prompt,sans-serif;font-size:1.15rem;line-height:1.9;color:var(--text-main);resize:none;outline:none;transition:all .4s ease;box-sizing:border-box}.reflection-textarea:focus{background:#fff;border-color:var(--accent);box-shadow:0 10px 30px -10px #4fd1c54d}.btn-send-waves{background:linear-gradient(135deg,#4fd1c5,#38b2ac);color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:1.25rem;padding:1.25rem 3.5rem;border-radius:100px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px -5px #38b2ac66;margin-bottom:1.5rem}.btn-send-waves:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px #38b2ac80}.btn-send-waves:active:not(:disabled){transform:translateY(-1px)}.btn-send-waves:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:none}.privacy-notice{font-size:.9rem;color:var(--text-muted);font-weight:300;display:flex;align-items:center;gap:.5rem}.privacy-notice:before{content:"🔒";font-size:.8rem}.distraction-mode .reflection-header,.distraction-mode .reflection-footer,.distraction-mode .back-button-floating,.distraction-mode .daily-prompt,.distraction-mode .privacy-notice,.distraction-mode .mood-selector{opacity:0;visibility:hidden;transform:translateY(-20px)}.distraction-mode .reflection-card{background:#ffffffe6;max-width:800px;padding:2rem}.distraction-mode .reflection-textarea{min-height:400px;font-size:1.4rem;background:transparent}.exit-focus-btn{position:absolute;bottom:-60px;background:#fff;border:1px solid #E2E8F0;padding:.5rem 1.5rem;border-radius:20px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .3s ease}.exit-focus-btn.show{opacity:1;bottom:-45px}.back-button-floating{position:fixed;top:2.5rem;left:2.5rem;z-index:100;background:#fff;border:1px solid #E2E8F0;border-radius:16px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--text-main);transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.back-button-floating:hover{transform:translate(-5px);border-color:var(--accent);color:var(--accent)}.reflection-footer{text-align:center;margin-top:3rem;max-width:700px;z-index:10;transition:all .6s ease}.expert-quote{font-size:1rem;color:var(--text-muted);line-height:1.7;font-style:italic;font-weight:300}@media (max-width: 768px){.reflection-page{padding:1.5rem}.main-title{font-size:2.25rem}.reflection-card{padding:2rem 1.5rem;border-radius:32px}.back-button-floating{top:1.5rem;left:1.5rem;width:42px;height:42px}}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;gap:3rem;position:relative;z-index:5}.mood-selector{width:100%;text-align:center;margin-bottom:2rem;transition:all .5s ease}.mood-selector.hide{opacity:0;visibility:hidden;height:0;margin:0;overflow:hidden}.section-label{font-size:1.1rem;color:var(--text-muted);margin-bottom:1rem;font-weight:400}.mood-options{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.mood-btn{background:#fff9;border:2px solid transparent;border-radius:16px;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:80px}.mood-emoji{font-size:1.75rem;line-height:1;filter:grayscale(100%);transition:all .3s ease}.mood-label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.mood-btn:hover{transform:translateY(-5px);background:#fff;box-shadow:0 4px 6px -1px #0000001a}.mood-btn:hover .mood-emoji{filter:grayscale(0%);transform:scale(1.1)}.mood-btn.selected{background:#fff;border-color:var(--mood-color);box-shadow:0 10px 15px -3px #0000001a,0 0 0 2px var(--mood-color);transform:translateY(-5px)}.mood-btn.selected .mood-emoji{filter:grayscale(0%);transform:scale(1.2)}.mood-btn.selected .mood-label{color:var(--mood-color);font-weight:700}.graph-container{width:100%;max-width:850px;display:flex;flex-direction:column;align-items:center;animation:fadeIn .8s ease-out;margin-bottom:2rem}.graph-title{font-family:Outfit,sans-serif;font-size:1.5rem;color:var(--text-main);margin-bottom:1rem;text-align:center}.graph-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid white;padding:2rem;border-radius:32px;box-shadow:0 10px 30px -5px #0000000d;width:100%;display:flex;flex-direction:column;align-items:center}.mood-graph{width:100%;height:200px;margin-bottom:1rem}.graph-svg{overflow:visible}.graph-caption{font-size:.9rem;color:var(--text-muted);font-weight:300}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-exit-btn{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;background-color:var(--color-exit-bg, #7C8B9A);color:#fff;border:none;border-radius:50px;padding:12px 20px;font-family:var(--font-family);font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #00000026;transition:all .2s ease}.quick-exit-btn:hover{background-color:var(--color-exit-hover, #6B7A89);transform:scale(1.03);box-shadow:0 6px 20px #0003}.quick-exit-btn:active{transform:scale(.98)}.quick-exit-btn:focus{outline:3px solid rgba(124,139,154,.5);outline-offset:2px}.quick-exit-icon{font-size:1rem;font-weight:700;line-height:1}.quick-exit-text{white-space:nowrap}@media (max-width: 768px){.quick-exit-btn{bottom:20px;right:20px;padding:14px 18px;font-size:.9rem}}@media (prefers-reduced-motion: reduce){.quick-exit-btn{transition:none}.quick-exit-btn:hover{transform:none}}