:root{--void: #060510;--bg: #0b0a14;--bg-lift: #14102a;--nebula-violet: #7f77dd;--nebula-blue: #2e7dbe;--glass-bg: rgba(255, 255, 255, .07);--glass-bg-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--glass-edge: rgba(255, 255, 255, .38);--glass-blur: 22px;--shadow-c: #8b7fd4;--gift-c: #5dcaa5;--gift-c-deep: #04342c;--siddhi-c: #efd27a;--amber: #ef9f27;--danger: #e2726b;--text: #f2efff;--text-dim: rgba(242, 239, 255, .62);--text-faint: rgba(242, 239, 255, .4);--frame: rgba(201, 195, 245, .3);--frame-faint: rgba(201, 195, 245, .14);--r-sm: 12px;--r: 16px;--r-lg: 22px;--pad: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.22, .9, .28, 1);--dur: .26s;--font: Manrope, -apple-system, system-ui, sans-serif;--font-voice: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{background-image:radial-gradient(60% 40% at 12% 22%,rgba(46,125,190,.28) 0%,transparent 62%),radial-gradient(55% 42% at 88% 12%,rgba(127,119,221,.3) 0%,transparent 60%),radial-gradient(70% 50% at 50% 100%,rgba(29,158,117,.16) 0%,transparent 70%),radial-gradient(90% 70% at 50% 40%,#14102a,#0b0a14 55%,#060510);background-attachment:fixed}#app{min-height:100%;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,textarea{font-family:inherit;font-size:16px;color:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}p{margin:0}.voice{font-family:var(--font-voice);font-size:20px;line-height:1.4}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.glass{position:relative;background:var(--glass-bg);border:.5px solid var(--glass-border);border-top-color:var(--glass-edge);border-radius:var(--r);backdrop-filter:blur(var(--glass-blur)) saturate(170%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);overflow:hidden;isolation:isolate}.glass:before{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at var(--spec-x, 30%) var(--spec-y, 0%),rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 26%,transparent 58%);transition:background-position .2s var(--ease)}.glass:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff0d}.glass>*{position:relative;z-index:1}.glass--strong{background:var(--glass-bg-strong);--glass-blur: 30px}.glass--flat{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffff0f}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#17132edb}}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 16px;border-radius:var(--r);text-align:left;font-size:15px;line-height:1.35;transition:transform .14s var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.option:active{transform:scale(.985)}.option[aria-pressed=true]{background:#7f77dd33;border-color:#b2abfa99}.option[data-state=correct]{background:#5dcaa52e;border-color:#7be0be9e;color:#bdf0dd}.option[data-state=wrong]{background:#e2726b29;border-color:#e2726b80;color:#f4c8c4}.option[data-state=missed]{border-color:#7be0be73}.option__hint{font-size:12px;color:var(--text-faint)}.option:disabled{cursor:default}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:var(--r);font-size:16px;font-weight:600;transition:transform .14s var(--ease),opacity var(--dur) var(--ease)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gift-c);color:var(--gift-c-deep)}.btn--ghost{background:var(--glass-bg);border:.5px solid var(--glass-border);border-top-color:var(--glass-edge);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.btn:disabled{opacity:.4;cursor:default;transform:none}.bar{height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.bar__fill{height:100%;border-radius:99px;background:var(--gift-c);transition:width .4s var(--ease)}.screen{display:flex;flex-direction:column;flex:1;min-height:100dvh;padding:calc(var(--safe-top) + 14px) var(--pad) calc(var(--safe-bottom) + 14px);gap:14px;animation:screen-in .38s var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:14px;font-weight:600;background:var(--glass-bg);border:.5px solid var(--glass-border);border-top-color:var(--glass-edge);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.chip--amber{color:var(--amber)}.chip--gift{color:var(--gift-c)}.verdict{position:sticky;bottom:0;padding:16px;border-radius:var(--r-lg) var(--r-lg) 0 0;animation:verdict-in .3s var(--ease)}@keyframes verdict-in{0%{transform:translateY(100%)}}.verdict--correct{background:#5dcaa529;border-top:1px solid rgba(123,224,190,.5)}.verdict--wrong{background:#e2726b24;border-top:1px solid rgba(226,114,107,.45)}.verdict--neutral{background:#7f77dd29;border-top:1px solid rgba(178,171,250,.45)}.field{width:100%;padding:14px 16px;border-radius:var(--r);background:var(--glass-bg);border:.5px solid var(--glass-border);border-top-color:var(--glass-edge);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);color:var(--text);outline:none;transition:border-color var(--dur) var(--ease)}.field:focus{border-color:#b2abfab3}.field:disabled{opacity:.45}.field::placeholder{color:var(--text-faint)}.field::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}textarea.field{min-height:96px;resize:none;line-height:1.45}.node{display:flex;align-items:center;gap:12px;align-self:center;min-width:190px;max-width:calc(100vw - 76px);padding:12px 18px;border-radius:999px;background:#ffffff0a;border:.5px solid rgba(255,255,255,.1);color:var(--text-faint);transition:transform .2s var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease)}.node:disabled{cursor:default}.node__glyph{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid currentColor;font-size:14px}.node__label{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node--open{background:var(--glass-bg-strong);border-color:#7be0be8c;border-top-color:var(--glass-edge);color:var(--text);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);animation:node-pulse 2.8s var(--ease) infinite}.node--open .node__glyph{color:var(--gift-c)}.node--done{background:#5dcaa51f;border-color:#7be0be59;color:#bdf0dd}@keyframes node-pulse{0%,to{box-shadow:0 0 #5dcaa500}50%{box-shadow:0 0 0 6px #5dcaa517}}.node:not(:disabled):active{transform:scale(.97) translate(var(--node-x, 0))}.spinner{width:44px;height:44px;border-radius:50%;border:1px solid rgba(207,201,250,.28);border-top-color:var(--gift-c);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mandala{position:relative;flex:1;min-height:320px;border-radius:var(--r-lg);overflow:hidden}.mandala canvas{display:block;width:100%;height:100%;touch-action:none}.mandala__hud{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;pointer-events:none}