.survey-welcome{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-6) var(--space-4);text-align:center;animation:welcomeReveal .6s var(--ease-out-expo) both;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 100% 50% at 50% 20%,oklch(.62 .1 35 / .08) 0%,oklch(.62 .1 35 / .02) 50%,transparent 75%),var(--color-bg)}[data-theme=dark] .survey-welcome{background:radial-gradient(ellipse 100% 50% at 50% 20%,oklch(.68 .1 35 / .1) 0%,oklch(.68 .1 35 / .03) 50%,transparent 75%),var(--color-bg)}.survey-welcome__wordmark{display:block;margin-bottom:var(--space-5)}.survey-welcome__wordmark img{display:block;width:270px;max-width:65vw;height:auto;margin:0 auto}.survey-welcome__graphic{margin-bottom:var(--space-6)}.survey-welcome__mandala{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px}.survey-welcome__ring{position:absolute;border-radius:50%;border:2px solid;opacity:.35;animation:ringBreath 4s ease-in-out infinite}@keyframes ringBreath{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.03)}}.survey-welcome__title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-1);text-wrap:balance}.survey-welcome__subtitle{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--color-muted);font-style:italic;margin-bottom:var(--space-4);text-wrap:balance}.survey-welcome__desc{font-size:var(--text-body);color:var(--color-muted);max-width:32ch;line-height:var(--leading-body);margin-bottom:var(--space-3)}.survey-welcome__hint{font-size:var(--text-small);color:var(--color-muted);max-width:32ch;margin-bottom:var(--space-8)}.survey-welcome__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:14px 40px;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-card);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.survey-welcome__btn:hover{background:var(--color-primary-hover)}.survey-welcome__btn:active{transform:scale(.97)}.survey-welcome__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes welcomeReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.survey-welcome__timeline{margin-top:var(--space-3);font-size:var(--text-small);color:var(--color-muted);opacity:.75}@media(prefers-reduced-motion:reduce){.survey-welcome{animation:none}.survey-welcome__ring{animation:none;opacity:.4}.survey-welcome__btn{transition:none}}.survey-question{display:flex;flex-direction:column;flex:1;padding:var(--space-4) var(--space-4);animation:fadeSlideIn var(--duration-normal) var(--ease-out-quart)}.survey-question__header{margin-bottom:var(--space-6)}.survey-question__progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.survey-question__progress-bar{display:flex;gap:4px;flex:1;height:4px}.survey-question__progress-segment{flex:1;border-radius:2px;transition:background var(--duration-normal) var(--ease-out-quart),opacity var(--duration-normal) var(--ease-out-quart)}.survey-question__progress-label{font-size:var(--text-label);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--duration-normal) var(--ease-out-quart)}.survey-question__chakra-name{font-size:var(--text-small);font-weight:var(--weight-medium);transition:color var(--duration-normal) var(--ease-out-quart)}.survey-question__text{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink);line-height:var(--leading-body);margin-bottom:var(--space-6);text-wrap:pretty}.survey-question__answers{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.survey-question__option{display:flex;align-items:center;width:100%;padding:14px 16px;font-family:var(--font-body);font-size:var(--text-small);color:var(--color-ink);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;text-align:left;line-height:var(--leading-small);transition:background var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.survey-question__option:hover:not(.survey-question__option--selected){background:var(--color-surface-hover)}.survey-question__option:active{transform:scale(.98)}.survey-question__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.survey-question__option--selected{color:#fff;font-weight:var(--weight-medium)}.survey-question__next{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;margin-top:var(--space-5);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.survey-question__next:disabled{cursor:not-allowed;opacity:.5}.survey-question__next--active{color:#fff;background:var(--next-bg, var(--color-primary));border-color:var(--next-bg, var(--color-primary))}.survey-question__next--active:hover{opacity:.9}.survey-question__next--active:active{transform:scale(.97)}.survey-question__next:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.survey-question{animation:none}}.survey-result{display:flex;flex-direction:column;padding:var(--space-4) var(--space-4);animation:fadeSlideIn var(--duration-normal) var(--ease-out-quart)}.survey-result__header-graphic{display:block;width:100%;max-width:480px;margin:0 auto var(--space-4);aspect-ratio:3 / 2}.survey-result__header-graphic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card)}.survey-result__header{text-align:center;margin-bottom:var(--space-6)}.survey-result__title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-2);text-wrap:balance}.survey-result__desc{font-size:var(--text-small);color:var(--color-muted);max-width:32ch;margin:0 auto}.survey-result__chakras{display:flex;flex-direction:column;gap:var(--space-5)}.survey-result__chakra{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-card);transition:background var(--duration-fast) var(--ease-out-quart);opacity:0;animation:chakraCardEnter var(--duration-slow) var(--ease-out-quart) forwards;animation-delay:calc(var(--card-index, 0) * 80ms)}.survey-result__gauge-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0}.survey-result__gauge{display:block}.survey-result__gauge-fill{transition:stroke-dasharray .8s var(--ease-out-quart);transition-delay:calc(var(--card-index, 0) * 80ms + .1s)}.survey-result__badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;font-size:.688rem;font-weight:var(--weight-medium);border-radius:var(--radius-pill);white-space:nowrap}.survey-result__badge--low{background:#f1cec8;color:#742f25}.survey-result__badge--medium{background:#e4d6ba;color:oklch(.45 .1 85)}.survey-result__badge--high{background:#c6dfca;color:#115629}[data-theme=dark] .survey-result__badge--low{background:#321a16;color:#cb8c81}[data-theme=dark] .survey-result__badge--medium{background:#2a2009;color:#c5aa72}[data-theme=dark] .survey-result__badge--high{background:#132717;color:#7aad84}.survey-result__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.survey-result__chakra-name{font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-heading)}.survey-result__chakra-meaning{font-size:var(--text-small);color:var(--color-muted);line-height:var(--leading-small)}.survey-result__share{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.survey-result__share-label{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-ink)}.survey-result__share-icons{display:flex;align-items:center;gap:var(--space-3)}.survey-result__share-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-surface);color:var(--color-muted);transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.survey-result__share-btn:hover{transform:scale(1.1)}.survey-result__share-btn:active{transform:scale(.95)}.survey-result__share-btn--telegram:hover{background:oklch(.6 .14 215);color:#fff}.survey-result__share-btn--facebook:hover{background:#426bce;color:#fff}.survey-result__share-btn--instagram:hover{background:#c24ba1;color:#fff}.survey-result__share-btn--x:hover{background:#161616;color:#fff}[data-theme=dark] .survey-result__share-btn--x:hover{background:#eee;color:#030303}.survey-result__retake{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;margin-top:var(--space-5);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-muted);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.survey-result__retake:hover{background:var(--color-surface-hover);color:var(--color-ink)}.survey-result__retake:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes chakraCardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.survey-result{animation:none}.survey-result__chakra{animation:none;opacity:1}.survey-result__gauge-fill{transition:none;transition-delay:0ms}}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-heading: clamp(1.25rem, 4vw, 1.5rem);--text-body: clamp(.938rem, 2vw, 1rem);--text-small: .813rem;--text-label: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1;--leading-heading: 1.25;--leading-body: 1.5;--leading-small: 1.4;--radius-card: 8px;--radius-sheet: 12px;--radius-pill: 999px;--z-dropdown: 10;--z-sticky: 20;--z-backdrop: 30;--z-modal: 40;--z-toast: 50;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .4s}:root,[data-theme=light]{--color-bg: oklch(.97 .008 60);--color-surface: oklch(.93 .008 60);--color-surface-hover: oklch(.9 .008 60);--color-primary: oklch(.62 .1 35);--color-primary-hover: oklch(.56 .1 35);--color-primary-ring: oklch(.62 .1 35 / .3);--color-accent: oklch(.55 .1 230);--color-ink: oklch(.18 .008 60);--color-muted: oklch(.48 .008 60);--color-border: oklch(.85 .008 60);--color-success: oklch(.55 .12 150);--color-success-bg: oklch(.93 .04 150);--color-danger: oklch(.55 .17 30);--color-overlay: oklch(0 0 0 / .3);--chakra-root: oklch(.52 .14 30);--chakra-sacral: oklch(.62 .14 50);--chakra-solar: oklch(.7 .13 85);--chakra-heart: oklch(.58 .1 150);--chakra-throat: oklch(.55 .1 230);--chakra-third-eye: oklch(.45 .1 270);--chakra-crown: oklch(.48 .1 300)}[data-theme=dark]{--color-bg: oklch(.15 .008 60);--color-surface: oklch(.2 .008 60);--color-surface-hover: oklch(.23 .008 60);--color-primary: oklch(.68 .1 35);--color-primary-hover: oklch(.72 .1 35);--color-primary-ring: oklch(.68 .1 35 / .3);--color-accent: oklch(.72 .09 230);--color-ink: oklch(.9 .006 60);--color-muted: oklch(.6 .006 60);--color-border: oklch(.28 .006 60);--color-success: oklch(.55 .12 150);--color-success-bg: oklch(.18 .04 150);--color-danger: oklch(.65 .17 30);--color-overlay: oklch(0 0 0 / .6);--chakra-root: oklch(.62 .14 30);--chakra-sacral: oklch(.7 .14 50);--chakra-solar: oklch(.78 .13 85);--chakra-heart: oklch(.66 .1 150);--chakra-throat: oklch(.64 .1 230);--chakra-third-eye: oklch(.55 .1 270);--chakra-crown: oklch(.58 .1 300)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--font-body);font-size:16px;line-height:var(--leading-body);color:var(--color-ink);background:var(--color-bg);-webkit-tap-highlight-color:transparent}body{min-height:100dvh;overflow:hidden;background:var(--color-bg);transition:background var(--duration-normal) var(--ease-out-quart),color var(--duration-normal) var(--ease-out-quart)}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100dvh;padding:var(--space-5) var(--space-4);padding-top:max(var(--space-5),var(--tg-viewport-content-safe-area-inset-top, 0px));background:var(--color-bg);transition:background var(--duration-normal) var(--ease-out-quart)}.app__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.app__title{font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-ink)}.app__header-left,.app__header-right{display:flex;align-items:center;gap:var(--space-2)}.app__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-card);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.app__icon-btn:hover{background:var(--color-surface);color:var(--color-ink)}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.app__main--result{justify-content:flex-start;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0}.app__main--survey{justify-content:flex-start;gap:0}.welcome{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.welcome__text{font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink)}.welcome__hint{font-size:var(--text-small);color:var(--color-muted)}.settings-backdrop{position:fixed;inset:0;background:var(--color-overlay);z-index:var(--z-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out-quart)}.settings-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70dvh;background:var(--color-bg);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideUp var(--duration-normal) var(--ease-out-quart);transition:transform var(--duration-normal) var(--ease-out-quart);touch-action:pan-y}.settings-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--color-border);margin:var(--space-3) auto;flex-shrink:0}.settings-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-3);flex-shrink:0}.settings-sheet__title{font-size:var(--text-heading);font-weight:var(--weight-semibold);color:var(--color-ink)}.settings-sheet__back,.settings-sheet__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-card);color:var(--color-muted);transition:color var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.settings-sheet__back:hover,.settings-sheet__close:hover{background:var(--color-surface);color:var(--color-ink)}.settings-sheet__content{overflow-y:auto;padding:0 var(--space-5) var(--space-6);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}