:root{--lotus-petal-light: #ffd7e7;--lotus-petal: #ffb6d6;--lotus-petal-dark: #fa64d3;--lotus-purple: #e19ad9;--lotus-violet: #a98bff;--leaf-green: #8fd3a7;--gold-light: #ffd46b;--gold-dark: #8a6a2f;--color-background: var(--lotus-petal-light);--color-surface: color-mix(in srgb, var(--lotus-petal-light) 12%, white);--color-surface-muted: color-mix(in srgb, var(--lotus-petal-light) 48%, white);--color-text: color-mix(in srgb, var(--lotus-petal-dark) 30%, black);--color-text-muted: color-mix(in srgb, var(--lotus-purple) 38%, black);--color-primary: var(--gold-dark);--color-accent: var(--lotus-petal-dark);--color-success: var(--leaf-green);--color-focus: var(--lotus-violet);--color-border: color-mix(in srgb, var(--gold-dark) 22%, transparent);--color-shadow: color-mix(in srgb, var(--gold-dark) 12%, transparent);color:var(--color-text);background:var(--color-background);font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-synthesis:none}html[lang=my]{font-size:80%;line-height:2;font-family:Pyidaungsu,Padauk,Noto Sans Myanmar,Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif}html[lang=my] body,html[lang=my] button,html[lang=my] input,html[lang=my] textarea,html[lang=my] select,html[lang=my] p,html[lang=my] h1,html[lang=my] h2,html[lang=my] h3,html[lang=my] span,html[lang=my] label,html[lang=my] legend,html[lang=my] small,html[lang=my] strong,html[lang=my] blockquote,html[lang=my] time,html[lang=my] article,html[lang=my] aside,html[lang=my] section{line-height:2}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--lotus-petal) 72%,white),transparent 32rem),linear-gradient(180deg,var(--lotus-petal-light),var(--color-surface) 82%)}button,textarea,select,input{font:inherit;font-size:16px;touch-action:manipulation}button,.mood,.check-in-cards button,.rating-grid button,.personality-option-card,.language-select{user-select:none;-webkit-user-select:none}button:focus-visible,textarea:focus-visible{outline:none}.brand-header{position:sticky;top:0;z-index:100;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(6px,var(--tg-content-safe-area-inset-top, 0px),var(--tg-safe-area-inset-top, 0px),env(safe-area-inset-top,0px)) 0 8px;margin-bottom:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.brand-header-left{display:flex;align-items:center;gap:8px}.brand-header-right{display:flex;align-items:center;justify-content:flex-end}.brand-home-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;box-shadow:none;min-height:auto;border-radius:8px;color:inherit;font:inherit;transition:opacity .15s ease,transform .1s cubic-bezier(.34,1.56,.64,1)}.brand-home-button:hover{opacity:.88}.brand-home-button:active{transform:scale(.96)}.brand-gon-mini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0}.brand-gon-mini-image{width:100%;height:100%;object-fit:contain;animation:gon-breathe 4.5s ease-in-out infinite;will-change:transform}.brand-gon-mini.is-active .brand-gon-mini-image{animation:gon-jump .9s ease-in-out infinite}.brand-mark{color:var(--gold-dark);font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700;line-height:1}.language-selector-wrapper{display:flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.language-select{appearance:none;-webkit-appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:600;color:var(--color-text);cursor:pointer;box-shadow:0 2px 6px var(--color-shadow);outline:none!important;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,box-shadow .15s ease}.language-select:focus,.language-select:focus-visible,.language-select:active{outline:none!important;border-color:var(--color-border);box-shadow:0 2px 6px var(--color-shadow)}.text-button,.back-link{min-height:44px;background:transparent;color:var(--gold-dark);font-size:.75em;padding:8px;box-shadow:none}html[lang=my] .text-button,html[lang=my] .back-link{font-size:.5em}.companion>.gon{display:none}.companion.is-welcome>.gon,.companion.is-waking>.gon{display:block}.welcome,.selection,.quick-mood,.life-balance-step,.review,.report{animation:view-enter .28s cubic-bezier(.16,1,.3,1)}@keyframes view-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.selection-hero-header{padding:2px 0 6px;text-align:center}.selection-hero-header .intro{margin:0}.selection-gon{width:clamp(100px,30vw,136px);margin:0 auto 10px}.selection-gon-image{width:100%;height:100%;object-fit:contain;animation:gon-breathe 4.5s ease-in-out infinite;will-change:transform}.selection h1{font-size:1.25rem;line-height:1.35}.selection h2,.review-list h2,.comparison h2{font-family:Georgia,Times New Roman,serif}.selection>h2{margin:24px 0 14px;text-align:center}.check-in-cards{display:grid;gap:14px}.check-in-cards button{min-height:144px;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;border:1px solid var(--color-border);border-radius:26px;background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text);padding:20px;text-align:left;box-shadow:0 14px 40px var(--color-shadow);transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,border-color .15s ease}.check-in-cards button:active{transform:scale(.98)}.check-in-cards button>span:first-child{grid-row:1 / 4;font-size:2rem}.check-in-cards strong{font-size:1.08rem}.check-in-cards small{color:var(--color-text-muted)}.life-balance .gon{width:clamp(104px,28vw,150px);margin-bottom:8px}.progress-copy{display:grid;gap:6px;color:var(--color-text-muted);font-weight:700}.progress-copy progress,.assessment-loading progress{width:100%;height:9px;accent-color:var(--lotus-violet)}.domain-helper{margin:0 auto 8px;max-width:420px;color:var(--color-text-muted);line-height:1.5;text-align:center}.rating-field{margin-top:10px;margin-bottom:8px;border:1px solid var(--color-border);border-radius:26px;background:var(--color-surface);box-shadow:0 6px 22px var(--color-shadow);padding:18px 18px 20px;transition:border-color .2s ease,box-shadow .2s ease}.rating-field:focus-within{border-color:var(--lotus-violet);box-shadow:0 8px 26px color-mix(in srgb,var(--lotus-violet) 18%,transparent)}.rating-field legend{line-height:1.4;margin-bottom:0;width:100%;padding:8px 0}.life-balance-question-legend{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:color-mix(in srgb,var(--lotus-violet) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--lotus-violet) 25%,transparent);box-shadow:0 4px 14px #0000000a}.question-gon-bullet{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;min-width:50px;margin-top:-24px;margin-bottom:-6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 30%,color-mix(in srgb,var(--lotus-petal) 65%,white));border:2px solid color-mix(in srgb,var(--lotus-violet) 42%,transparent);box-shadow:0 6px 16px #6f55d938,0 2px 6px #00000014;flex-shrink:0;z-index:2}.question-gon-bullet-img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.14));animation:gon-breathe 3.6s ease-in-out infinite}.life-balance-question-legend .question-text{font-size:1rem;font-weight:700;color:var(--color-text);line-height:1.5;text-align:left;padding:2px 0}html[lang=my] .life-balance-question-legend .question-text{line-height:1.85;font-size:.96rem}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rating-grid button{min-width:0;min-height:48px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);padding:8px 2px;font-weight:700;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease}.rating-grid button:active{transform:scale(.94)}.rating-grid button.selected{border-color:var(--lotus-violet);background:color-mix(in srgb,var(--lotus-violet) 25%,white);box-shadow:inset 0 0 0 2px var(--lotus-violet)}button.secondary{border:1px solid var(--color-border);background:var(--color-surface);color:var(--gold-dark)}.review-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.review-list article{display:flex;flex-direction:column;gap:4px;border:1px solid var(--color-border);border-radius:16px;background:color-mix(in srgb,white 74%,transparent);padding:10px 12px;text-align:left}.review-list h2{margin:0;font-size:.88rem;font-weight:700;color:var(--color-text)}.review-list span{color:var(--color-text-muted);font-size:.82rem}.inline-error{border-radius:14px;background:#fff4f6;padding:12px}.assessment-loading{text-align:center}.loading-gon{width:88px;height:88px;margin:0 auto 10px}.loading-gon-image{width:100%;height:100%;object-fit:contain;animation:gon-jump 1.1s ease-in-out infinite;will-change:transform}.assessment-loading .sparkles{color:var(--lotus-violet);font-size:2rem;animation:sparkle-wave 1.3s ease-in-out infinite}@keyframes sparkle-wave{50%{transform:translateY(-5px) rotate(4deg);opacity:.65}}.report{display:flex;flex-direction:column;gap:14px;text-align:center;width:100%}.report-header{display:flex;flex-direction:column;align-items:center;gap:2px}.report-date-badge{display:inline-block;color:var(--color-text-muted);font-size:.82rem;font-weight:500;margin-top:2px}.report-chart-card,.report-summary-card,.comparison-card{border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:0 4px 16px var(--color-shadow);padding:16px 18px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.report-chart-card{text-align:center;padding:14px 16px 16px}.radar{width:min(100%,220px);max-height:220px;margin:4px auto 8px;overflow:visible}.radar-grid{fill:none;stroke:color-mix(in srgb,var(--lotus-purple) 28%,transparent);stroke-width:1}.radar-current{fill:color-mix(in srgb,var(--lotus-violet) 24%,transparent);stroke:#6f55d9;stroke-width:3}.radar-intention{fill:color-mix(in srgb,var(--lotus-petal-dark) 16%,transparent);stroke:#bf397d;stroke-width:3;stroke-dasharray:6 4}.chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:.84rem;font-weight:600;margin-top:6px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:18px;border-top:3px solid #6f55d9}.chart-legend .intention-key{border-color:#bf397d;border-top-style:dashed}.report-summary-grid,.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.report-summary-grid article,.comparison-grid article{display:flex;flex-direction:column;justify-content:space-between;gap:4px;border:1px solid color-mix(in srgb,var(--lotus-violet) 18%,transparent);border-radius:16px;background:color-mix(in srgb,var(--lotus-violet) 7%,var(--color-surface));padding:10px 12px}.report-summary-grid article strong,.comparison-grid article strong{font-size:.86rem;font-weight:700;color:var(--color-text);line-height:1.35}html[lang=my] .report-summary-grid article strong,html[lang=my] .comparison-grid article strong{font-size:.82rem;line-height:1.5}.domain-title-emoji{margin-right:6px;font-style:normal;display:inline-block;vertical-align:baseline}.rating-values{font-size:.84rem;font-weight:600;color:var(--lotus-violet)}.comparison-card h2{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--color-text);text-align:left}.comparison-grid article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.comparison-grid article strong{grid-column:1 / -1}.diff-tag{font-size:.78rem;font-weight:700;padding:2px 7px;border-radius:999px;justify-self:end}.diff-positive{background:color-mix(in srgb,#2ecc71 18%,var(--color-surface));color:#27ae60;border:1px solid color-mix(in srgb,#2ecc71 30%,transparent)}.diff-negative{background:color-mix(in srgb,#e74c3c 14%,var(--color-surface));color:#c0392b;border:1px solid color-mix(in srgb,#e74c3c 25%,transparent)}.comparison-empty-note,.comparison-note{margin:10px 0 0;font-size:.82rem;color:var(--color-text-muted);line-height:1.5;text-align:left}.report-quote{margin:0;border-radius:20px;background:color-mix(in srgb,var(--lotus-petal) 18%,var(--color-surface));border:1px solid color-mix(in srgb,var(--lotus-petal) 32%,transparent);box-shadow:0 2px 10px #00000008;padding:14px 18px;font-family:Georgia,Times New Roman,serif;font-size:.95rem;line-height:1.6;text-align:center;color:var(--color-text)}.report-actions{display:grid;gap:10px;margin-top:4px}@media(prefers-reduced-motion:reduce){.assessment-loading .sparkles{animation:none}}@media(max-width:380px){.shell{padding-right:14px;padding-left:14px}.rating-grid{gap:6px}.rating-grid button{min-height:44px;font-size:.9rem}.review-list article{grid-template-columns:1fr}}.shell{min-height:var(--tg-viewport-stable-height, 100dvh);padding-top:max(6px,var(--tg-content-safe-area-inset-top, 0px),var(--tg-safe-area-inset-top, 0px),env(safe-area-inset-top,0px));padding-right:max(16px,var(--tg-content-safe-area-inset-right, 0px),var(--tg-safe-area-inset-right, 0px),env(safe-area-inset-right,0px));padding-bottom:max(16px,var(--tg-content-safe-area-inset-bottom, 0px),var(--tg-safe-area-inset-bottom, 0px),env(safe-area-inset-bottom,0px));padding-left:max(16px,var(--tg-content-safe-area-inset-left, 0px),var(--tg-safe-area-inset-left, 0px),env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.shell:not(.experience-selection){height:var(--tg-viewport-stable-height, 100dvh);max-height:var(--tg-viewport-stable-height, 100dvh);overflow:hidden;padding-bottom:0}.companion{width:min(100%,520px);display:flex;flex-direction:column}.shell:not(.experience-selection) .companion{flex:1;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.welcome,.quick-mood-view,.personality-intro-view,.personality-question-view,.personality-result-view,.personality-reflection-view,.life-balance-intro-view,.life-balance-review-view,.life-intro-view,.assessment-step,.review,.report{flex:1;display:flex;flex-direction:column;height:100%;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center}.welcome-body,.quick-mood-content,.personality-reflection-content{flex:1}.quick-mood-view form,.quick-mood-form{flex:1;display:flex;flex-direction:column;height:100%;justify-content:space-between;background:transparent;border:none;box-shadow:none;padding:0}.welcome{text-align:center}#welcome-title b{display:block;font-size:1rem;font-weight:600;margin-top:8px;color:var(--color-text-muted)}.welcome-body{margin:0 auto 16px;max-width:440px;color:var(--color-text-muted);line-height:1.6;text-align:center;overflow-wrap:anywhere}.bottom-action-bar,.welcome-actions,.intro-actions,.result-actions,.personality-reflection-actions,.quick-mood-actions,.step-actions,.review-actions,.report-actions{position:sticky;bottom:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:10px 0 max(16px,var(--tg-content-safe-area-inset-bottom, 0px),var(--tg-safe-area-inset-bottom, 0px),env(safe-area-inset-bottom,16px));background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:none;border-radius:0;box-shadow:none;width:100%;box-sizing:border-box}.step-actions{flex-direction:row;gap:10px}.step-actions button{flex:1}.welcome-actions button{min-height:44px}.welcome-skip{background:transparent;color:var(--gold-dark);font-weight:650}.welcome-skip:hover{text-decoration:underline;text-underline-offset:.2em}.welcome-policy-trigger{background:transparent;color:var(--color-text-muted);font-size:.88rem;font-weight:500;text-decoration:underline;text-underline-offset:.2em;padding:4px 8px;cursor:pointer;border:none;opacity:.85;transition:opacity .2s ease,color .2s ease}.welcome-policy-trigger:hover{opacity:1;color:var(--gold-dark)}.policy-modal-overlay{position:fixed;inset:0;z-index:1000;background:#28141e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;animation:modal-fade-in .2s ease-out}.policy-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 16px 40px #0003,0 4px 12px var(--color-shadow);max-width:480px;width:100%;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:modal-scale-in .25s cubic-bezier(.16,1,.3,1)}.policy-modal-header{display:flex;align-items:center;gap:10px;padding:20px 24px 14px;border-bottom:1px solid var(--color-border)}.policy-modal-icon{font-size:1.4rem}.policy-modal-header h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text)}.policy-modal-header h2:focus{outline:none}.policy-modal-body{padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;color:var(--color-text-muted);line-height:1.65;font-size:.95rem;text-align:justify}.policy-card{padding:12px 16px;border-radius:12px;line-height:1.6}.policy-card-warning{background:color-mix(in srgb,var(--gold-light) 18%,var(--color-surface));border-left:4px solid var(--gold-dark)}.policy-card-notice{background:color-mix(in srgb,var(--lotus-petal) 18%,var(--color-surface));border-left:4px solid var(--lotus-petal-dark)}.policy-card p{margin:0}.policy-modal-actions{padding:14px 24px 20px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--color-border);background:var(--color-surface-muted)}.policy-acknowledge-btn{width:100%;min-height:46px;font-weight:650;border-radius:12px}.policy-cancel-btn{background:transparent;color:var(--color-text-muted);font-weight:600;min-height:38px;border:none}.policy-cancel-btn:hover{color:var(--color-text);text-decoration:underline}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.gon{width:clamp(156px,48vw,232px);margin:0 auto 16px;position:relative}.gon-image{display:block;width:100%;height:auto;object-fit:contain;transform-origin:center 70%;animation:gon-breathe 5.5s ease-in-out infinite;will-change:transform}@keyframes gon-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}.eyebrow{margin:0;color:var(--gold-dark);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}h1{margin:10px auto 6px;max-width:440px;color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,5.2vw,2.05rem);font-weight:600;line-height:1.3;text-align:center}.intro{margin:0 0 28px;color:var(--color-text-muted);text-align:center}form,.response{border:1px solid var(--color-border);border-radius:24px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);box-shadow:0 18px 60px var(--color-shadow);padding:20px}label,legend{display:block;margin-bottom:10px;font-weight:650}fieldset{min-width:0;margin:0 0 22px;padding:0;border:0}.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 8px}.mood{margin:0;position:relative;cursor:pointer}.mood input{position:absolute;width:1px;height:1px;opacity:0}.mood-control{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-muted);color:var(--color-text);padding:8px 4px;text-align:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.mood-emoji{display:block;font-size:1.75rem;line-height:1}.mood-label{display:block;max-width:100%;font-size:.72rem;line-height:1.15;overflow-wrap:anywhere}.mood input:focus-visible+.mood-control{outline:none;box-shadow:inset 0 0 0 2px var(--lotus-violet)}.mood-selected .mood-control{border-color:var(--lotus-violet);background:color-mix(in srgb,var(--lotus-violet) 20%,var(--color-surface));box-shadow:inset 0 0 0 1.5px var(--lotus-violet);transform:scale(1.02)}.quick-mood-content label[for=reflection]{display:block;font-size:.95rem;font-weight:700;color:var(--color-text);margin:16px 0 8px;text-align:left}html[lang=my] .quick-mood-content label[for=reflection]{font-size:.92rem;line-height:1.6}.optional{color:var(--color-text-muted);font-size:.78rem;font-weight:500}textarea{width:100%;resize:vertical;min-height:110px;border:1.5px solid color-mix(in srgb,var(--lotus-violet) 28%,var(--color-border));border-radius:18px;outline:0;background:color-mix(in srgb,var(--color-surface) 95%,white);color:var(--color-text);font-size:16px;line-height:1.6;padding:14px 16px;box-sizing:border-box;box-shadow:0 4px 14px var(--color-shadow);scroll-margin-top:calc(var(--tg-content-safe-area-inset-top, 0px) + 70px);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}textarea:focus,textarea:focus-visible{outline:none;border-color:var(--lotus-violet);background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--lotus-violet),0 4px 14px var(--color-shadow)}textarea::placeholder{color:color-mix(in srgb,var(--color-text-muted) 80%,transparent);font-size:.92rem;line-height:1.55}html[lang=my] textarea::placeholder{font-size:.88rem;line-height:1.65}.privacy-note{margin:10px 0 4px;color:var(--color-text-muted);font-size:.78rem;line-height:1.45;text-align:center}.form-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-footer span{color:var(--color-text-muted);font-size:.78rem}button{border:0;border-radius:999px;background:var(--color-primary);color:#fff;cursor:pointer;font-weight:700;padding:12px 18px;min-height:44px;transition:transform .1s cubic-bezier(.34,1.56,.64,1),background-color .15s ease,border-color .15s ease,box-shadow .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default;opacity:.45}button:focus-visible,h1:focus-visible{outline:none}.response{margin-top:16px;background:color-mix(in srgb,var(--color-success) 32%,var(--color-surface))}.response span{color:var(--gold-dark);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.response p{margin:8px 0 0;line-height:1.6;white-space:pre-wrap}.response-error,.session-expired{background:color-mix(in srgb,var(--lotus-petal) 38%,var(--color-surface))}.response-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:99999;background:#120c1c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;padding:16px;box-sizing:border-box;animation:modal-fade-in .22s ease-out}.response.response-modal{margin-top:0;max-width:460px;width:100%;max-height:calc(100dvh - 56px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--gold-dark) 35%,var(--color-border));border-radius:24px;box-shadow:0 20px 48px #00000038,0 4px 14px var(--color-shadow);padding:0;overflow:hidden;animation:modal-scale-in .25s cubic-bezier(.16,1,.3,1)}.response-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-success) 22%,var(--color-surface))}.response-modal-title{display:flex;align-items:center;gap:8px}.response-modal-title span{color:var(--gold-dark);font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.response-modal-header-right{display:flex;align-items:center;gap:8px}.response-audio-controls{position:relative;display:flex;align-items:center;gap:6px}.response-audio-theme-tag{font-size:.72rem;font-weight:600;color:var(--gold-dark);background:color-mix(in srgb,var(--gold-dark) 12%,transparent);padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold-dark) 24%,transparent);white-space:nowrap;animation:view-enter .2s ease-out}.response-audio-buttons{display:flex;align-items:center;gap:4px}.response-audio-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);font-size:.85rem;min-height:32px;width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;box-shadow:none;transition:transform .1s ease,background-color .15s ease,border-color .15s ease}.response-audio-btn:hover{background:color-mix(in srgb,var(--gold-dark) 10%,transparent);border-color:var(--gold-dark)}.response-audio-btn.is-playing{border-color:var(--lotus-violet);background:color-mix(in srgb,var(--lotus-violet) 15%,transparent)}.sound-wave-icon{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.sound-bar{width:2.5px;background:var(--lotus-violet);border-radius:2px;animation:sound-wave-bounce .8s ease-in-out infinite alternate}.sound-bar.bar-1{height:6px;animation-delay:.1s}.sound-bar.bar-2{height:13px;animation-delay:.3s}.sound-bar.bar-3{height:9px;animation-delay:.2s}@keyframes sound-wave-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.1)}}.response-volume-slider-popup{position:absolute;top:100%;right:0;margin-top:8px;z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;box-shadow:0 8px 24px var(--color-shadow);display:flex;align-items:center;gap:8px;animation:modal-fade-in .15s ease-out}.response-volume-slider{width:80px;height:6px;accent-color:var(--gold-dark);cursor:pointer}.response-volume-val{font-size:.75rem;font-weight:700;color:var(--color-text-muted);min-width:32px;text-align:right}.response-modal-close-icon{background:transparent;border:none;font-size:1.1rem;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;min-height:auto;border-radius:8px;transition:color .15s ease,background-color .15s ease}.response-modal-close-icon:hover{color:var(--color-text);background:#0000000f}.response-modal-body{padding:20px;overflow-y:auto}.response-modal-body p{margin:0;color:var(--color-text);line-height:1.68;font-size:1rem;white-space:pre-wrap;text-align:justify}html[lang=my] .response-modal-body p{text-align:left;line-height:2}.response-modal-actions{padding:12px 20px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-muted);display:flex;justify-content:flex-end}.response-modal-btn{min-height:42px;padding:8px 24px;font-weight:650;border-radius:14px}.status-note{text-align:center;color:var(--color-text-muted)}.bootstrap-recovery{text-align:center;max-width:440px;margin:0 auto}.bootstrap-recovery p{color:var(--color-text-muted);line-height:1.6}.bootstrap-recovery button{min-height:44px}.view-introduction{display:block;margin:0 auto 12px;background:transparent;color:var(--gold-dark);font-weight:650;min-height:44px}.view-introduction:hover{text-decoration:underline;text-underline-offset:.2em}.boundary{margin:18px auto 0;max-width:420px;color:var(--color-text-muted);font-size:.78rem;line-height:1.5;text-align:center}@media(max-width:360px){.mood-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.gon-image,.brand-gon-mini-image,.loading-gon-image,.selection-gon-image{animation:none;transform:none;will-change:auto}button:active,.check-in-cards button:active,.rating-grid button:active,.personality-option-card:active,.mood:active .mood-control{transform:none}.mood-control{transition:none}}.life-balance-intro-view,.life-balance-review-view,.personality-intro-view,.personality-question-view,.personality-result-view,.personality-reflection-view{animation:view-enter .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;flex:1;height:100%}.intro-description{color:var(--color-text-muted);line-height:1.6;text-align:center;margin:0}.meta-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;padding:8px 16px;background:color-mix(in srgb,var(--lotus-violet) 14%,var(--color-surface));border:1px solid color-mix(in srgb,var(--lotus-violet) 28%,transparent);border-radius:999px;color:var(--gold-dark);font-size:.9rem;font-weight:600}.disclaimer-note{font-size:.84rem;color:var(--color-text-muted);text-align:center;margin:4px 0 12px;line-height:1.5}.personality-question-title{font-size:1.25rem;line-height:1.45;text-align:center;margin:8px 0 14px}.personality-options-grid{display:grid;gap:12px}.personality-option-card{min-height:84px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;border:1.5px solid var(--color-border);border-radius:20px;background:color-mix(in srgb,var(--color-surface) 94%,transparent);color:var(--color-text);padding:16px 18px;text-align:left;box-shadow:0 4px 16px var(--color-shadow);cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease}.personality-option-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--lotus-violet) 60%,transparent)}.personality-option-card:active{transform:scale(.985)}.personality-option-card.is-selected{border-color:var(--lotus-violet);background:color-mix(in srgb,var(--lotus-violet) 18%,var(--color-surface));box-shadow:0 0 0 2px var(--lotus-violet)}.option-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--lotus-violet) 20%,transparent);color:var(--gold-dark);font-weight:700;font-size:.95rem;flex-shrink:0}.option-text{font-size:.98rem;line-height:1.45;word-break:break-word}.personality-result-view{text-align:center}.personality-traits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 8px}@media(max-width:380px){.personality-traits-grid{grid-template-columns:1fr}}.personality-trait-card{border:1px solid var(--color-border);border-radius:18px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);padding:14px 12px;box-shadow:0 4px 14px var(--color-shadow);display:flex;flex-direction:column;align-items:center;text-align:center}.trait-card-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:6px}.trait-emoji{font-size:1.6rem;margin-bottom:2px}.trait-domain-label{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gold-dark);font-weight:700;text-align:center}.trait-card-header h2{font-size:1rem;margin:2px 0 0;color:var(--color-text);text-align:center}.trait-desc{font-size:.84rem;color:var(--color-text-muted);line-height:1.45;margin:0;text-align:center}.personality-disclaimer-box{background:color-mix(in srgb,var(--color-text) 5%,transparent);border-radius:14px;padding:12px 16px;margin:4px 0;text-align:center}.personality-disclaimer-box p{font-size:.8rem;color:var(--color-text-muted);line-height:1.45;text-align:center;margin:0}.personality-reflect-box{border:1.5px solid color-mix(in srgb,var(--lotus-violet) 40%,transparent);border-radius:20px;background:color-mix(in srgb,var(--lotus-violet) 10%,var(--color-surface));padding:18px;display:grid;gap:12px;text-align:center}.reflect-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.reflect-gon-icon{width:46px;height:46px;margin-bottom:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 30%,color-mix(in srgb,var(--lotus-petal) 65%,white));border:2px solid color-mix(in srgb,var(--lotus-violet) 42%,transparent);box-shadow:0 4px 12px #6f55d938}.reflect-gon-img{width:34px;height:34px;object-fit:contain;animation:gon-breathe 4s ease-in-out infinite}.reflect-header h3{font-size:1.05rem;margin:0 0 2px;text-align:center}.reflect-header p{font-size:.85rem;color:var(--color-text-muted);margin:0;text-align:center}.personality-reflect-box textarea{width:100%;border:1.5px solid color-mix(in srgb,var(--lotus-violet) 28%,var(--color-border));border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.6;background:var(--color-surface);color:var(--color-text);resize:vertical;box-sizing:border-box;box-shadow:0 2px 8px var(--color-shadow);scroll-margin-top:calc(var(--tg-content-safe-area-inset-top, 0px) + 70px);transition:border-color .2s ease,box-shadow .2s ease}.personality-reflect-box textarea:focus,.personality-reflect-box textarea:focus-visible{outline:none;border-color:var(--lotus-violet);box-shadow:inset 0 0 0 2px var(--lotus-violet),0 4px 12px var(--color-shadow)}.reflect-submit-button{background:var(--color-primary);color:#fff;font-weight:700;border:none;border-radius:999px;padding:12px 20px;min-height:48px;cursor:pointer;box-shadow:0 6px 20px #0000001f;transition:transform .1s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}.reflect-submit-button:active{transform:scale(.97)}.personality-mini-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 16px}.personality-mini-summary span{font-size:.82rem;padding:6px 12px;background:color-mix(in srgb,var(--lotus-violet) 15%,var(--color-surface));border-radius:999px;color:var(--color-text);font-weight:600}.result-actions{display:grid;gap:10px;margin-top:8px}.app-preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 16px;max-width:420px;margin:20px auto 0;min-height:380px}.preloader-gon-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.preloader-aura{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lotus-petal) 55%,transparent) 0%,color-mix(in srgb,var(--lotus-violet) 25%,transparent) 60%,transparent 100%);animation:preloader-aura-pulse 2.8s ease-in-out infinite alternate;filter:blur(8px)}@keyframes preloader-aura-pulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.18);opacity:.95}}.preloader-gon-image{position:relative;width:110px;height:110px;object-fit:contain;animation:gon-breathe 3.6s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.preloader-title{font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.preloader-subtitle{font-size:.95rem;line-height:1.6;color:var(--color-text-muted);margin:0 0 24px}html[lang=my] .preloader-subtitle{line-height:1.9}.preloader-progress-bar{width:180px;height:6px;background:color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;overflow:hidden;position:relative;margin-bottom:12px}.preloader-progress-inner{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,var(--lotus-violet),var(--gold-dark));border-radius:999px;animation:preloader-indeterminate 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes preloader-indeterminate{0%{left:-40%;width:30%}50%{left:35%;width:50%}to{left:100%;width:30%}}.preloader-note{font-size:.85rem;color:var(--gold-dark);font-weight:600;margin:0}.gon-quickball-fab{position:fixed;bottom:max(16px,var(--tg-content-safe-area-inset-bottom, 0px),var(--tg-safe-area-inset-bottom, 0px),env(safe-area-inset-bottom,16px));right:max(16px,var(--tg-content-safe-area-inset-right, 0px),var(--tg-safe-area-inset-right, 0px),env(safe-area-inset-right,16px));z-index:99;width:54px;height:54px;min-height:54px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 35%,#fff 20%,color-mix(in srgb,var(--lotus-petal) 70%,white));border:2px solid color-mix(in srgb,var(--lotus-violet) 45%,transparent);box-shadow:0 8px 24px #6f55d94d,0 2px 8px #0000001f;cursor:pointer;transform:translateZ(0);transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;will-change:transform,opacity}.gon-quickball-fab.is-visible{opacity:1;transform:scale(1) translateZ(0);pointer-events:auto}.gon-quickball-fab.is-hidden{opacity:0;transform:scale(.5) translate3d(20px,20px,0);pointer-events:none}.gon-quickball-fab:hover{transform:scale(1.08) translateZ(0);box-shadow:0 12px 28px #6f55d966,0 4px 12px #00000029}.gon-quickball-fab:active{transform:scale(.92) translateZ(0)}.gon-quickball-img{width:42px;height:42px;object-fit:contain;animation:gon-breathe 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.14))}@keyframes quickball-bounce{0%{transform:scale(.2) translate(-60px,-120px) rotate(-15deg);opacity:0}65%{transform:scale(1.18) translate(0) rotate(5deg);opacity:1}to{transform:scale(1) translate(0) rotate(0);opacity:1}}.quickball-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:99999;background:#120c1c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:fadeIn .2s ease-out}.quickball-modal-card{position:relative;width:100%;max-width:400px;border-radius:28px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--lotus-violet) 25%,var(--color-border));box-shadow:0 24px 60px #00000040,0 8px 24px #6f55d926;padding:28px 22px 22px;text-align:center;animation:modalPop .28s cubic-bezier(.16,1,.3,1)}.quickball-modal-gon{width:84px;height:84px;margin:-58px auto 12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 30%,color-mix(in srgb,var(--lotus-petal) 65%,white));border:3px solid color-mix(in srgb,var(--lotus-violet) 40%,transparent);box-shadow:0 8px 20px #6f55d940;display:flex;align-items:center;justify-content:center}.quickball-modal-gon-img{width:66px;height:66px;object-fit:contain;animation:gon-breathe 4s ease-in-out infinite}.quickball-modal-card h1{margin:8px auto;font-size:1.25rem;line-height:1.4}.quickball-modal-card .intro{margin:10px 0 20px;font-size:.95rem;line-height:1.7}.quickball-modal-btn{width:100%;min-height:44px}