.text { width:min(680px, 94vw); max-height:9.5em; overflow:hidden; font:1.25rem/1.6 ui-monospace, Menlo, Consolas, monospace; background:#111b30; border:1px solid var(--line); border-radius:12px; padding:12px 14px; color:#94a3b8; text-align:left; }
.text .ok { color:#e2e8f0; } .text .bad { color:#f87171; background:rgba(248,113,113,.18); } .text .cur { background:#38bdf8; color:#06202e; border-radius:2px; }
.in { width:min(680px, 94vw); font:1.1rem ui-monospace, Menlo, monospace; color:var(--text); background:#0b1220; border:2px solid var(--line); border-radius:10px; padding:10px; resize:none; }

.text { color:#bad1e9; background:linear-gradient(145deg,#192645,#101930); border:5px solid #293a63; box-shadow:0 13px 28px rgba(16,34,70,.24),inset 0 0 30px rgba(98,81,219,.16); }
.text .ok { color:#85f2d5; text-shadow:0 0 6px rgba(73,225,190,.45); }
.text .cur { background:#7c6cef; color:#fff; box-shadow:0 0 10px #8f79f7; }
.in { background:#17243d; color:#e8f1ff; border-color:#5968b8; box-shadow:0 0 0 3px rgba(108,99,228,.11); }
.in:focus { outline:2px solid #8e86f4; }