:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111413;color:#f0f3ed;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#26382b55,transparent 60%);min-height:100vh}main{max-width:720px;margin:auto;padding:32px 22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px;font-size:.8rem;color:#aab7ac}.brand{font-size:1.9rem;color:#edf4e6;font-weight:750;text-decoration:none;letter-spacing:-1.4px}.dot{color:#b6dba5;font-size:.7rem;margin-left:4px}.card{border:1px solid #384239;background:#1c221e;padding:36px;border-radius:24px;box-shadow:0 18px 60px #0002}h1{font-size:2.5rem;line-height:1.12;letter-spacing:-1.2px;margin:16px 0 24px}p{line-height:1.65;color:#d0d8ce}.eyebrow{font-size:.7rem;letter-spacing:2px;font-weight:650;color:#b6dba5}.muted,footer{color:#a6b1a7;font-size:.85rem}footer{margin:28px 0;line-height:1.6}label{display:block;font-size:.9rem;margin-top:22px}input,textarea{display:block;width:100%;background:#121713;border:1px solid #4d5c4f;border-radius:10px;padding:14px;color:#f0f3ed;font:inherit;margin-top:8px}textarea{resize:vertical;line-height:1.6}#prompt{font-family:ui-monospace,monospace;font-size:.9rem;background:#151b16}button,.chip{border:0;background:#c3e2af;color:#172119;display:inline-block;border-radius:50px;padding:13px 20px;font:600 .9rem Inter,system-ui;cursor:pointer;text-decoration:none;text-align:center}form>button{margin-top:22px}.secondary,.chip{background:#303d32;color:#e2ebdf}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d2ef9c;outline-offset:3px}#notice:not(:empty){padding:18px;border-radius:12px;border:1px solid #918b58;color:#e9dfa7;margin-bottom:20px;white-space:pre-wrap}.progressline{display:flex;justify-content:space-between;font-size:.8rem;color:#b3c3ae;gap:12px}progress{width:100%;height:5px;margin:14px 0 24px;accent-color:#b6dba5}[hidden]{display:none!important}@media(max-width:500px){main{padding:24px 16px}header{margin-bottom:36px}.card{padding:24px}h1{font-size:2rem}.actions>*{flex:1}}