body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color-light:#fff;--text-color-light:#282c34;--textarea-bg-light:#f0f0f0;--textarea-border-light:#ccc;--textarea-focus-shadow-light:#007bff4d;--link-color-light:#007bff;--background-color-dark:#282c34;--text-color-dark:#fff;--textarea-bg-dark:#3a3f4a;--textarea-border-dark:#444;--textarea-focus-shadow-dark:#61dafb4d;--link-color-dark:#61dafb}.App.light{--background-color:var(--background-color-light);--text-color:var(--text-color-light);--textarea-bg:var(--textarea-bg-light);--textarea-border:var(--textarea-border-light);--textarea-focus-shadow:var(--textarea-focus-shadow-light);--link-color:var(--link-color-light)}.App.dark{--background-color:var(--background-color-dark);--text-color:var(--text-color-dark);--textarea-bg:var(--textarea-bg-dark);--textarea-border:var(--textarea-border-dark);--textarea-focus-shadow:var(--textarea-focus-shadow-dark);--link-color:var(--link-color-dark)}.App{text-align:center}.App-header{align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;transition:background-color .3s ease,color .3s ease}.App-link{color:var(--link-color)}.textarea-container{align-items:center;display:flex;flex-direction:column;margin-top:24px;width:100%}.textarea-input{background-color:var(--textarea-bg);border:1px solid var(--textarea-border);border-radius:8px;color:var(--text-color);font-size:16px;min-height:120px;padding:12px;resize:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .3s ease,color .3s ease;width:500px}.textarea-input:focus{border-color:var(--link-color);box-shadow:0 0 0 3px var(--textarea-focus-shadow);outline:none}.char-counter{color:#999;font-size:14px;margin-top:8px}.theme-toggle-button{background-color:var(--textarea-bg);border:1px solid var(--textarea-border);border-radius:8px;color:var(--text-color);cursor:pointer;padding:8px 12px;position:absolute;right:20px;top:20px;transition:background-color .3s ease,color .3s ease}
/*# sourceMappingURL=main.bf1e8fbf.css.map*/