@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--primary:#f59e0b;--primary-dark:#d98205;--primary-light:#fbbf24;--primary-glow:#f59e0b52;--accent:#06b6d4;--accent-dark:#078ca4;--accent-light:#22d3ee;--accent-glow:#06b6d447;--bg-primary:#07101b;--bg-secondary:#0d1723;--bg-tertiary:#172332;--bg-elevated:#111e2c;--bg-card:#0f1925;--text-primary:#f1f5f9;--text-secondary:#9aa7b7;--text-muted:#687688;--text-inverse:#07101b;--border-subtle:#94a3b824;--border-default:#94a3b842;--border-strong:#94a3b86b;--success:#10b981;--success-light:#34d399;--success-glow:#10b98147;--error:#ef4444;--error-light:#f87171;--error-glow:#ef444447;--warning:#f59e0b;--finger-pinky:#f87171;--finger-ring:#fb923c;--finger-middle:#fbbf24;--finger-index:#34d399;--finger-thumb:#a78bfa;--font-display:"Pretendard", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Pretendard", "Outfit", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--transition-fast:.16s var(--ease-out-expo);--transition-normal:.3s var(--ease-out-expo);--transition-slow:.52s var(--ease-out-expo);--shadow-sm:0 3px 8px #0003;--shadow-md:0 8px 22px #00000047;--shadow-lg:0 18px 44px #00000057;--shadow-xl:0 28px 72px #0000006b;--shadow-glow-primary:0 0 28px var(--primary-glow);--shadow-glow-accent:0 0 28px var(--accent-glow);--shadow-glow-success:0 0 18px var(--success-glow);--shadow-glow-error:0 0 18px var(--error-glow);--shadow-card:0 18px 46px #0000003d, inset 0 1px 0 #ffffff0b;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.42rem;--radius-md:.72rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--coding-primary:#00ff41;--coding-primary-dark:#00c936;--coding-primary-light:#39ff68;--coding-primary-glow:#00ff4133;--coding-accent:#22d3ee;--coding-accent-dark:#06a6c3;--coding-accent-glow:#22d3ee33;--coding-bg:#050a0d;--coding-bg-secondary:#080f14;--coding-bg-tertiary:#10191f;--coding-text:#c7d1da;--coding-text-dim:#5f6d76;--coding-scanline:#00ff4106}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);font-size:16px}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root,.app{min-height:100vh}.app{background:var(--bg-primary);flex-direction:column;display:flex}.practice-main{background:#07101b;flex:1 0 auto;width:100%;padding:1rem 0 4rem}.practice-main-coding{background:#050b0f}.practice-page-heading{border-bottom:1px solid var(--border-subtle);width:min(100% - 2rem,1180px);margin:0 auto 1.25rem;padding:1.5rem 0 1.35rem}.practice-page-heading>p{color:var(--accent-light);font-family:var(--font-mono);letter-spacing:.14em;margin-bottom:.55rem;font-size:.72rem;font-weight:650}.practice-page-heading>h1{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:720;line-height:1.08}.practice-page-heading>span{max-width:48rem;color:var(--text-secondary);margin-top:.8rem;font-size:.94rem;display:block}.practice-page-heading-coding>p{color:var(--coding-primary)}.practice-page-heading-coding>h1{font-family:var(--font-mono);letter-spacing:-.04em}.route-loading{min-height:100vh;color:var(--text-muted);background:var(--bg-primary);font-family:var(--font-mono);place-items:center;font-size:.75rem;display:grid}a{color:var(--accent-light);transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0}:focus-visible{outline:2px solid var(--primary-light);outline-offset:3px}::selection{color:var(--text-inverse);background:var(--primary-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07101b}::-webkit-scrollbar-thumb{background:#2a3748;border:2px solid #07101b;border-radius:999px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 14px var(--primary-glow)}50%{box-shadow:0 0 26px var(--primary-glow)}}@media (max-width:760px){:root{--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem}.practice-main{padding-top:.5rem}.practice-page-heading{width:min(100% - 1.5rem,1180px);margin-bottom:.75rem;padding:1.1rem 0}.practice-page-heading>span{font-size:.86rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}