@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{font-family:Pretendard Variable,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#faf9f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .75rem;--luo-primary: #3b82f6;--luo-secondary: #06b6d4;--luo-dark: #1e40af;--luo-light: #dbeafe}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}body{margin:0;padding:0;min-height:100vh;width:100%;font-feature-settings:"rlig" 1,"calt" 1;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#f3f4f6}body::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:#6b7280}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{margin:0 auto;width:100%;max-width:80rem;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.section-padding{padding:4rem 0}@media (min-width: 640px){.section-padding{padding:5rem 0}}@media (min-width: 1024px){.section-padding{padding:6rem 0}}.heading-display{font-weight:700;letter-spacing:-.025em}.text-balance{text-wrap:balance}.gradient-text{background:linear-gradient(to right,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent}.card-hover{transition:all .3s ease}.card-hover:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-.25rem)}.button-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:#3b82f6;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#fff;transition:background-color .3s ease;border:none;cursor:pointer}.button-primary:hover{background-color:#1e40af}.button-primary:focus{outline:2px solid #3b82f6;outline-offset:2px}.button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #3b82f6;background-color:transparent;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#3b82f6;transition:background-color .3s ease;cursor:pointer}.button-secondary:hover{background-color:#dbeafe}.button-secondary:focus{outline:2px solid #3b82f6;outline-offset:2px}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.mask-gradient{mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh;margin:0;display:flex;flex-direction:column;overflow-x:hidden;box-sizing:border-box}.implementme{border:1px dotted red;padding:12px;position:relative}.implementme:hover{border:1px solid red}.implementme>.implementmelabel{font-size:7pt;z-index:99;position:absolute;top:-2px;left:1px}#practice-mode-hidden-input{position:fixed;top:0;left:0;opacity:0}
