:root{--color-background: #0f172a;--color-accent: #fbbf24;--header-height: 3rem;--header-height-desktop: 6rem}::selection{background:var(--color-accent);color:var(--color-background)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background-color:var(--color-background);color:var(--color-accent);min-height:100vh;font-size:1.5rem;line-height:1.6;word-break:break-all}.container{max-width:1200px;margin:0 auto;padding:2rem;height:100vh}h1{font-weight:;display:block;text-align:center;height:var(--header-height);line-height:1;font-size:2rem;margin-bottom:0;text-shadow:0 0 20px rgba(251,191,36,.5)}#placeholder{width:15ch;margin:0 auto;color:#fbbf2480;font-size:3rem}.split-screen{height:calc(100vh - var(--header-height));overflow:hidden}.split-screen>*{height:calc(50% - 1rem);display:flex;flex-direction:column-reverse}.split-screen>*+*{margin-top:2rem}#textOutput{word-break:keep-all;overflow:hidden}#visualFeedback{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--color-accent);pointer-events:none;transition:opacity .1s ease-in-out;z-index:1000}#visualFeedback.flash{opacity:.1}@media (min-width: 768px){h1{font-size:3rem;height:var(--header-height-desktop)}.split-screen{height:calc(100% - var(--header-height-desktop));display:flex;align-items:flex-start;gap:3rem}.split-screen>*{flex:1;height:auto;max-height:100%}.split-screen>*+*{margin-top:0}}