.page-enter-active[data-v-54363e5f],.page-leave-active[data-v-54363e5f]{transition:opacity .3s ease,transform .3s ease}.page-enter-from[data-v-54363e5f]{opacity:0;transform:translate(30px)}.page-leave-to[data-v-54363e5f]{opacity:0;transform:translate(-30px)}:root{--color-primary: #92400E;--color-primary-dark: #78350F;--color-primary-light: #FDE68A;--color-accent: #F59E0B;--color-background: #FEF3C7;--color-background-light: #FDE68A;--color-surface: #FFFFFF;--color-text-primary: #78350F;--color-text-secondary: #92400E;--color-text-muted: #A16207;--color-border: #FDE68A;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--shadow-clay-outer: 8px 8px 24px rgba(146, 64, 14, .12), -4px -4px 16px rgba(255, 255, 255, .9);--shadow-clay-inner: inset 4px 4px 8px rgba(146, 64, 14, .08), inset -4px -4px 8px rgba(255, 255, 255, .95);--shadow-button: 6px 6px 16px rgba(146, 64, 14, .2), -3px -3px 12px rgba(255, 255, 255, .95), inset 0 2px 0 rgba(255, 255, 255, .3);--shadow-card: 6px 6px 20px rgba(146, 64, 14, .06), -4px -4px 16px rgba(255, 255, 255, .9);--shadow-sm: 0 2px 4px rgba(146, 64, 14, .05);--shadow-md: 0 4px 12px rgba(146, 64, 14, .06);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 32px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--font-heading: "Fredoka", sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:linear-gradient(180deg,var(--color-background) 0%,var(--color-background-light) 100%);min-height:100vh;min-height:100dvh;color:var(--color-text-primary);overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}.container{max-width:480px;margin:0 auto;padding:var(--space-4) 20px calc(var(--space-4) + env(safe-area-inset-bottom));min-height:100vh;min-height:100dvh}.btn-primary{width:100%;padding:18px 32px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-family:var(--font-heading);font-size:17px;font-weight:600;border:3px solid var(--color-primary-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-button);transition:all var(--duration-normal) var(--ease-spring);min-height:56px}.btn-primary:hover{transform:translateY(-2px);box-shadow:8px 8px 20px #ec48994d,-3px -3px 12px #ffffffe6,inset 0 2px #ffffff4d}.btn-primary:active{transform:scale(.95);box-shadow:var(--shadow-clay-inner)}.btn-secondary{width:100%;padding:16px 32px;background:transparent;color:var(--color-primary);font-family:var(--font-heading);font-size:16px;font-weight:600;border:3px solid var(--color-primary-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:4px 4px 12px #ec48991a,-2px -2px 8px #fffc;transition:all var(--duration-normal) var(--ease-spring)}.btn-secondary:hover{background:#f472b60d;transform:translateY(-2px)}.btn-secondary:active{transform:scale(.95)}.btn-back{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff9;border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease;box-shadow:3px 3px 8px #ec48991a,-2px -2px 6px #fffc}.btn-back:hover{background:#fff;transform:translate(-2px)}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card)}.card-clay{background:var(--color-surface);border:3px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:4px 4px 12px #ec48991a,-2px -2px 8px #fffc;transition:all var(--duration-normal) var(--ease-spring)}.card-clay:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:6px 6px 16px #ec489926,-2px -2px 8px #fffc}.card-clay:active{transform:scale(.98)}.card-clay.selected{background:var(--color-background);border-color:var(--color-primary);box-shadow:var(--shadow-clay-inner)}.progress-container{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:4px;transition:width .4s var(--ease-spring);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:4px 4px 0 0}.tag{padding:8px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:13px;font-weight:600;border-radius:20px;box-shadow:3px 3px 8px #ec489940,-2px -2px 6px #fffc}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.animate-fade-up{animation:fadeUp .5s var(--ease-spring) forwards}.animate-bounce-in{animation:bounceIn .6s var(--ease-spring) forwards}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 375px){:root{--space-4: 12px;--space-5: 16px;--space-6: 20px}}