@font-face{font-display:swap;font-family:Fira Code;font-style:normal;font-weight:300 700;src:url(/static/media/FiraCode-VariableFont_wght.56402a6df7b1f107e9c4.ttf) format("truetype")}:root{--radius:8px;--spacing-3:0.75rem;--spacing-8:2rem;--bg-color:#1a1a1a;--surface-color:#242424;--border-color:#333;--text-color:#e0e0e0;--subtle-text-color:#757575;--caret-color:#f0f0f0;--accent-color:#8c9eff;--danger-color:#b71c1c;--success-color:#2e7d32}html{height:100%}body{align-items:center;background-color:#1a1a1a;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);display:flex;font-family:Fira Code,monospace;justify-content:center;margin:0;min-height:100%;overflow-y:auto}body.writing-active{height:100vh;overflow:hidden}#root{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:clamp(1rem,5vmin,2rem);padding:clamp(1rem,5vmin,var(--spacing-8));width:100%}body.writing-active #root{height:100%;padding:.75rem;padding:var(--spacing-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}.blinking-cursor{animation:blink 1s step-end infinite;color:#f0f0f0;color:var(--caret-color);font-weight:700}.config-container{animation:fadeIn .5s ease-out;gap:clamp(1.5rem,5vh,2.5rem);justify-content:center;max-width:900px;width:100%}.config-container,.config-item{align-items:center;display:flex;flex-direction:column}.config-item{gap:.75rem;gap:var(--spacing-3)}.config-item label{color:#e0e0e0;color:var(--text-color);font-size:clamp(.7rem,2vmin,.8rem);letter-spacing:.1em}.config-item input{background-color:#242424;background-color:var(--surface-color);border:1px solid #333;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);color:#e0e0e0;color:var(--text-color);font-family:inherit;font-size:clamp(1.2rem,4vmin,1.5rem);padding:clamp(.4rem,1.5vmin,.5rem);text-align:center;transition:border-color .2s;width:clamp(70px,18vmin,80px)}.config-item input:focus{border-color:#8c9eff;border-color:var(--accent-color);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.start-button{background:none;border:none;color:#e0e0e0;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:clamp(.8rem,2.5vmin,1rem);letter-spacing:.1em;padding:clamp(.75rem,3vmin,1rem);transition:color .2s}.start-button:hover{color:#f0f0f0;color:var(--caret-color)}.writing-container{animation:fadeIn .5s ease-out;background-color:#242424;background-color:var(--surface-color);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:100%;max-height:90vh;max-width:80ch;overflow:hidden;width:100%}textarea{-webkit-overflow-scrolling:touch;background:#0000;border:none;border-top:4px solid #333;border-top:4px solid var(--border-color);caret-color:#f0f0f0;caret-color:var(--caret-color);color:#e0e0e0;color:var(--text-color);flex-grow:1;font-family:inherit;font-size:1.1rem;line-height:1.7;outline:none;overflow-y:auto;padding:1.5rem 2rem;resize:none;transition:border-color .4s ease-in-out}.writing-container.danger textarea{border-top-color:#b71c1c;border-top-color:var(--danger-color)}.writing-container.success textarea{border-top-color:#2e7d32;border-top-color:var(--success-color)}textarea{scrollbar-color:#333 #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:#0000}textarea::-webkit-scrollbar-thumb{background-color:#333;background-color:var(--border-color);border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background-color:#757575;background-color:var(--subtle-text-color)}textarea::placeholder{color:#757575;color:var(--subtle-text-color);opacity:1}.footer-actions{align-items:center;animation:fadeIn .5s;background-color:#242424;background-color:var(--surface-color);border-top:1px solid #333;border-top:1px solid var(--border-color);display:flex;flex-shrink:0;font-size:.9rem;gap:1.5rem;letter-spacing:.05em;padding:.75rem 2rem}.footer-actions span{color:#2e7d32;color:var(--success-color);flex-grow:1;font-weight:700}.footer-actions button{background:none;border:none;color:#757575;color:var(--subtle-text-color);cursor:pointer;font-family:inherit;font-size:.9rem;transition:color .2s}.footer-actions button:hover{color:#e0e0e0;color:var(--text-color)}@media (max-width:768px){body.writing-active,html.writing-active{overflow:hidden;position:fixed;width:100%}body.writing-active #root{height:0;padding:0}body.writing-active .writing-container{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;left:0;max-height:none;position:fixed;top:0;width:100%;z-index:100}.writing-container textarea{font-size:1rem;line-height:1.6;padding:1rem}.footer-actions{gap:1rem;padding:.75rem 1rem}}
/*# sourceMappingURL=main.f41b4f72.css.map*/