*{margin:0;padding:0;box-sizing:border-box;transform-origin:center}body{font-family:DM Sans,sans-serif}.themeWrapper{--neutral-900: #12131a;--neutral-800: #21222c;--neutral-700: #2a2b37;--neutral-600: #404254;--neutral-200: #e4e4ef;--neutral-100: #f2f2f7;--neutral-0: #ffffff;--purple-400: #d3a0fa;--purple-500: #c27cfc;--yellow-500: #ff9f00;--orange-500: #fb8159;--orange-800: #da3701;background:var(--neutral-09);color:var(--text);min-height:100vh;padding:0 16px 24px}.themeWrapper.dark{--neutral-09: var(--neutral-900);--neutral-28: var(--neutral-800);--neutral-18: var(--neutral-800);--neutral-17: var(--neutral-700);--neutral-27: var(--neutral-700);--neutral-26: var(--neutral-600);--neutral-91: var(--neutral-100);--neutral-72: var(--neutral-200);--neutral-90: var(--neutral-0);--orange-58: var(--orange-500);--text: var(--neutral-200)}.themeWrapper.light{--neutral-09: var(--neutral-0);--neutral-28: var(--neutral-200);--neutral-27: var(--neutral-200);--neutral-26: var(--neutral-200);--neutral-17: var(--neutral-100);--neutral-18: var(--neutral-100);--neutral-91: var(--neutral-900);--neutral-72: var(--neutral-700);--neutral-90: var(--neutral-900);--orange-58: var(--orange-800);--text: var(--neutral-700)}.container{max-width:990px;margin:0 auto}label.svelte-1a5t8af{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:16px;line-height:1.3;letter-spacing:-.6px}input.svelte-1a5t8af{position:absolute;height:0;width:0;z-index:-10}input.svelte-1a5t8af:focus-visible+span:where(.svelte-1a5t8af){box-shadow:0 0 0 2px #fff,0 0 0 4px #d3a0fa}span.svelte-1a5t8af{border-radius:4px;width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--neutral-72)}span.active.svelte-1a5t8af{background:var(--purple-400);border-color:var(--purple-400)}div.svelte-1veqckc{display:flex;gap:10px;height:30px}div.svelte-1veqckc input:where(.svelte-1veqckc){min-width:calc(26px + 3ch);max-width:calc(26px + 8ch);border:1px solid var(--neutral-600);border-radius:6px;padding:4px 12px;background:var(--neutral-09);color:var(--neutral-90);font-size:16px;line-height:1.3;letter-spacing:-.6px}button.svelte-1eueyv2{background:var(--neutral-17);border:none;padding:6px;border-radius:8px;line-height:0;cursor:pointer;transition-property:scale;transition-duration:.18s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}button.svelte-1eueyv2:hover,button.svelte-1eueyv2:focus-visible{scale:1.2}@media (min-width: 556px){button.svelte-1eueyv2{padding:11px}}.header.svelte-i7f4zl{display:flex;justify-content:space-between;align-items:center;padding-top:32px}div.svelte-1ejw3x4{flex:1;padding:26px 16px;border-radius:12px;color:var(--neutral-900);background-repeat:no-repeat;background-position:calc(100% + 30px) center;font-size:20px;letter-spacing:-.6px;line-height:1.4}div.svelte-1ejw3x4 .number:where(.svelte-1ejw3x4){margin-bottom:5px;display:block;font-size:40px;letter-spacing:-1px;line-height:1;font-weight:700}@media (min-width: 768px){div.svelte-1ejw3x4 .number:where(.svelte-1ejw3x4){font-size:64px}}div.svelte-1ejw3x4 .small:where(.svelte-1ejw3x4){font-size:16px;line-height:1.3;letter-spacing:-.6px}@media (min-width: 556px){div.svelte-1ejw3x4{background-position:calc(100% + 30px) 0}}.orange.svelte-1ejw3x4{background-image:url(/frontend-challenges/Character-counter/pattern-word-count.svg);background-color:var(--yellow-500)}.purple.svelte-1ejw3x4{background-image:url(/frontend-challenges/Character-counter/pattern-character-count.svg);background-color:var(--purple-400)}.red.svelte-1ejw3x4{background-image:url(/frontend-challenges/Character-counter/pattern-sentence-count.svg);background-color:var(--orange-500)}.bar.svelte-nvvnku{height:12px;width:100%;background:var(--neutral-18);border-radius:99px}.bar.svelte-nvvnku div:where(.svelte-nvvnku){height:100%;background:var(--purple-400);min-width:4px;border-radius:99px}.letter.svelte-nvvnku{width:16px;font-size:16px;line-height:1.3;letter-spacing:-.6px}.amount.svelte-nvvnku{width:90px;text-align:right;font-size:16px;line-height:1.3;letter-spacing:-.6px}.letterWrapper.svelte-1xs4rft{display:grid;grid-template-columns:21px 1fr max-content;align-items:center;gap:12px 14px}button.svelte-1xs4rft{border:none;background:transparent;margin-top:20px;display:flex;gap:8px;align-items:center;color:inherit;cursor:pointer;font-size:20px;letter-spacing:-.6px;line-height:1.4}h1.svelte-773i1d{max-width:510px;text-align:center;margin:48px auto;color:var(--neutral-91);font-size:40px;letter-spacing:-1px;line-height:1;font-weight:700}@media (min-width: 768px){h1.svelte-773i1d{font-size:64px}}h2.svelte-773i1d{margin:24px 0 20px;font-size:24px;letter-spacing:-1px;line-height:1;font-weight:semibold}textarea.svelte-773i1d{width:100%;resize:none;height:200px;background:var(--neutral-18);border:2px solid var(--neutral-27);border-radius:12px;padding:20px;font-family:inherit;color:var(--neutral-72);box-shadow:0 0 10px transparent;font-size:20px;letter-spacing:-.6px;line-height:1.4;transition-property:background-color,border-color,box-shadow;transition-duration:.18s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}textarea.svelte-773i1d:hover{background:var(--neutral-27);border-color:var(--neutral-26)}textarea.svelte-773i1d:focus-visible{border-color:var(--purple-500);box-shadow:0 0 10px var(--purple-400);outline:none}textarea.overlimit.svelte-773i1d{border-color:var(--orange-58);box-shadow:0 0 8px var(--orange-58)}textarea.svelte-773i1d::placeholder{color:var(--neutral-72)}.inforbar.svelte-773i1d{display:flex;justify-content:space-between;margin:16px 0 48px;gap:12px;flex-direction:column}@media (min-width: 556px){.inforbar.svelte-773i1d{align-items:center;flex-direction:row}}.inforbarSwitches.svelte-773i1d{display:flex;gap:12px;flex-direction:column}@media (min-width: 556px){.inforbarSwitches.svelte-773i1d{gap:24px;flex-direction:row}}.errorbar.svelte-773i1d{display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--orange-58);font-size:16px;line-height:1.3;letter-spacing:-.6px}.databar.svelte-773i1d{display:flex;gap:16px;flex-direction:column}@media (min-width: 556px){.databar.svelte-773i1d{flex-direction:row}}