body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--bg-color: #ffffff;--bg-side-color: #f4f4f4;--text-color: #000000;--link-color: #0066cc;--caret-color: #000000;--type-color: #000000;--fixed-bg-color: lightgrey}.dark{--bg-color: #323437;--bg-side-color: #3A3D41;--text-color: #e0e0e0;--link-color: #90CAF9;--caret-color: #FFD700;--type-color: #ffffff;--fixed-bg-color: darkgrey}body{background-color:var(--bg-color);color:var(--text-color)}a{color:var(--link-color)}.typing-container.svelte-bfrejs{position:relative;width:1200px;margin:.5em auto;font-size:24px;font-family:monospace;padding:.5em}.highlighted-text.svelte-bfrejs{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;color:gray;white-space:pre-wrap;word-wrap:break-word;text-align:left}.highlighted-text.svelte-bfrejs .correct:where(.svelte-bfrejs){font-weight:700;color:var(--type-color)}.highlighted-text.svelte-bfrejs .fixed:where(.svelte-bfrejs){font-weight:700;color:var(--type-color);background-color:var(--fixed-bg-color)}.highlighted-text.svelte-bfrejs .incorrect:where(.svelte-bfrejs){color:var(--type-color);font-weight:700;background-color:red}.typing-input.svelte-bfrejs{position:absolute;top:0;left:0;right:0;width:100%;border:none;background:transparent;color:transparent;font-size:24px;font-family:monospace;white-space:pre-wrap;word-wrap:break-word;outline:none;resize:none;caret-color:var(--caret-color)}.typing-container.svelte-1gqarw9{position:relative;width:1200px;margin:.5em auto;font-size:24px;font-family:monospace;padding:.5em}.highlighted-text.svelte-1gqarw9{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;color:gray;white-space:pre-wrap;word-wrap:break-word;text-align:left}.highlighted-text.svelte-1gqarw9 .correct:where(.svelte-1gqarw9){font-weight:700;color:var(--type-color)}.highlighted-text.svelte-1gqarw9 .fixed:where(.svelte-1gqarw9){font-weight:700;color:var(--type-color);background-color:var(--fixed-bg-color)}.highlighted-text.svelte-1gqarw9 .incorrect:where(.svelte-1gqarw9){color:var(--type-color);font-weight:700;background-color:red}.side-panel.svelte-1w1z2p1{position:fixed;top:0;right:0;height:100vh;background-color:var(--bg-side-color);box-shadow:2px 0 5px #0000001a;transition:width .3s ease;overflow:hidden;z-index:1000}.content.svelte-1w1z2p1{padding:1rem}.toggle-btn.svelte-1w1z2p1{position:fixed;top:10px;right:10px;width:30px;height:30px;border:none;border-radius:0 4px 4px 0;cursor:pointer}.keyboard.svelte-1n6xg4{display:flex;flex-direction:column;gap:.5rem;align-items:center;font-family:sans-serif}.row.svelte-1n6xg4{display:flex;gap:.5rem}.key.svelte-1n6xg4{width:40px;height:40px;background:#eee;border:1px solid #ccc;border-radius:5px;text-align:center;line-height:40px;font-weight:700;transition:background .2s,transform .1s}.key.active.svelte-1n6xg4{background:#4caf50;color:#fff;transform:scale(1.2)}.key.hr.svelte-1n6xg4{border:1px solid black}.key.lp.svelte-1n6xg4{background:#add8e6}.key.lr.svelte-1n6xg4{background:#90ee90}.key.lm.svelte-1n6xg4{background:#ffffe0}.key.li.svelte-1n6xg4{background:#b0c4de}.key.ri.svelte-1n6xg4{background:#f08080}.key.rm.svelte-1n6xg4{background:#ffb6c1}.key.rr.svelte-1n6xg4{background:#20b2aa}.key.rp.svelte-1n6xg4{background:#e0ffff}.bottom-panel.svelte-e7772j{position:fixed;bottom:0;width:60%;background-color:#f4f4f4;box-shadow:2px 0 5px #0000001a;transition:height .3s ease;overflow:hidden;z-index:1000}.content.svelte-e7772j{padding:1rem}.toggle-btn.svelte-e7772j{position:fixed;bottom:10px;left:10px;width:30px;height:30px;border:none;border-radius:0 4px 4px 0;cursor:pointer}