:root{--bg:#0d0c0b;--bg-soft:#141210;--ink:#e9e4dc;--muted:#8c847a;--line:#221f1b;--ember:#ff7a1a;--ember-soft:#c85f12;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(120% 90% at 50% 8%,#17140f 0%,var(--bg) 55%) fixed;color:var(--ink);font-family:var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:32px;-webkit-font-smoothing:antialiased}.login-link{position:fixed;top:22px;right:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:.3s}.login-link:hover{color:var(--ink);border-color:var(--line)}.stage{width:100%;max-width:560px;text-align:center;animation:rise .8s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lockup{margin:0 auto 6px}.ape{width:min(150px,38vw);height:auto;display:block;margin:0 auto 18px;filter:brightness(.16) saturate(.22);transition:filter .45s ease}.word{width:min(400px,84vw);height:auto;display:block;margin:0 auto;filter:brightness(1.16) saturate(1.42) drop-shadow(0 0 10px rgba(255,186,72,.3))}.copy{color:var(--muted);font-size:15.5px;line-height:1.7;max-width:430px;margin:0 auto}.lead{margin:30px auto 22px}.tail{margin:22px auto 0;color:#6f675c;font-size:14.5px}.bar{display:flex;align-items:flex-end;gap:10px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:12px 12px 12px 18px;transition:border-color .3s,box-shadow .3s}.bar:focus-within{border-color:#3a342c;box-shadow:0 0 0 4px #ff7a1a0f}.bar textarea{flex:1;background:transparent;border:0;resize:none;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;max-height:160px;min-height:24px;outline:none;padding:6px 0;scrollbar-width:none}.bar textarea::-webkit-scrollbar{display:none}.bar textarea::placeholder{color:#5f594f}.icon-btn{width:40px;height:40px;flex:0 0 40px;border-radius:11px;border:1px solid var(--line);background:#100e0c;color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:.2s}.icon-btn:hover{color:var(--ink);border-color:#3a342c}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.mic.recording{color:var(--ember);border-color:var(--ember);animation:pulse 1.1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff7a1a59}50%{box-shadow:0 0 0 7px #ff7a1a00}}.send{background:var(--ember);color:#0d0c0b;border-color:var(--ember)}.send:hover{filter:brightness(1.08);color:#0d0c0b}.send:disabled{background:#2a2620;border-color:var(--line);color:#5f594f;cursor:not-allowed;filter:none}.rec-note{color:var(--ember);min-height:16px;font-size:12px;margin-top:12px;letter-spacing:.08em;text-transform:uppercase}.thanks{display:none;text-align:center;animation:rise .9s ease both}.thanks .ape{animation:ember 3.4s ease-in-out infinite}@keyframes ember{0%,to{filter:brightness(1.14) saturate(1.12) drop-shadow(0 0 16px rgba(255,150,45,.4))}50%{filter:brightness(1.34) saturate(1.22) drop-shadow(0 0 30px rgba(255,150,45,.62))}}.thanks-note{font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:26px auto 10px}.thanks-lead{font-family:var(--serif);font-size:34px;color:var(--ink);margin:0 auto 14px;letter-spacing:.01em;line-height:1.2}.thanks-sub{color:var(--muted);font-size:15px;line-height:1.75;max-width:400px;margin:0 auto}.overlay{position:fixed;inset:0;background:#060504b8;backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px;z-index:20}.panel{width:100%;max-width:400px;background:var(--bg-soft);border:1px solid var(--line);border-radius:18px;padding:34px 30px;animation:rise .5s ease both}.panel h3{font-family:var(--serif);font-weight:500;letter-spacing:.2em;margin:0 0 4px;font-size:18px}.panel p{color:var(--muted);font-size:13px;margin:0 0 22px}.panel input{width:100%;background:#100e0c;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px 14px;margin-bottom:12px;font-size:14px;outline:none}.panel input:focus{border-color:#3a342c}.panel button{width:100%;background:var(--ember);color:#0d0c0b;border:0;border-radius:10px;padding:13px;font-size:14px;font-weight:600;letter-spacing:.06em;cursor:pointer;margin-top:6px}.panel .ghost{background:transparent;color:var(--muted);font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:11px;margin-top:14px}.stages{list-style:none;padding:0;margin:8px 0 0;text-align:left}.stages li{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.stages li:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #37322b;flex:0 0 10px}.stages li.done{color:var(--ink)}.stages li.done .dot{background:#4f7a3a;border-color:#4f7a3a}.stages li.active{color:var(--ink)}.stages li.active .dot{background:var(--ember);border-color:var(--ember);box-shadow:0 0 0 4px #ff7a1a24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:480px){body{padding:20px 16px;justify-content:center}.login-link{top:16px;right:16px;font-size:11px}.ape{width:min(120px,34vw);margin-bottom:14px}.word{width:min(300px,74vw)}.lead{margin:24px auto 18px;font-size:15px}.tail{font-size:13.5px}.bar{border-radius:14px;padding:10px 10px 10px 15px;gap:8px}.icon-btn{width:42px;height:42px;flex-basis:42px}.thanks-lead{font-size:28px}.thanks-note{margin-top:20px}.panel{padding:28px 22px}}@media (max-height:640px){.lead{margin:18px auto 14px}.ape{margin-bottom:10px}}