@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f4f4f5;--bg-elevated:#fff;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border-color:#e4e4e7;--border-subtle:#f4f4f5;--border-focus:#18181b;--accent-primary:#10b981;--accent-hover:#059669;--accent-subtle:#10b9811a;--accent-glow:#10b98133;--btn-primary:#18181b;--btn-primary-hover:#27272a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;--card-bg:#fff;--card-border:#e4e4e7;--card-shadow:var(--shadow-sm);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-elevated:#1f1f23;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#27272a;--border-subtle:#1f1f23;--border-focus:#52525b;--accent-primary:#34d399;--accent-hover:#6ee7b7;--accent-subtle:#34d3991f;--accent-glow:#34d39940;--btn-primary:#fafafa;--btn-primary-hover:#f4f4f5;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0003;--card-bg:#18181b;--card-border:#27272a;--card-shadow:var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-primary);color:#09090b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}::selection{background:#10b9811a;background:var(--accent-subtle);color:#09090b;color:var(--text-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f4f4f5;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#e4e4e7;background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa;background:var(--text-muted)}code{font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,monospace}.header-wrapper{display:flex;justify-content:center;left:0;padding:16px 24px;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.floating-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:100px;box-shadow:var(--shadow-lg);display:flex;gap:20px;justify-content:space-between;padding:8px 16px 8px 12px;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.floating-header:hover{border-color:var(--border-focus);box-shadow:var(--shadow-xl)}.header-left{gap:20px}.brand,.header-left{align-items:center;display:flex}.brand{cursor:pointer;gap:12px;transition:transform .2s ease}.brand:hover{transform:scale(1.02)}.brand-logo{align-items:center;background:var(--accent-subtle);border:1px solid var(--accent-primary);border-radius:10px;color:var(--accent-primary);display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.brand:hover .brand-logo{background:var(--accent-primary);color:#fff}.brand-info{display:flex;flex-direction:column;line-height:1.2}.brand-product{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.02em}.brand-team{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.02em}.nav{background:var(--bg-tertiary);display:flex;gap:2px;padding:4px}.nav,.nav-link{border-radius:100px}.nav-link{color:var(--text-secondary);font-size:13px;font-weight:500;padding:6px 14px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-link:after{display:none}.header-right{gap:8px}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);cursor:pointer;font-size:14px;height:34px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:34px}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-focus);color:var(--text-primary);transform:rotate(15deg)}.nav-item{position:relative}.nav-trigger{background:none;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .15s ease}.nav-item:hover .nav-trigger{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:0;padding:8px;position:absolute;top:calc(100% + 12px);width:260px;z-index:100}.dropdown-item{border-radius:var(--radius-md);cursor:pointer;padding:12px}.dropdown-item strong{color:var(--text-primary);display:block;font-size:14px;font-weight:600}.dropdown-item span{color:var(--text-secondary);display:block;font-size:13px;margin-top:2px}.dropdown-item:hover{background:var(--bg-tertiary)}.outline-btn,.primary-btn{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;min-height:40px;padding:10px 18px;transition:all .2s ease}.outline-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.outline-btn:hover{background:var(--bg-tertiary);border-color:var(--border-focus)}.primary-btn{background:var(--btn-primary);border:none;color:var(--bg-primary)}.primary-btn:hover{background:var(--btn-primary-hover)}.main{padding:140px 32px;text-align:center}.fancy-btn{overflow:hidden;position:relative}.btn-inner{display:inline-block;height:20px;line-height:20px;position:relative}.btn-measure{visibility:hidden;white-space:nowrap}.btn-text{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;white-space:nowrap;will-change:transform,opacity}.btn-text-bottom,.btn-text-top{top:0}.hero{margin:0 auto;max-width:900px;padding:180px 32px 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,var(--accent-subtle) 0,#0000 70%);content:"";height:600px;left:50%;top:100px;transform:translateX(-50%);width:600px}.hero-orb,.hero:before{pointer-events:none;position:absolute;z-index:-1}.hero-orb{border-radius:50%;filter:blur(60px);opacity:.4}.hero-orb-1{height:300px;opacity:.15;right:10%;top:60px;width:300px}.hero-orb-1,.hero-orb-2{background:var(--accent-primary)}.hero-orb-2{bottom:100px;height:200px;left:15%;opacity:.12;width:200px}.hero-orb-3{background:var(--btn-primary);height:150px;left:5%;opacity:.08;top:200px;width:150px}.hero-title{color:var(--text-primary);font-size:clamp(42px,7vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),#059669);-webkit-background-clip:text;background-clip:text;color:var(--accent-primary);display:inline-block;position:relative}.hero-sub{color:var(--text-secondary);font-size:18px;font-weight:400;line-height:1.7;margin:0 auto 40px;max-width:520px}.hero-bg{display:none}.hero-cta{align-items:center;background:var(--btn-primary);border:none;border-radius:100px;box-shadow:var(--shadow-lg);color:var(--bg-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-cta:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-3px)}.hero-cta:active{transform:translateY(-1px)}.cta-arrow{transition:transform .3s ease}.hero-cta:hover .cta-arrow{transform:translateX(4px)}.editor-section{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1000px;padding:40px 24px 100px}.editor-title{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0;text-align:center}.editor-container{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.editor-container:hover{border-color:var(--border-focus);box-shadow:0 25px 50px -12px #00000026}.editor-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;padding:16px 24px}.editor-topbar,.topbar-left-tools{align-items:center;display:flex;justify-content:space-between}.topbar-left-tools{width:100%}.editor-tones{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.editor-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-right:8px;text-transform:uppercase}.tone-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tone-chip:hover{background:var(--bg-tertiary);border-color:var(--border-focus);color:var(--text-primary);transform:translateY(-1px)}.tone-chip.active{background:var(--btn-primary);border-color:var(--btn-primary);box-shadow:0 2px 8px #00000026;color:var(--bg-primary)}.tone-chip.disabled{cursor:not-allowed;opacity:.5}.channel-chip,.editor-channels{align-items:center;display:flex;gap:6px}.channel-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.channel-chip:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-1px)}.channel-chip.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 2px 8px var(--accent-glow);color:#fff}.channel-chip.active .channel-label{color:#fff}.channel-label{display:none}@media (min-width:768px){.channel-label{display:inline}}.comparison-toggle{align-items:center;display:flex;gap:10px}.toggle-label{color:var(--text-secondary);font-size:13px;font-weight:500}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--border-color);border-radius:24px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:var(--accent-primary)}input:checked+.slider:before{transform:translateX(20px)}.comparison-grid{grid-gap:12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 24px}.comparison-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px;transition:all .2s ease}.comparison-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.comparison-card.active{background:var(--accent-subtle);border-color:var(--accent-primary)}.comparison-card-header{color:var(--accent-primary);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.comparison-card-body{color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5}.comparison-card-footer{color:var(--text-muted);font-size:10px;font-weight:500;text-align:right}.editor-panels{align-items:stretch;display:grid;grid-template-columns:1fr 1px 1fr;min-height:480px}.editor-panel{display:flex;flex-direction:column}.editor-divider{background:var(--border-color)}.panel-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px}.panel-label{color:var(--accent-primary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.panel-hint{color:var(--text-muted);font-size:11px;font-weight:500}.textarea-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative}.textarea-wrapper .editor-textarea{flex:1 1}.editor-textarea{background:#0000;border:none;color:var(--text-primary);display:block;flex:1 1;font-family:inherit;font-size:15px;line-height:1.8;outline:none;padding:24px;resize:none;width:100%}.editor-textarea::placeholder{color:var(--text-muted)}.editor-textarea.editing{background:var(--bg-tertiary)}.editor-textarea.empty{color:var(--text-muted);font-style:italic}.editor-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);bottom:12px;color:#dc2626;font-size:13px;left:24px;padding:12px 16px;position:absolute;right:24px}.thinking-container{align-items:center;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.thinking-text{color:var(--accent-primary);font-size:14px;font-weight:600;letter-spacing:.02em}.typing-animation{display:flex;gap:6px}.typing-animation span{animation:typing 1.4s ease-in-out infinite both;background:var(--accent-primary);border-radius:50%;display:inline-block;height:8px;width:8px}.typing-animation span:first-child{animation-delay:-.32s}.typing-animation span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.panel-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 24px}.word-count{color:var(--text-muted);font-size:12px;font-weight:500}.panel-actions{align-items:center;display:flex;gap:8px}.copy-btn,.edit-btn,.sample-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-btn:hover:not(:disabled),.sample-btn:hover{background:var(--bg-tertiary);border-color:var(--border-focus);color:var(--text-primary);transform:translateY(-1px)}.edit-btn.active{background:var(--btn-primary);border-color:var(--btn-primary);color:var(--bg-primary)}.copy-btn:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff;transform:translateY(-1px)}.copy-btn:disabled,.edit-btn:disabled,.gmail-btn:disabled{cursor:not-allowed;opacity:.4}.mic-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.mic-btn:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:scale(1.08)}.mic-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.mic-pulse{animation:pulse 1.5s ease-out infinite;background:#ef4444;border-radius:50%;height:100%;opacity:.4;position:absolute;width:100%}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.gmail-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.gmail-btn:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.editor-bottombar{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.bottombar-left{display:flex;gap:8px}.history-toggle,.slangs-toggle,.templates-toggle{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.history-toggle.active,.history-toggle:hover,.slangs-toggle.active,.slangs-toggle:hover,.templates-toggle.active,.templates-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-focus);color:var(--text-primary)}.toggle-arrow{font-size:10px;transition:transform .2s}.toggle-arrow.open{transform:rotate(180deg)}.formalize-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 28px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.formalize-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.formalize-btn:hover:not(:disabled):before{left:100%}.formalize-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.formalize-btn:active:not(:disabled){transform:translateY(0)}.formalize-btn:disabled{cursor:not-allowed;opacity:.5}.history-panel,.slangs-panel,.templates-panel{animation:slideUp .3s ease-out;background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-inner-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:16px}.empty-panel-msg{color:var(--text-muted);font-size:14px;padding:24px;text-align:center}.add-slang-row{display:flex;flex-wrap:wrap;gap:10px}.add-slang-row input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:14px;min-width:140px;outline:none;padding:12px 16px;transition:all .2s ease}.add-slang-row input::placeholder{color:var(--text-muted)}.add-slang-row input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.add-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.add-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.slang-error{color:#ef4444;font-size:13px;margin-top:8px}.slang-success-msg{animation:fadeIn .3s ease-out;color:var(--accent-primary);font-size:13px;font-weight:600;margin-top:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slangs-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.slang-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;font-size:13px;gap:8px;padding:8px 14px}.slang-word{color:var(--accent-primary);font-weight:600}.slang-meaning{color:var(--text-secondary)}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:0 4px;transition:color .2s}.remove-btn:hover{color:#ef4444}.history-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.history-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .2s ease}.history-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-item-top{display:flex;justify-content:space-between;margin-bottom:8px}.history-tone{background:var(--accent-subtle);border-radius:4px;color:var(--accent-primary);font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.history-time{color:var(--text-muted);font-size:11px}.history-item-input{color:var(--text-primary);font-size:13px;line-height:1.5}.clear-history-btn{background:#0000;border:1px solid #fecaca;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;font-size:12px;font-weight:500;margin-top:20px;padding:8px 14px;transition:all .2s ease}.clear-history-btn:hover{background:#fef2f2}.templates-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.template-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s ease}.template-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card-icon{align-items:center;background:var(--accent-subtle);border-radius:var(--radius-md);color:var(--accent-primary);display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.template-card-content{display:flex;flex-direction:column;gap:4px}.template-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.template-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}@media (max-width:768px){.editor-panels{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr}.editor-divider{height:1px;width:100%}.editor-textarea{min-height:200px}.editor-bottombar{flex-direction:column;gap:12px}.formalize-btn{width:100%}}@media print{body *{visibility:hidden}.editor-textarea{left:0;position:absolute;top:0;visibility:visible;width:100%}}
/*# sourceMappingURL=main.469deb00.css.map*/