@import"https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/pretendard.css";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@1,400;1,500;1,600;1,700&display=swap";:root{--blue-500: #0066FF;--blue-400: #3385FF;--blue-600: #0052CC;--blue-subtle: #0A1B3D;--purple-500: #7C24FF;--purple-400: #9650FF;--purple-subtle: #1A0E33;--teal-500: #33D3CB;--gradient-brand: linear-gradient(135deg, #0066FF 0%, #7C24FF 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(0,102,255,.16) 0%, rgba(124,36,255,.16) 100%);--gold-500: #FFB020;--gold-400: #FFC94D;--green-500: #22C55E;--green-bg: #0E2A1A;--red-500: #FF4D4D;--red-bg: #2A0E0E;--amber-500: #FB8C00;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;--bg: #000000;--surface-1: #0C0C0E;--surface-2: #141418;--surface-3: #1C1C22;--hairline: rgba(255,255,255,.08);--hairline-strong: rgba(255,255,255,.14);--text-1: #FFFFFF;--text-2: rgba(255,255,255,.62);--text-3: rgba(255,255,255,.4);--text-4: rgba(255,255,255,.26);--ink: #0A0A0A;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--r-max: 999px;--shadow-1: 0 1px 4px rgba(0,0,0,.4);--shadow-2: 0 8px 30px rgba(0,0,0,.5);--shadow-pop: 0 20px 60px rgba(0,0,0,.6);--glow-blue: 0 0 0 1px rgba(0,102,255,.4), 0 8px 40px rgba(0,102,255,.28);--glow-gold: 0 0 40px rgba(255,176,32,.35);--dur-xp: .9s;--dur-level: 1.2s;--dur-pass: .7s;--dur-write: .8s;--dur-match: .6s;--dur-score: .7s;--dur-quick: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--phone-w: 402px;--phone-h: 858px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:radial-gradient(1200px 600px at 80% -10%,#16121f 0%,transparent 55%),radial-gradient(900px 500px at 10% 110%,#0a1830 0%,transparent 55%),#050506;color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}#root{display:flex;align-items:center;justify-content:center}.phone-outer{width:min(100vw,428px);height:min(100vh,900px);height:min(100dvh,900px);padding:min(2vw,13px);display:flex}.phone-screen{position:relative;flex:1;border-radius:46px;overflow:hidden;background:#050506;box-shadow:0 0 0 2px #17171b,0 0 0 5px #050506,0 40px 120px #000000b3;display:flex;flex-direction:column}@media (max-width: 500px){#root{align-items:stretch}.phone-outer{width:100vw;height:100vh;height:100dvh;padding:0}.phone-screen{border-radius:0;box-shadow:none}}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#06f6}.scroll::-webkit-scrollbar{width:0;height:0}.scroll{scrollbar-width:none}.serif-i{font-family:var(--font-serif);font-style:italic;font-weight:500}.grad-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@keyframes rr-fadein{0%{opacity:0}to{opacity:1}}@keyframes rr-ping{0%{transform:scale(1);opacity:.7}75%,to{transform:scale(2.6);opacity:0}}@keyframes rr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}