@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--font-sans:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--bg-dark:#f8fafc;--bg-deep:#f1f5f9;--card-bg:#ffffffbf;--card-border:#6366f11f;--card-border-glow:#6366f147;--primary:#7c3aed;--primary-glow:#7c3aed26;--secondary:#0891b2;--secondary-glow:#0891b226;--accent:#db2777;--accent-glow:#db277726;--success:#059669;--success-glow:#05966926;--warning:#d97706;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-correct:#0891b2;--text-error:#dc2626;--bg-error:#dc262614;--glow-1:#7c3aed0a;--glow-2:#0891b20a;--btn-sec-bg:#00000008;--btn-sec-border:#00000014;--btn-sec-hover:#0000000f;--input-bg:#fffffff2;--input-border:#0000000f;--overlay-bg:#f8fafcd9;--heatmap-empty-bg:#0000000a;--ach-card-bg:#00000003;--ach-card-border:#0000000a;--ach-icon-bg:#00000008;--log-item-bg:#00000003;--log-item-border:#00000005}.dark-theme{--bg-dark:#070913;--bg-deep:#0c0f24;--card-bg:#0d1127a6;--card-border:#6366f126;--card-border-glow:#6366f159;--primary:#8b5cf6;--primary-glow:#8b5cf666;--secondary:#06b6d4;--secondary-glow:#06b6d466;--accent:#f43f5e;--accent-glow:#f43f5e66;--success:#10b981;--success-glow:#10b98166;--warning:#f59e0b;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#4b5563;--text-correct:#06b6d4;--text-error:#f43f5e;--bg-error:#f43f5e26;--glow-1:#8b5cf614;--glow-2:#06b6d414;--btn-sec-bg:#ffffff0d;--btn-sec-border:#ffffff1a;--btn-sec-hover:#ffffff1a;--input-bg:#080a1799;--input-border:#ffffff0d;--overlay-bg:#070913d9;--heatmap-empty-bg:#ffffff0d;--ach-card-bg:#ffffff05;--ach-card-border:#ffffff0d;--ach-icon-bg:#ffffff0d;--log-item-bg:#ffffff03;--log-item-border:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 10% 20%, var(--glow-1) 0px, transparent 50%), radial-gradient(at 90% 80%, var(--glow-2) 0px, transparent 50%), linear-gradient(to bottom, var(--bg-dark), var(--bg-deep));color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000014}.glass-panel:hover{border-color:var(--card-border-glow);box-shadow:0 8px 32px #6366f10d}.btn{cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-sans);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #6366f1);color:#fff;box-shadow:0 4px 12px var(--primary-glow);border:none}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#6366f1);transform:translateY(-2px);box-shadow:0 6px 18px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--btn-sec-bg);color:var(--text-primary);border:1px solid var(--btn-sec-border)}.btn-secondary:hover{background:var(--btn-sec-hover);border-color:var(--card-border-glow)}.btn-accent{background:linear-gradient(135deg, var(--secondary), #0891b2);color:#fff;box-shadow:0 4px 12px var(--secondary-glow);border:none}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 18px #06b6d466}.logo{background:linear-gradient(to right, var(--text-primary), var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:grid}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.typing-box-container{font-family:var(--font-mono);letter-spacing:.05em;cursor:text;-webkit-user-select:none;user-select:none;background:#080a1799;border:1px solid #ffffff0d;border-radius:12px;outline:none;min-height:160px;margin-bottom:24px;padding:24px;font-size:1.35rem;line-height:1.6;position:relative}.typing-box-container:focus-within{border-color:var(--primary);box-shadow:0 0 15px #8b5cf626}.word-node{white-space:nowrap;margin-right:10px;display:inline-block}.char-node{color:var(--text-muted);transition:color .1s;position:relative}.char-node.pending{color:var(--text-muted)}.char-node.correct{color:var(--text-correct);text-shadow:0 0 4px #06b6d44d}.char-node.incorrect{color:var(--text-error);background-color:var(--bg-error);border-radius:2px}.caret-cursor{background-color:var(--secondary);width:2px;height:1.15em;box-shadow:0 0 8px var(--secondary);animation:1s infinite alternate pulse-caret;position:absolute;bottom:.1em;left:0}@keyframes pulse-caret{0%{opacity:0}to{opacity:1}}.hidden-input{opacity:0;pointer-events:none;z-index:-1;position:absolute}.focus-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-sans);color:var(--text-secondary);z-index:10;cursor:pointer;background:#070913d9;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.heatmap-container{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px;display:grid}.heatmap-day{aspect-ratio:1;color:var(--text-muted);background-color:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;font-size:.65rem;display:flex;position:relative}.heatmap-day.completed{background:linear-gradient(135deg, var(--secondary), var(--success));color:#fff;box-shadow:0 0 6px #10b98166}.heatmap-day.today{border:1px solid var(--primary);box-shadow:inset 0 0 4px #8b5cf666}.tabs-nav{border-bottom:1px solid #ffffff0d;gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--secondary);border-bottom-color:var(--secondary);text-shadow:0 0 8px #06b6d433}.achievement-grid{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}.achievement-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.achievement-card.unlocked{background:#8b5cf60d;border-color:#8b5cf633}.achievement-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.75rem;display:flex}.achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 0 10px var(--primary-glow)}.achievement-info h4{font-size:.9rem;font-weight:600}.achievement-info p{color:var(--text-secondary);font-size:.75rem}.stats-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-box{text-align:center;background:var(--ach-card-bg);border:1px solid var(--ach-card-border);border-radius:12px;padding:16px}.stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:800;font-family:var(--font-mono);background:linear-gradient(135deg, var(--text-primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem}.confetti-canvas{pointer-events:none;z-index:999;width:100vw;height:100vh;position:fixed;top:0;left:0}.select-wrapper{display:inline-block;position:relative}.select-custom{color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem}.select-custom:focus{border-color:var(--secondary)}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 24px 12px;display:flex}.footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:40px 24px;font-size:.85rem}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--secondary)}.text-glow-purple{text-shadow:0 0 10px #8b5cf680}.text-glow-cyan{text-shadow:0 0 10px #06b6d480}.chart-container{width:100%;height:150px;margin-top:16px}.chart-line{fill:none;stroke:url(#cyan-purple-grad);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 2px 8px #06b6d466)}.chart-point{fill:var(--bg-dark);stroke:var(--secondary);stroke-width:2.5px;cursor:pointer;transition:r .2s}.chart-point:hover{r:6}.chart-grid-line{stroke:#ffffff0d;stroke-width:1px}.chart-text{fill:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.checkbox-achieved{color:var(--success);font-size:1.1rem}.checkbox-locked{color:var(--text-muted);font-size:1.1rem}.keyboard-container{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;flex-direction:column;gap:5px;width:100%;max-width:100%;margin-top:16px;padding:14px;display:flex;box-shadow:0 4px 20px #0000000d}.keyboard-row{gap:5px;width:100%;display:flex}.key-cap{background:var(--btn-sec-bg);border:1px solid var(--btn-sec-border);height:38px;color:var(--text-secondary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;border-radius:6px;flex-grow:1;justify-content:center;align-items:center;min-width:24px;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}.key-cap.active-key{background:linear-gradient(135deg, var(--secondary), var(--primary));box-shadow:0 0 10px var(--secondary-glow);border-color:#0000;transform:scale(1.04);color:#fff!important}.hands-container{justify-content:center;gap:30px;margin:16px 0;display:flex}.hand-svg{width:110px;height:130px}.hand-outline{fill:none;stroke:var(--card-border-glow);stroke-width:1.5px}.finger-path{fill:var(--btn-sec-bg);stroke:var(--btn-sec-border);stroke-width:1.5px;transition:all .25s}.finger-path.active-finger{fill:var(--secondary);stroke:var(--secondary);filter:drop-shadow(0 0 4px var(--secondary-glow))}