:root{--ink:#141f51;--panel:#1b2861;--panel-2:#212f70;--line:#ecf0fa1a;--line-strong:#ecf0fa33;--text:#edf1f8;--muted:#a9b4dd;--muted-2:#7883b8;--signal:#acc8f7;--signal-dim:#acc8f729;--amber:#38478b;--amber-dim:#38478b73;--green:#3cd8a0;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 15% -10%, #acc8f724, transparent 60%), radial-gradient(900px 500px at 110% 10%, #38478b33, transparent 55%), var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif}.mono,.display{font-family:Poppins,sans-serif}.wrap{max-width:880px;margin:0 auto;padding:0 24px 100px}.hero{max-width:880px;margin:0 auto;padding:64px 24px 40px;position:relative;overflow:hidden}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--signal);background:var(--signal-dim);border:1px solid #acc8f773;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:11.5px;display:inline-flex}.eyebrow .dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #3cd8a02e}h1.display{letter-spacing:-.01em;margin:0 0 16px;font-size:44px;font-weight:600;line-height:1.08}h1.display .accent{color:var(--signal)}.hero p.sub{color:var(--muted);max-width:560px;margin:0;font-size:16.5px;line-height:1.65}.edge-graphic{opacity:.9;pointer-events:none;width:340px;height:220px;position:absolute;top:10px;right:-40px}@media (width<=760px){.edge-graphic{display:none}}.stat-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:28px;margin-top:36px;padding-top:28px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat b{font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.stat span{color:var(--muted-2);font-size:12.5px}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:22px;padding:36px}.step-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.step-num{color:var(--muted-2);border:1px solid var(--line-strong);border-radius:6px;padding:2px 7px;font-family:Poppins,sans-serif;font-size:12px}.step-title{font-family:Poppins,sans-serif;font-size:21px;font-weight:600}.step-desc{color:var(--muted);margin:6px 0 26px;font-size:14.5px;line-height:1.55}.tone-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=560px){.tone-grid{grid-template-columns:1fr}}.tone-card{text-align:left;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:18px 18px 16px;font-family:inherit;transition:border-color .15s,transform .15s,background .15s}.tone-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tone-card.selected{border-color:var(--signal);background:linear-gradient(#acc8f724,#acc8f70a)}.tone-card .t-name{justify-content:space-between;align-items:center;font-size:15.5px;font-weight:600;display:flex}.tone-card .t-check{border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.tone-card.selected .t-check{border-color:var(--signal);background:var(--signal)}.tone-card.selected .t-check:after{content:"";border:solid var(--ink);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.tone-card .t-desc{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.tone-card .t-sample{color:var(--muted-2);border-top:1px solid var(--line);margin-top:10px;padding-top:10px;font-size:12.5px;font-style:italic;line-height:1.5}.section-label{letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin:30px 0 12px;font-family:Poppins,sans-serif;font-size:12px}.length-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=560px){.length-grid{grid-template-columns:1fr}}.length-card{text-align:left;cursor:pointer;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:16px 16px 14px;font-family:inherit;transition:border-color .15s,transform .15s,background .15s}.length-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.length-card.selected{border-color:var(--amber);background:linear-gradient(#ffb4541a,#ffb45408)}.length-card .l-name{font-size:15px;font-weight:600}.length-card .l-words{color:var(--amber);margin-top:5px;font-family:Poppins,sans-serif;font-size:12px}.length-card .l-desc{color:var(--muted);margin-top:7px;font-size:12.5px;line-height:1.5}.step-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:12px 22px;font-family:Poppins,sans-serif;font-size:14.5px;font-weight:600;transition:opacity .15s,transform .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--signal);color:#0b0e13}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-primary:not(:disabled):hover{opacity:.9}.btn-ghost{color:var(--muted);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.field{margin-bottom:20px}.field label{letter-spacing:.03em;color:var(--muted);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:12.5px;display:block}.field label .req{color:var(--amber)}.field input,.field select,.field textarea{background:var(--panel-2);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:9px;outline:none;padding:12px 14px;font-family:Poppins,sans-serif;font-size:14.5px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--signal)}.field textarea{resize:vertical;min-height:88px;line-height:1.5}.row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.row-2{grid-template-columns:1fr}}.hint{color:var(--muted-2);margin-top:6px;font-size:12px}.selected-tone-pill{color:var(--signal);background:var(--signal-dim);cursor:pointer;border:1px solid #acc8f766;border-radius:100px;align-items:center;gap:8px;margin-right:8px;padding:6px 12px;font-size:13px;display:inline-flex}.selected-length-pill{color:var(--amber);background:var(--amber-dim);cursor:pointer;border:1px solid #ffb4544d;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.pill-row{margin-bottom:24px}.lookup-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.lookup-btn{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lookup-btn:hover:not(:disabled){color:var(--text);border-color:var(--signal)}.lookup-btn:disabled{opacity:.4;cursor:not-allowed}.lookup-status{color:var(--muted-2);font-size:12.5px}.lookup-status.searching:before{content:"";background:var(--signal);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.context-box{background:var(--panel-2);border:1px solid var(--signal);border-radius:9px;margin-top:12px;padding:14px 16px;display:none}.context-box.show{display:block}.context-box .ctx-label{letter-spacing:.04em;color:var(--signal);text-transform:uppercase;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:11px}.context-box .ctx-text{color:var(--text);margin-bottom:10px;font-size:13.5px;line-height:1.55}.context-box label{color:var(--muted);cursor:pointer;letter-spacing:normal;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:12.5px;display:flex}.context-box input[type=checkbox]{width:auto;accent-color:var(--signal)}.post-card{background:var(--panel-2);border:1px solid var(--line-strong);white-space:pre-wrap;border-radius:12px;margin-top:8px;padding:28px 26px;font-size:15.5px;line-height:1.75}#postBody{cursor:text;border-radius:8px;outline:none;margin:-4px -6px;padding:4px 6px;transition:background .15s,box-shadow .15s}#postBody:hover{background:#edf1f508}#postBody:focus{box-shadow:0 0 0 1.5px var(--signal);background:#acc8f714}#postBody p:last-child{margin-bottom:0!important}.edit-hint{color:var(--muted-2);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.edit-hint svg{opacity:.7;flex-shrink:0}.out-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.copy-msg{color:var(--green);opacity:0;align-self:center;font-size:13px;transition:opacity .2s}.copy-msg.show{opacity:1}.confirm-bar{background:var(--amber-dim);color:var(--text);border:1px solid #ffb45459;border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;font-size:13.5px;display:none}.confirm-bar.show{display:flex}.field-error{color:#ff7a7a;margin-top:8px;font-size:12.5px}.write-cta{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.btn-lg{border-radius:10px;padding:14px 28px;font-size:16px}.write-hint{color:var(--muted-2);font-size:12.5px}.prompt-accordion{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;margin-top:30px;overflow:hidden}.prompt-toggle{text-align:left;cursor:pointer;width:100%;color:var(--muted);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:600;transition:color .15s,background .15s;display:flex}.prompt-toggle:hover{color:var(--text);background:#acc8f70f}.prompt-toggle .chev{opacity:.7;flex-shrink:0;transition:transform .2s}.prompt-accordion.open .prompt-toggle{color:var(--signal)}.prompt-accordion.open .prompt-toggle .chev{transform:rotate(180deg)}.prompt-body{border-top:1px solid var(--line);padding:22px 20px 26px}.prompt-body .post-card{margin-top:0}.prompt-body .out-actions{margin-top:16px}.prompt-body .edit-hint{margin-bottom:2px}.top-nav{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:22px 24px 0;display:flex}.top-nav.end{justify-content:flex-end}.brand{align-items:center;display:flex}.logo-chip{align-items:center;line-height:0;display:inline-flex}.logo-chip svg{width:auto;height:22px;display:block}.progress{gap:6px;display:flex}.progress i{background:var(--line-strong);border-radius:2px;width:22px;height:3px;display:block}.progress i.on{background:var(--signal)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}