@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: rgba(245, 158, 11, .32);--accent: #06b6d4;--accent-dark: #078ca4;--accent-light: #22d3ee;--accent-glow: rgba(6, 182, 212, .28);--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: rgba(148, 163, 184, .14);--border-default: rgba(148, 163, 184, .26);--border-strong: rgba(148, 163, 184, .42);--success: #10b981;--success-light: #34d399;--success-glow: rgba(16, 185, 129, .28);--error: #ef4444;--error-light: #f87171;--error-glow: rgba(239, 68, 68, .28);--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 rgba(0, 0, 0, .2);--shadow-md: 0 8px 22px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .34);--shadow-xl: 0 28px 72px rgba(0, 0, 0, .42);--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 rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .045);--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: rgba(0, 255, 65, .2);--coding-accent: #22d3ee;--coding-accent-dark: #06a6c3;--coding-accent-glow: rgba(34, 211, 238, .2);--coding-bg: #050a0d;--coding-bg-secondary: #080f14;--coding-bg-tertiary: #10191f;--coding-text: #c7d1da;--coding-text-dim: #5f6d76;--coding-scanline: rgba(0, 255, 65, .025)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;background:var(--bg-primary)}body{min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.app{min-height:100vh}.app{display:flex;flex-direction:column;background:var(--bg-primary)}.practice-main{width:100%;flex:1 0 auto;padding:1rem 0 4rem;background:#07101b}.practice-main-coding{background:#050b0f}.practice-page-heading{width:min(100% - 2rem,1180px);margin:0 auto 1.25rem;padding:1.5rem 0 1.35rem;border-bottom:1px solid var(--border-subtle)}.practice-page-heading>p{margin-bottom:.55rem;color:var(--accent-light);font-family:var(--font-mono);font-size:.72rem;font-weight:650;letter-spacing:.14em}.practice-page-heading>h1{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2rem,4.2vw,3.6rem);font-weight:720;line-height:1.08;letter-spacing:-.045em}.practice-page-heading>span{display:block;max-width:48rem;margin-top:.8rem;color:var(--text-secondary);font-size:.94rem}.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;display:grid;place-items:center;color:var(--text-muted);background:var(--bg-primary);font-family:var(--font-mono);font-size:.75rem}a{color:var(--accent-light);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}button,input,textarea,select{font:inherit}button{border:0;color:inherit;background:transparent;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)}: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;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}