:root{--color-bg: #FAF7F2;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #6B6B6B;--color-accent: #C41E3A;--color-border: #E0DCD5;--color-border-light: #EDEBE7;--color-user: #C41E3A;--color-boss: #1A6B3C;--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", "Source Sans Pro", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;padding:3rem 1.5rem 2rem}header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.lang-switcher{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem}.lang-btn{background:none;border:none;padding:.35rem .65rem;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;transition:color .15s;border-bottom:1.5px solid transparent}.lang-btn:hover{color:var(--color-text)}.lang-btn.active{color:var(--color-text);border-bottom-color:var(--color-accent)}h1{font-family:var(--font-display);font-size:2.8rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.6rem}.subtitle{font-family:var(--font-display);font-style:italic;font-size:1.1rem;font-weight:400;color:var(--color-text-secondary);line-height:1.4}.credits-bar{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.credits-count{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.credits-count.free-trial{color:var(--color-boss)}.credits-count.no-credits{color:var(--color-accent)}.pricing-link{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);padding:.3rem .7rem;border-radius:2px;transition:all .15s}.pricing-link:hover{background:var(--color-text);color:var(--color-bg)}.input-section{margin-bottom:2.5rem}textarea{width:100%;border:1px solid var(--color-border);border-radius:2px;padding:1rem 1.1rem;font-family:var(--font-body);font-size:1rem;line-height:1.6;resize:vertical;background:var(--color-surface);color:var(--color-text);transition:border-color .15s}textarea::placeholder{color:#b0aaa0}textarea:focus{outline:none;border-color:var(--color-text)}.controls{margin-top:1.25rem}.source-select{margin-bottom:1.25rem}.source-select label{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.source-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.source-btn{padding:.4rem .9rem;border:1px solid var(--color-border);border-radius:2px;background:var(--color-surface);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:all .15s}.source-btn:hover{border-color:var(--color-text);color:var(--color-text)}.source-btn.active{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg)}.translate-btn{width:100%;padding:.85rem;background:var(--color-text);color:var(--color-bg);border:none;border-radius:2px;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s}.translate-btn:hover:not(:disabled){background:#333}.translate-btn:disabled{opacity:.35;cursor:not-allowed}.error{border:1px solid var(--color-accent);color:var(--color-accent);padding:.85rem 1rem;border-radius:2px;font-size:.9rem;margin-bottom:1.5rem}.result-section{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-card{padding:1.5rem 0;margin-bottom:0;position:relative}.result-card.original{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:1.5rem}.result-card h3{font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.result-card.original h3{color:var(--color-text-secondary)}.result-card.user-means h3{color:var(--color-user)}.result-card.boss-hears h3{color:var(--color-boss)}.result-card p{font-family:var(--font-display);font-size:1.15rem;line-height:1.7;color:var(--color-text)}.result-card.original p{font-family:var(--font-body);font-size:1rem;color:var(--color-text-secondary);font-style:italic}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.comparison .result-card.user-means{padding-right:2rem;border-right:1px solid var(--color-border)}.comparison .result-card.boss-hears{padding-left:2rem}.vs{display:none}.copy-btn{position:absolute;top:1.5rem;right:0;padding:.2rem .5rem;background:none;border:1px solid var(--color-border);border-radius:2px;cursor:pointer;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);transition:all .15s}.comparison .result-card.user-means .copy-btn{right:2rem}.copy-btn:hover{border-color:var(--color-text);color:var(--color-text)}footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}footer p{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.translate-btn.loading{position:relative}@media(max-width:600px){.app{padding:2rem 1rem 1.5rem}h1{font-size:2rem}.subtitle{font-size:.95rem}.comparison{grid-template-columns:1fr}.comparison .result-card.user-means{padding-right:0;border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.comparison .result-card.boss-hears{padding-left:0}.comparison .result-card.user-means .copy-btn{right:0}}.pricing-page{max-width:760px;margin:0 auto;padding:2rem 1.5rem}.pricing-nav{margin-bottom:2rem}.back-link{font-family:var(--font-body);font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--color-text)}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h1{font-family:var(--font-display);font-size:2.4rem;font-weight:900;margin-bottom:.5rem}.pricing-subtitle{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:.5rem}.pricing-trial{font-size:.85rem;color:var(--color-text-secondary);background:var(--color-border-light);display:inline-block;padding:.35rem .8rem;border-radius:2px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;padding:2rem 1.5rem;text-align:center;position:relative}.pricing-card.popular{border-color:var(--color-text);box-shadow:0 2px 12px #00000014}.popular-badge{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .75rem;border-radius:2px}.plan-name{font-family:var(--font-body);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.plan-price{margin-bottom:.25rem}.price-amount{font-family:var(--font-display);font-size:2.5rem;font-weight:900}.discount-badge{display:inline-block;margin-left:.5rem;background:#e8f5e9;color:#1a6b3c;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:2px}.price-per-unit{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.buy-btn{width:100%;padding:.75rem;border:1px solid var(--color-text);border-radius:2px;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s;margin-bottom:1.5rem}.buy-btn.primary{background:var(--color-text);color:var(--color-bg)}.buy-btn.primary:hover:not(:disabled){background:#333}.buy-btn.outline{background:transparent;color:var(--color-text)}.buy-btn.outline:hover:not(:disabled){background:var(--color-text);color:var(--color-bg)}.buy-btn:disabled{opacity:.35;cursor:not-allowed}.features-list{list-style:none;text-align:left}.features-list li{font-size:.85rem;color:var(--color-text-secondary);padding:.35rem 0;border-bottom:1px solid var(--color-border-light)}.features-list li:last-child{border-bottom:none}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.pricing-header h1{font-size:1.8rem}}.success-page{max-width:500px;margin:0 auto;padding:4rem 1.5rem;text-align:center}.success-icon{width:64px;height:64px;background:#e8f5e9;color:#1a6b3c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;margin:0 auto 1.5rem}.success-page h1{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem}.success-subtitle{color:var(--color-text-secondary);margin-bottom:2rem}.token-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;padding:1.5rem;margin-bottom:2rem}.token-card.loading{color:var(--color-text-secondary)}.token-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.75rem}.token-value{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-border-light);padding:.75rem;border-radius:2px}.token-value code{font-size:.85rem;font-family:SF Mono,Fira Code,monospace}.copy-token-btn{padding:.2rem .5rem;background:none;border:1px solid var(--color-border);border-radius:2px;cursor:pointer;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);transition:all .15s}.copy-token-btn:hover{border-color:var(--color-text);color:var(--color-text)}.token-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:.75rem}.success-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:block;padding:.75rem;border-radius:2px;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;text-align:center;transition:all .15s}.action-btn.primary{background:var(--color-text);color:var(--color-bg);border:1px solid var(--color-text)}.action-btn.primary:hover{background:#333}.action-btn.outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.action-btn.outline:hover{border-color:var(--color-text)}