@font-face{font-family:Pretendard;src:url(/font/variable/PretendardVariable.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--primary-50: #f3e5ff;--primary-100: #e1bee7;--primary-500: #7c4dff;--primary-600: #6a3de8;--primary-900: #4527a0;--gray-950: #0a0a0a;--gray-900: #121212;--gray-800: #1e1e1e;--gray-700: #2a2a2a;--gray-600: #666666;--gray-500: #888888;--gray-400: #999999;--gray-300: #aaaaaa;--gray-200: #dddddd;--gray-100: #f5f5f5;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--color-bg-primary: var(--gray-900);--color-bg-secondary: var(--gray-800);--color-bg-card: var(--gray-800);--color-text-primary: var(--gray-100);--color-text-secondary: var(--gray-400);--color-accent: var(--primary-500);--color-accent-light: var(--primary-100);--color-accent-dark: var(--primary-900);--color-danger: var(--error);--color-success: var(--success);--color-warning: var(--warning);--theme-primary: var(--primary-500);--theme-timer: var(--primary-500);--theme-badge: var(--primary-500);--theme-xp-bar: var(--primary-500);--theme-accent: var(--primary-500);--theme-transition: .3s ease}body.hard-mode{--theme-primary: #ef4444;--theme-timer: #ef4444;--theme-badge: #ef4444;--theme-xp-bar: #ef4444;--theme-accent: #ef4444}:root{--font-primary: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--font-normal: 400;--font-medium: 500;--font-bold: 700;--font-family: var(--font-primary);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-xxl: var(--text-2xl)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8)}:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .25)}:root{--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--duration-instant: .1s;--duration-fast: .2s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .8s;--duration-special: 1s;--delay-instant: 0ms;--delay-short: .1s;--delay-medium: .3s;--delay-long: .5s;--timing-button-click: 0ms;--timing-levelup-sound: 0ms;--timing-levelup-xp: .5s;--timing-levelup-change: 1s;--timing-levelup-confetti: 1.2s;--timing-gameover-sound: 0ms;--timing-gameover-fade: .3s;--timing-gameover-card: .6s;--transition-normal: var(--transition-base)}.icon{width:20px;height:20px;color:var(--gray-100);flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-primary{color:var(--primary-500)}.icon-success{color:var(--success)}.icon-warning{color:var(--warning)}.icon-error{color:var(--error)}body{font-family:var(--font-primary)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--gray-700);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.btn{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);border:none;cursor:pointer;transition:var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{height:48px;padding:0 24px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;background:var(--theme-primary);border:none;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{height:48px;padding:0 24px;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gray-100);background:var(--gray-700);border:1px solid var(--gray-600);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-secondary:hover:not(:disabled){background:var(--gray-600);transform:scale(1.02)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-md);background:var(--gray-700);border:1px solid var(--gray-600);color:var(--gray-100);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover:not(:disabled){background:var(--gray-600);transform:scale(1.05)}.btn-icon:active:not(:disabled){transform:scale(.95)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--gray-800);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;width:100%;box-sizing:border-box}.card-elevated{background:var(--gray-800);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;width:100%;box-shadow:var(--shadow-lg);box-sizing:border-box}.card-glow{background:var(--gray-800);border-radius:var(--radius-md);padding:var(--space-4);max-width:400px;width:100%;box-shadow:0 0 20px #7c4dff4d;border:1px solid var(--theme-primary);box-sizing:border-box}body.hard-mode .card-glow{box-shadow:0 0 20px #ef44444d}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--gray-700);color:var(--gray-300)}.badge-level{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:var(--font-bold);background:linear-gradient(135deg,var(--theme-primary),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.badge-rank{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--warning);color:var(--gray-950)}.badge-rank-gold{background:linear-gradient(135deg,gold,#ffed4e);color:var(--gray-950)}.badge-rank-silver{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--gray-950)}.badge-rank-bronze{background:linear-gradient(135deg,#cd7f32,#e6a857);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-backdrop.hidden{display:none}.modal{background:var(--gray-800);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.modal-content{padding:var(--space-6);overflow-y:auto;flex:1}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--gray-700);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-700);display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--duration-base)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up-on-scroll{opacity:0;transform:translateY(20px)}.fade-up-on-scroll.is-visible{animation:fadeUp var(--duration-base) cubic-bezier(.19,1,.22,1) forwards}.animate-fade-in{animation:fadeIn var(--duration-base)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes scaleBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.animate-scale-bounce{animation:scaleBounce var(--duration-slow)}.animate-stagger>*{animation:fadeIn var(--duration-base)}.animate-stagger>*:nth-child(1){animation-delay:0ms}.animate-stagger>*:nth-child(2){animation-delay:50ms}.animate-stagger>*:nth-child(3){animation-delay:.1s}.animate-stagger>*:nth-child(4){animation-delay:.15s}.animate-stagger>*:nth-child(5){animation-delay:.2s}.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-stagger>*:nth-child(7){animation-delay:.3s}.animate-stagger>*:nth-child(8){animation-delay:.35s}.animate-stagger>*:nth-child(9){animation-delay:.4s}.animate-stagger>*:nth-child(10){animation-delay:.45s}@keyframes flash{0%,to{opacity:0}50%{opacity:.3}}.animate-flash{animation:flash var(--duration-fast)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animate-shake{animation:shake var(--duration-base)}.text-heading{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.2;color:var(--gray-100)}.text-subheading{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1.3;color:var(--gray-100)}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5;color:var(--gray-100)}.text-small{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:1.4;color:var(--gray-300)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-normal);line-height:1.3;color:var(--gray-400)}.text-highlight{color:var(--theme-primary);font-weight:var(--font-bold)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.text-center{text-align:center}.text-white{color:#fff}.text-muted{color:var(--gray-400)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.bg-primary{background-color:var(--theme-primary)}.bg-gray-950{background-color:var(--gray-950)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-600{background-color:var(--gray-600)}.bg-success{background-color:var(--success)}.bg-error{background-color:var(--error)}.bg-warning{background-color:var(--warning)}.border-primary{border-color:var(--theme-primary)}.border-gray-700{border-color:var(--gray-700)}.border-gray-600{border-color:var(--gray-600)}.border-gray-500{border-color:var(--gray-500)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.border-warning{border-color:var(--warning)}.border{border-width:1px;border-style:solid}.border-0{border-width:0}.border-2{border-width:2px;border-style:solid}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.lazy-img{opacity:0;transition:opacity var(--duration-base)}.lazy-img.loaded{opacity:1}.skeleton-img{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.responsive-img{width:100%;height:100%;object-fit:cover;display:block}.img-loading{position:relative}.img-loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid var(--gray-600);border-top-color:var(--theme-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden;perspective:1000px}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}.transition-transform{transition:transform var(--transition-fast);will-change:transform}.transition-opacity{transition:opacity var(--transition-fast);will-change:opacity}.scale-hover:hover{transform:scale(1.02)}.scale-active:active{transform:scale(.98)}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}.prevent-shift{transform:translateZ(0)}.smooth-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.force-layer{transform:translateZ(0)}.view-exit{animation:viewFadeOut var(--duration-base) ease-out forwards}.view-enter{animation:viewFadeIn var(--duration-base) ease-in forwards}@keyframes viewFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.render-optimized{content-visibility:auto;contain-intrinsic-size:100px}.isolate{isolation:isolate}.main-container{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding:0}.main-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.main-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:10;background:var(--gray-900);margin-bottom:0}.main-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px var(--space-4);padding-bottom:200px;-webkit-overflow-scrolling:touch;box-sizing:border-box}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.level-badge{background:var(--theme-badge);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;transition:background-color var(--theme-transition)}.currency{display:flex;align-items:center;gap:4px;color:var(--color-warning);font-weight:700}.action-area{margin-top:auto;display:flex;justify-content:center;padding-bottom:var(--spacing-xl)}.action-area-fixed{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw;flex-shrink:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--gray-900);border-top:1px solid var(--gray-800);position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:10;box-sizing:border-box}.result-card{background:var(--color-bg-card);padding:20px;border-radius:12px;width:100%;max-width:400px;margin-top:20px;box-sizing:border-box}.result-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.2rem}.result-row .value{font-weight:700}.link-color{color:var(--color-success)}.toggle-switch{width:52px;height:28px;position:relative;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-600);transition:var(--transition-base);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.toggle-sound-normal input:checked+.toggle-slider{background-color:#7c4dff}.toggle-sound-hard input:checked+.toggle-slider{background-color:var(--error)}.toggle-hard input:checked+.toggle-slider{background-color:var(--error)}input:checked+.toggle-slider:before{transform:translate(24px)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes myRankPulse{0%,to{box-shadow:0 0 #7c4dff00}50%{box-shadow:0 0 16px #7c4dff99}}body.hard-mode #my-rank-section{animation:myRankPulseHard 2s ease-in-out infinite}@keyframes myRankPulseHard{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 16px #ef444499}}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.game-area{flex:1;display:flex;flex-direction:column;padding:20px}.game-header{margin-bottom:20px}.timer-container{display:flex;align-items:center;gap:16px}.timer-bar{flex:1;height:8px;background:#333;border-radius:4px;overflow:hidden}.timer-fill{height:100%;background:var(--theme-accent);transition:width .1s linear,background-color var(--theme-transition)}.timer-fill.critical{animation:timerPulse .8s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1;box-shadow:0 0 #ef444400}50%{opacity:.7;box-shadow:0 0 20px #ef4444cc}}.round-label{font-size:1rem;font-weight:600;letter-spacing:1px;color:#ffffffb3;white-space:nowrap;min-width:80px;text-align:right}.game-instruction{text-align:center;font-size:2rem;margin-bottom:20px;background:#222;padding:10px;border-radius:8px}.game-grid{display:grid;gap:10px;aspect-ratio:1}.grid-item{background:#2c2c2c;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border-radius:8px;cursor:pointer;transition:transform .1s}.grid-item:active{transform:scale(.95)}.color-tile{aspect-ratio:1;border-radius:12px;border:2px solid rgba(255,255,255,.1);font-size:0;-webkit-user-select:none;user-select:none}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}body{margin:0;padding:0;font-family:var(--font-family);background-color:#000;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{width:100%;max-width:480px;height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:var(--color-bg-primary);box-shadow:0 0 20px #00000080}button{font-family:inherit;border:none;cursor:pointer;background:none}.fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ffc10733;transform:scale(1)}50%{box-shadow:0 4px 20px #ffc10766;transform:scale(1.02)}}@keyframes correctPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}