:root{color-scheme:dark;--bg: #0a0b0d;--text: #f4f5f7;--muted: #8a8f9c;--line: #22252b;--accent: #5b9dff;--accent-text: #08101f;--danger: #ff6b6b}*{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}::selection{background:var(--accent);color:var(--accent-text)}.page{min-height:100dvh;display:flex;justify-content:center;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.app{width:100%;max-width:30rem;display:flex;flex-direction:column;padding-top:3rem}h1{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin:0 0 1.75rem;color:var(--muted)}h1 strong{color:var(--text);font-weight:650}textarea{width:100%;background:transparent;color:var(--text);border:none;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 .75rem;font-size:1.3rem;line-height:1.4;font-family:inherit;resize:none;field-sizing:content;min-height:3.4rem;max-height:40vh;transition:border-color .15s}textarea::placeholder{color:var(--muted)}textarea:focus{outline:none;border-color:var(--accent)}button{width:100%;margin-top:1.25rem;padding:.95rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;font-family:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;transition:opacity .15s,transform .05s}button:disabled{opacity:.35;cursor:default}button:not(:disabled):active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line)}.result label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem}.result p{margin:0;font-size:1.3rem;line-height:1.45}.error{margin-top:1.25rem;color:var(--danger);font-size:.9rem}@media(min-width:640px){.app{padding-top:4rem}h1{font-size:1.3rem}}