.puzzle-page{--puzzle-font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--puzzle-background:#f8f9fd;--puzzle-foreground:#1e293b;--puzzle-card:#ffffffb3;--puzzle-card-hover:#ffffffe6;--puzzle-card-foreground:#0f172a;--puzzle-primary:#4f8ef7;--puzzle-primary-hover:#3b82f6;--puzzle-primary-foreground:#fff;--puzzle-secondary:#d9e7ff;--puzzle-secondary-foreground:#1d4ed8;--puzzle-muted:#f1f5f9;--puzzle-muted-foreground:#64748b;--puzzle-accent:#eef2f6;--puzzle-accent-foreground:#3b82f6;--puzzle-border:#e2e8f0cc;--puzzle-border-glow:#4f8ef733;--puzzle-ring:#4f8ef766;--puzzle-radius:1rem;--puzzle-shadow-sm:0 2px 8px #0000000a;--puzzle-shadow-md:0 8px 24px #959da51a;--puzzle-shadow-lg:0 16px 36px #959da526;--puzzle-glass-bg:#ffffff73;--puzzle-glass-border:#fff9;--puzzle-glass-blur:blur(16px);font-family:var(--puzzle-font-sans);background-color:var(--puzzle-background);color:var(--puzzle-foreground);min-height:100vh;transition:background-color .3s,color .3s}.dark .puzzle-page,.puzzle-page.dark{--puzzle-background:#0b0f19;--puzzle-foreground:#e2e8f0;--puzzle-card:#17255473;--puzzle-card-hover:#1e293bcc;--puzzle-card-foreground:#f8fafc;--puzzle-primary:#3b82f6;--puzzle-primary-hover:#60a5fa;--puzzle-primary-foreground:#fff;--puzzle-secondary:#1e293b;--puzzle-secondary-foreground:#93c5fd;--puzzle-muted:#1e293b;--puzzle-muted-foreground:#94a3b8;--puzzle-accent:#0f172a;--puzzle-accent-foreground:#60a5fa;--puzzle-border:#33415580;--puzzle-border-glow:#3b82f64d;--puzzle-ring:#3b82f680;--puzzle-glass-bg:#0f172a99;--puzzle-glass-border:#ffffff14;--puzzle-shadow-md:0 10px 30px #0000004d;--puzzle-shadow-lg:0 20px 40px #00000073}@keyframes puzzle-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes puzzle-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.puzzle-animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards puzzle-slide-up}@keyframes puzzle-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes puzzle-confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}@keyframes puzzle-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes puzzle-pulse-glow{0%,to{box-shadow:0 0 #4f8ef766}50%{box-shadow:0 0 0 8px #4f8ef700}}.puzzle-animate-fade-in-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards puzzle-fade-in-up}.puzzle-animate-scale-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards puzzle-scale-in}.puzzle-animate-shimmer{background:linear-gradient(90deg,var(--puzzle-muted)25%,var(--puzzle-border)50%,var(--puzzle-muted)75%);background-size:200% 100%;animation:1.5s linear infinite puzzle-shimmer}.puzzle-animate-pulse-glow{animation:2s ease-in-out infinite puzzle-pulse-glow}.puzzle-glass-card{background:var(--puzzle-glass-bg);-webkit-backdrop-filter:var(--puzzle-glass-blur);border:1px solid var(--puzzle-glass-border);border-radius:var(--puzzle-radius);box-shadow:var(--puzzle-shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.puzzle-glass-card:hover{background:var(--puzzle-card-hover);border-color:var(--puzzle-primary);box-shadow:var(--puzzle-shadow-lg);transform:translateY(-2px)}.puzzle-page ::-webkit-scrollbar{width:5px;height:5px}.puzzle-page ::-webkit-scrollbar-track{background:0 0}.puzzle-page ::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:9999px}.puzzle-page ::-webkit-scrollbar-thumb:hover{background:#4f8ef780}.scrollbar-hide::-webkit-scrollbar{display:none!important}.scrollbar-hide{-ms-overflow-style:none!important;scrollbar-width:none!important}@keyframes puzzle-correct-ripple{0%{z-index:20;transform:scale(1.06);box-shadow:0 0 #4f8ef7cc}50%{z-index:20;transform:scale(1.03);box-shadow:0 0 0 15px #4f8ef74d}to{z-index:auto;transform:scale(1);box-shadow:0 0 0 25px #4f8ef700}}.puzzle-correct-ripple{animation:.6s cubic-bezier(.16,1,.3,1) forwards puzzle-correct-ripple}