:root{color-scheme:dark;--bg: #0f1115;--card: #1a1d24;--border: #2a2e38;--text: #f0f1f4;--muted: #8b90a0;--accent1: #6ee7b7;--accent2: #60a5fa}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 20% -10%,rgba(110,231,183,.08),transparent 40%),radial-gradient(circle at 100% 10%,rgba(96,165,250,.08),transparent 40%)}.card{width:100%;max-width:560px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0006}h1{font-size:1.4rem;font-weight:650;margin:0 0 1.5rem;line-height:1.3}h1 .arrow{background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}textarea{width:100%;background:#12141a;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;font-size:1.05rem;font-family:inherit;resize:vertical;min-height:5rem}textarea:focus{outline:none;border-color:var(--accent2)}button{width:100%;margin-top:1rem;padding:.9rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;color:#0f1115;background:linear-gradient(90deg,var(--accent1),var(--accent2));cursor:pointer;transition:opacity .15s,transform .05s}button:disabled{opacity:.4;cursor:default}button:not(:disabled):active{transform:scale(.98)}.result{margin-top:1.5rem;padding:1rem 1.2rem;background:#12141a;border:1px solid var(--border);border-radius:12px}.result label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.result p{margin:0;font-size:1.15rem;line-height:1.5}.error{margin-top:1rem;color:#f87171;font-size:.9rem}@media(min-width:640px){h1{font-size:1.6rem}}