:root{--color-bg-deep: #0d0221;--color-bg: #1a0a2e;--color-bg-card: #231745;--color-bg-elevated: #2d1b52;--color-gold: #ffd700;--color-gold-dim: #c9a227;--color-gold-glow: rgba(255, 215, 0, .25);--color-purple: #7b2d8e;--color-purple-light: #9b59b6;--color-purple-deep: #5b1f6e;--color-text: #f0e6ff;--color-text-dim: #a89bc2;--color-text-bright: #ffffff;--color-star: #ffeaa7;--color-glow: rgba(255, 215, 0, .3);--color-danger: #e74c3c;--color-success: #2ecc71;--tg-bg: var(--color-bg-deep);--tg-text: var(--color-text);--tg-text-dim: var(--color-text-dim);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-glow: 0 0 20px var(--color-gold-glow);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;font-family:var(--font-main);line-height:1.5;color:var(--tg-text);background-color:var(--tg-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:manipulation}body{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,var(--color-bg-deep) 0%,var(--color-bg) 40%,#16213e 70%,var(--color-bg-deep) 100%);background-attachment:fixed;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#app{min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;overflow-y:auto}a{color:var(--color-gold);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:2px}::selection{background:var(--color-purple);color:var(--color-text-bright)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-gold-glow),0 0 10px var(--color-gold-glow)}50%{box-shadow:0 0 15px var(--color-gold-glow),0 0 30px var(--color-gold-glow),0 0 45px #ffd70026}}@keyframes glowText{0%,to{text-shadow:0 0 10px var(--color-gold-glow),0 0 20px rgba(255,215,0,.2)}50%{text-shadow:0 0 20px var(--color-gold-glow),0 0 40px rgba(255,215,0,.3),0 0 60px rgba(255,215,0,.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes sparkle{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-100vh) translate(20px)}}@keyframes cardJump{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.1)}60%{transform:translateY(-10px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes revealBurst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.8)}}@keyframes textReveal{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:var(--color-gold-dim)}50%{border-color:var(--color-gold)}}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particle-background[data-v-cbafacac]{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.particle[data-v-cbafacac]{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--color-star) 0%,rgba(255,234,167,.4) 40%,transparent 70%);will-change:transform,opacity;filter:blur(.3px)}.app-wrapper[data-v-8e082040]{position:relative;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.app-wrapper[data-v-8e082040]:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:1}.app-content[data-v-8e082040]{position:relative;z-index:2;min-height:100vh;min-height:100dvh;max-width:600px;margin:0 auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.test-badge[data-v-8e082040]{position:fixed;top:calc(8px + var(--sat, 0px));right:calc(8px + var(--sar, 0px));background:#7b2d8ecc;color:var(--color-star);font-size:.7rem;padding:4px 10px;border-radius:20px;z-index:100;backdrop-filter:blur(8px);border:1px solid rgba(255,215,0,.3)}.mystical-enter-active[data-v-8e082040]{transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)}.mystical-leave-active[data-v-8e082040]{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.mystical-enter-from[data-v-8e082040]{opacity:0;filter:blur(4px);transform:scale(.96)}.mystical-leave-to[data-v-8e082040]{opacity:0;filter:blur(2px);transform:scale(1.02)}