:root{--bg:#080808;--bg2:#111;--bg3:#1a1a1a;--card:#141414;--fg:#f0f0ed;--fg2:#888;--fg3:#444;--border:#222;--accent:#e8ff57;--acc-fg:#080808;--danger:#e24b4a;--warn:#ef9f27;--sec-bg:#1e1e1e;--sec-bd:#333;--sec-fg:#f0f0ed;--sec-bgh:#242424;--sec-bdh:#555;--bi-bg:#0a2540;--bi-fg:#85b7eb;--bc-bg:#3a1a08;--bc-fg:#f0997b;--be-bg:#041e12;--be-fg:#5dcaa5}[data-theme=light]{--bg:#fafaf8;--bg2:#f0f0ec;--bg3:#e8e8e4;--card:#fff;--fg:#0d0d0d;--fg2:#555;--fg3:#999;--border:#e0e0dc;--sec-bg:#e8e8e4;--sec-bd:#c0c0bc;--sec-fg:#0d0d0d;--sec-bgh:#dcdcd8;--sec-bdh:#909090;--bi-bg:#def;--bi-fg:#0a3d6b;--bc-bg:#ffe8d6;--bc-fg:#7a3010;--be-bg:#d6f5e8;--be-fg:#0a4d30}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--fg);font-family:Inter,sans-serif}body{background:var(--bg);min-height:100vh;color:var(--fg);transition:background .2s,color .2s}button,input,textarea{font-family:Inter,sans-serif}::selection{background:var(--accent);color:var(--acc-fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{flex-direction:column;width:100%;min-height:100vh;display:flex}.navbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 52px;display:flex;position:sticky;top:0}.navbar-logo{align-items:center;gap:9px;text-decoration:none;display:flex}.wordmark{letter-spacing:-.5px;color:var(--fg);white-space:nowrap;font-size:16px;font-weight:800}.wordmark-muted{color:var(--fg3)}.navbar-right{align-items:center;gap:9px;display:flex}.theme-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--fg3);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme-btn:hover{background:var(--bg2);border-color:var(--fg3);color:var(--fg)}.btn{cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-sm{padding:7px 16px;font-size:13px}.btn-md{padding:9px 20px;font-size:14px}.btn-primary{background:var(--fg);color:var(--bg);border:2px solid var(--fg)}.btn-primary:hover:not(:disabled){opacity:.82}.btn-secondary{background:var(--sec-bg);color:var(--sec-fg);border:2px solid var(--sec-bd)}.btn-secondary:hover:not(:disabled){background:var(--sec-bgh);border-color:var(--sec-bdh)}.btn-accent{background:var(--accent);color:var(--acc-fg);border:2px solid var(--accent)}.btn-accent:hover:not(:disabled){opacity:.88}.btn-ghost{color:var(--fg3);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg2);color:var(--fg);border-color:var(--fg3)}.btn-ghost.copied{color:var(--be-fg);border-color:var(--be-fg);background:var(--be-bg)}.split-layout{flex:1;grid-template-columns:2fr 3fr;min-height:0;display:grid}.left-panel{border-right:1px solid var(--border);flex-direction:column;gap:28px;padding:52px 44px 48px 52px;display:flex;overflow-y:auto}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.5s ease-in-out infinite ep}@keyframes ep{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.eyebrow-text{color:var(--fg2);letter-spacing:.1em;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px;font-weight:500}.main-headline{letter-spacing:-2px;font-size:clamp(32px,3.2vw,52px);font-weight:900;line-height:1.08}.headline-dim{color:var(--fg3);display:block}.headline-bright{color:var(--fg);line-height:1.14;display:block}.headline-bright em{color:var(--acc-fg);background:var(--accent);border-radius:5px;padding:2px 9px;font-style:normal;line-height:1.22;display:inline-block}.main-sub{color:var(--fg2);max-width:340px;font-size:clamp(13px,1.2vw,15px);line-height:1.72}.main-sub strong{color:var(--fg);font-weight:600}.proof-card{border:1px solid var(--border);background:var(--bg2);border-radius:12px;flex-direction:column;gap:14px;padding:18px;display:flex}.proof-top{align-items:center;gap:12px;display:flex}.proof-faces{display:flex}.proof-face{border:2px solid var(--bg2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-left:-10px;font-family:Geist Mono,monospace;font-size:11px;font-weight:700;display:flex}.proof-face:first-child{margin-left:0}.pf1{color:#7f77dd;background:#1a1a3a}.pf2{color:#1d9e75;background:#0a1e16}.pf3{color:#d85a30;background:#2a0e00}.pf4{color:#d4537e;background:#1a0a20}.pf5{color:#378add;background:#0a0a1a}.proof-headline{color:var(--fg);letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:1.3}.proof-sub{color:var(--fg2);margin-top:2px;font-size:12px}.proof-divider{background:var(--border);height:1px}.proof-stats{grid-template-columns:1fr 1fr 1fr;display:grid}.pstat{text-align:center;padding:0 8px}.pstat+.pstat{border-left:1px solid var(--border)}.pstat-num{letter-spacing:-.5px;color:var(--fg);margin-bottom:3px;font-size:22px;font-weight:900;line-height:1}.pstat-num span{color:var(--accent)}[data-theme=light] .pstat-num span{background:var(--accent);color:var(--acc-fg);border-radius:4px;padding:0 5px;font-size:19px;line-height:1.25;display:inline-block}.pstat-label{color:var(--fg2);font-family:Geist Mono,monospace;font-size:10px;line-height:1.4}.example-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.example-header{color:var(--fg3);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:10px;font-family:Geist Mono,monospace;font-size:10px}.example-tweet{color:var(--fg3);font-size:12px;font-style:italic;line-height:1.55}.example-replies{flex-direction:column;gap:8px;display:flex}.example-reply{border-left:2px solid #0000;border-radius:8px;padding:9px 11px}.example-reply.ins{background:#0a2540;border-left-color:#378add}.example-reply.con{background:#3a1a08;border-left-color:#d85a30}.example-reply.eng{background:#041e12;border-left-color:#1d9e75}.example-reply-label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-family:Geist Mono,monospace;font-size:9px;font-weight:500}.example-reply.ins .example-reply-label{color:var(--bi-fg)}.example-reply.con .example-reply-label{color:var(--bc-fg)}.example-reply.eng .example-reply-label{color:var(--be-fg)}.example-reply-text{color:var(--fg);font-size:12px;line-height:1.6}.right-panel{background:var(--bg2);flex-direction:column;gap:16px;padding:44px 52px 44px 44px;display:flex;overflow-y:auto}.tool-header{flex-shrink:0}.tool-title{color:var(--fg);letter-spacing:-.4px;margin-bottom:4px;font-size:clamp(16px,1.5vw,20px);font-weight:700}.tool-subtitle{color:var(--fg2);font-size:13px;line-height:1.5}.input-wrap{border:1px solid var(--border);background:var(--card);border-radius:12px;flex-shrink:0;transition:border-color .2s;overflow:hidden}.input-wrap:focus-within{border-color:var(--fg)}.input-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);padding:12px 16px 4px;font-family:Geist Mono,monospace;font-size:10px;font-weight:500;display:block}.input-textarea{width:100%;color:var(--fg);resize:none;background:0 0;border:none;outline:none;min-height:120px;max-height:180px;padding:4px 16px 14px;font-family:Inter,sans-serif;font-size:clamp(13px,1.1vw,15px);line-height:1.65;display:block;overflow-y:auto}.input-textarea::placeholder{color:var(--fg3)}.input-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.char-count{color:var(--fg3);flex-shrink:0;font-family:Geist Mono,monospace;font-size:11px}.char-count.warn{color:var(--warn)}.char-count.over{color:var(--danger)}.input-hint{color:var(--fg3);text-align:right;font-family:Geist Mono,monospace;font-size:11px}.loading-card{border:1px solid var(--border);background:var(--card);color:var(--fg2);border-radius:12px;align-items:center;gap:12px;padding:18px 16px;font-size:clamp(13px,1.1vw,15px);display:flex}.dots{gap:5px;display:flex}.dot{background:var(--fg3);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dp}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dp{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error-card{border:1px solid var(--danger);background:var(--card);color:var(--danger);border-radius:10px;padding:13px 16px;font-size:13px}.reply-list{flex-direction:column;gap:10px;display:flex}.reply-card{border:1px solid var(--border);background:var(--card);opacity:0;border-radius:12px;padding:14px 16px;animation:.32s cubic-bezier(.16,1,.3,1) forwards su}.reply-card:first-child{animation-delay:0s}.reply-card:nth-child(2){animation-delay:90ms}.reply-card:nth-child(3){animation-delay:.18s}@keyframes su{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reply-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reply-card-text{color:var(--fg);font-size:clamp(13px,1.1vw,15px);line-height:1.65}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;padding:3px 9px;font-family:Geist Mono,monospace;font-size:10px;font-weight:500}.badge-insightful{background:var(--bi-bg);color:var(--bi-fg)}.badge-contrarian{background:var(--bc-bg);color:var(--bc-fg)}.badge-engaging{background:var(--be-bg);color:var(--be-fg)}.badge-casual{color:#f5c542;background:#2a1f00}[data-theme=light] .badge-casual{color:#92400e;background:#fef3c7}[data-theme=light] [data-theme=light] .modal-backdrop{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fi;display:flex;position:fixed;inset:0}@keyframes fi{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:14px;width:100%;max-width:360px;padding:28px 24px;animation:.3s cubic-bezier(.16,1,.3,1) mi}@keyframes mi{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{background:var(--accent);border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 16px;display:flex}.modal-title{letter-spacing:-.5px;color:var(--fg);margin-bottom:8px;font-size:20px;font-weight:800}.modal-body{color:var(--fg2);margin-bottom:18px;font-size:13px;line-height:1.6}.modal-body strong{color:var(--fg);font-weight:700}.modal-perks{text-align:left;flex-direction:column;gap:7px;margin-bottom:18px;list-style:none;display:flex}.modal-perks li{color:var(--fg2);align-items:center;gap:9px;font-size:13px;display:flex}.perk-dot{background:var(--accent);border:1.5px solid var(--fg);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.modal-input{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:7px;outline:none;margin-bottom:9px;padding:10px 13px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s;display:block}.modal-input:focus{border-color:var(--fg)}.modal-submit{justify-content:center;width:100%}.modal-error{color:var(--danger);text-align:left;margin:-5px 0 9px;font-size:12px}.modal-divider{color:var(--fg3);align-items:center;gap:10px;margin:12px 0;font-family:Geist Mono,monospace;font-size:11px;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:10px 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.btn-google:hover{background:var(--bg2);border-color:var(--fg3)}.modal-skip{color:var(--fg3);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;font-family:Geist Mono,monospace;font-size:11px;transition:color .15s;display:block}.modal-skip:hover{color:var(--fg2)}.modal-success{padding:8px 0}@media (max-width:1024px){.split-layout{grid-template-columns:1fr}.left-panel{border-right:none;border-bottom:1px solid var(--border);gap:20px;padding:36px 32px 28px;overflow:visible}.example-box{display:none}.right-panel{background:var(--bg);padding:32px;overflow:visible}.main-headline{letter-spacing:-1.8px;font-size:clamp(28px,5vw,42px)}.tool-title{font-size:18px}}@media (max-width:768px){.navbar{height:50px;padding:0 20px}.navbar-right .btn-secondary{display:none}.wordmark{font-size:15px}.split-layout{grid-template-columns:1fr}.left-panel{border-bottom:1px solid var(--border);gap:12px;padding:22px 20px 18px;overflow:visible}.proof-card{gap:10px;padding:14px}.proof-stats,.proof-divider{display:none}.example-box{gap:8px;padding:12px}.example-header{padding-bottom:7px;font-size:9px}.example-tweet{margin-bottom:6px;font-size:11px}.example-replies{gap:6px}.example-reply:nth-child(2),.example-reply:nth-child(3){display:none}.example-reply{padding:7px 10px}.example-reply-label{font-size:9px}.example-reply-text{font-size:11px}.right-panel{background:var(--bg);padding:18px 20px;overflow:visible}.tool-title{font-size:15px}.tool-subtitle{font-size:12px}.input-textarea{min-height:100px;max-height:150px;font-size:14px;overflow-y:auto}.reply-card-text{font-size:13px}}@media (max-width:480px){.navbar{padding:0 16px}.left-panel{gap:10px;padding:18px 16px 14px}.right-panel{padding:14px 16px}.main-headline{font-size:clamp(22px,6vw,28px)}.btn-sm{padding:6px 12px;font-size:12px}}[data-theme=dark] .right-panel{background:#0d0d0d}[data-theme=light] .right-panel{background:var(--bg2)}[data-theme=dark] .input-wrap{background:#1a1a1a;border-color:#333}[data-theme=dark] .input-wrap:focus-within{border-color:#555}[data-theme=dark] .input-label{color:#666}[data-theme=dark] .input-textarea{color:var(--fg)}[data-theme=dark] .input-textarea::placeholder{color:#3a3a3a}[data-theme=dark] .reply-card,[data-theme=dark] .loading-card{background:#161616;border-color:#282828}.demo-textarea{min-height:clamp(110px,14vh,160px);color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 16px 14px;font-family:Inter,sans-serif;font-size:clamp(13px,1.1vw,15px);line-height:1.65}.demo-cursor{background:var(--fg);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:1px;animation:.75s step-end infinite demoCursor;display:inline-block}@keyframes demoCursor{0%,to{opacity:1}50%{opacity:0}}.input-wrap.demo-mode{cursor:pointer;border-color:var(--border)}.input-wrap.demo-mode:hover{border-color:var(--fg3)}@keyframes demoPulse{0%,to{opacity:.45}50%{opacity:.75}}.demo-pulse{animation:1.8s ease-in-out infinite demoPulse}.demo-replies .reply-card{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp}.demo-replies .reply-card:first-child{animation-delay:0s}.demo-replies .reply-card:nth-child(2){animation-delay:.1s}.demo-replies .reply-card:nth-child(3){animation-delay:.2s}.headline-dim{color:var(--fg2)}.eyebrow-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}[data-theme=dark] .eyebrow-text{color:#aaa}[data-theme=light] .eyebrow-text{color:#666}[data-theme=dark] .pf1{color:#afa9ec;background:#2a2a5a}[data-theme=dark] .pf2{color:#5dcaa5;background:#0a2e1e}[data-theme=dark] .pf3{color:#f0997b;background:#3a1a00}[data-theme=dark] .pf4{color:#ed93b1;background:#2a0a2e}[data-theme=dark] .pf5{color:#85b7eb;background:#0a1a30}[data-theme=dark] .proof-sub,[data-theme=dark] .pstat-label{color:#888}.copy-btn{cursor:pointer;background:var(--bg3);color:var(--fg2);border:2px solid var(--fg3);border-radius:7px;align-items:center;gap:5px;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.copy-btn:hover{background:var(--bg3);color:var(--fg);border-color:var(--fg2)}.copy-btn.copied{background:var(--be-bg);color:var(--be-fg);border-color:var(--be-fg)}.demo-textarea{min-height:120px;max-height:180px;overflow-y:auto}[data-theme=dark] .tool-subtitle{color:#777}[data-theme=light] .tool-subtitle{color:#666}.modal-coming-soon{background:var(--bg2);border:1px solid var(--border);color:var(--fg2);text-align:left;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:10px 13px;font-size:12px;display:flex}.dev-banner{background:var(--bg3);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;height:34px;padding:0 52px;display:flex}.dev-banner-text{color:var(--fg2);flex:1;justify-content:center;align-items:center;gap:6px;font-family:Geist Mono,monospace;font-size:11px;display:flex}.dev-banner-text a{color:var(--accent);font-weight:600;text-decoration:none;transition:color .15s}.dev-banner-text a:hover{color:var(--fg)}.dev-banner-dot{background:var(--warn);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2.5s ease-in-out infinite ep}.dev-banner-close{color:var(--fg3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.dev-banner-close:hover{color:var(--fg)}@media (max-width:768px){.dev-banner{height:30px;padding:0 16px}.dev-banner-text{font-size:10px}}[data-theme=light] .dev-banner{background:#f0f0ec;border-bottom-color:#d0d0cc}[data-theme=light] .dev-banner-text{color:#444}[data-theme=light] .dev-banner-text a{color:#0d0d0d}[data-theme=light] .dev-banner-close{color:#888}.input-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-clear{cursor:pointer;background:var(--bg3);color:var(--fg2);border:2px solid var(--fg3);border-radius:7px;align-items:center;gap:5px;padding:7px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-clear:hover{background:var(--bg3);color:var(--danger);border-color:var(--danger)}