:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;width:100%}.navbar-inner{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1200px;min-height:70px;margin:0 auto;padding:0 24px;display:flex}.logo{color:#111827;white-space:nowrap;font-size:22px;font-weight:800;text-decoration:none}.nav-menu{align-items:center;gap:28px;display:flex}.nav-link{color:#64748b;padding:25px 0;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:#4f46e5}.nav-link.active:after{content:"";background:#4f46e5;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.login-btn,.signup-btn,.logout-btn{border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.login-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.login-btn:hover{color:#4f46e5;background:#f8fafc;border-color:#a5b4fc}.signup-btn{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.signup-btn:hover{background:#4338ca;border-color:#4338ca}.nav-user{align-items:center;gap:9px;display:flex}.nav-user-avatar{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:14px;font-weight:800;display:flex}.nav-user-name{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:14px;font-weight:700;overflow:hidden}.logout-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media (width<=800px){.navbar-inner{gap:15px;padding:0 16px}.nav-menu{gap:15px}.nav-user-name{display:none}}@media (width<=650px){.navbar-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.nav-menu{border-top:1px solid #f1f5f9;order:3;justify-content:center;width:100%}.nav-link{padding:13px 0}.login-btn,.signup-btn,.logout-btn{padding:8px 11px;font-size:13px}}*{box-sizing:border-box}.app{color:#171923;background:#f7f8fc;min-height:100vh}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e8eaf0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.logo{color:#171923;letter-spacing:-.5px;font-size:22px;font-weight:800;text-decoration:none}.logo span{color:#635bff}.nav-menu{gap:34px;margin-left:80px;display:flex}.nav-link{color:#646a7a;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:#635bff}.nav-actions{align-items:center;gap:10px;display:flex}.login-btn,.signup-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.login-btn{color:#555b6e}.signup-btn{color:#fff;background:#635bff}.signup-btn:hover{background:#5148e8}.main{max-width:1200px;margin:0 auto;padding:70px 24px 100px}.hero{text-align:center;max-width:750px;margin:0 auto 55px}.badge{color:#635bff;background:#eeecff;border-radius:30px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-2px;margin:0;font-size:52px;font-weight:800;line-height:1.08}.hero h1 span{color:#635bff}.hero p{color:#6b7280;max-width:650px;margin:22px auto 0;font-size:17px;line-height:1.7}.tool-container{grid-template-columns:1fr 1fr;gap:22px;display:grid}.editor-card{background:#fff;border:1px solid #e5e7ef;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #1e233c0d}.mode-selector{background:#fff;border-bottom:1px solid #edf0f5;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px;display:flex}.mode-option{color:#555b6e;cursor:pointer;background:#fff;border:1px solid #e2e4ed;border-radius:9px;align-items:center;gap:9px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.mode-option:hover{background:#f7f6ff;border-color:#c7c3ff}.mode-option input{accent-color:#635bff;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0}.mode-option:has(input:checked){color:#5148e8;background:#eeecff;border-color:#635bff}.mode-option input:focus-visible{outline-offset:3px;outline:2px solid #635bff}.card-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:78px;padding:18px 20px;display:flex}.card-header h2{margin:0;font-size:16px;font-weight:700}.card-header p{color:#8a90a0;margin:5px 0 0;font-size:13px}.word-count{color:#777d8d;white-space:nowrap;background:#f5f6fa;border-radius:6px;padding:6px 10px;font-size:12px}.text-editor{resize:vertical;color:#252938;background:#fff;border:none;outline:none;width:100%;min-height:370px;padding:22px;font-family:inherit;font-size:15px;line-height:1.8;display:block}.text-editor::placeholder{color:#b4b8c4}.text-editor:focus{outline:none}.editor-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:12px 20px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.editor-hint{color:#9298a7;font-size:12px}.clear-btn{color:#8a90a0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:600}.clear-btn:hover{color:#e05252;background:#f3f4f7}.rewrite-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#635bff;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.rewrite-btn:hover:not(:disabled){background:#5148e8;transform:translateY(-1px)}.rewrite-btn:disabled{opacity:.55;cursor:not-allowed}.result-area{overflow-wrap:anywhere;min-height:440px;padding:22px}.result-area p{white-space:pre-wrap;color:#303442;margin:0;font-size:15px;line-height:1.8}.result-area.empty{text-align:center;justify-content:center;align-items:center;display:flex}.empty-result{max-width:280px}.empty-icon{color:#635bff;background:#eeecff;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 18px;font-size:24px;display:flex}.empty-result h3{margin:0 0 8px;font-size:15px}.empty-result p{color:#9aa0af;font-size:13px;line-height:1.6}.result-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.copy-btn{color:#5c6271;cursor:pointer;background:#fff;border:1px solid #dfe2ea;border-radius:7px;padding:7px 13px;font-size:12px;font-weight:600}.copy-btn:hover{background:#f6f7fa}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.features{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;display:grid}.feature{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:25px}.feature-icon{color:#635bff;background:#eeecff;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;display:flex}.feature h3{margin:0 0 8px;font-size:15px}.feature p{color:#7c8291;margin:0;font-size:13px;line-height:1.6}.footer{background:#fff;border-top:1px solid #e7e9ef;padding:40px 24px 25px}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-logo{font-size:18px;font-weight:800}.footer-logo span{color:#635bff}.footer-inner p{color:#8a90a0;margin:7px 0 0;font-size:13px}.footer-links{gap:25px;display:flex}.footer-links a{color:#656b7b;font-size:13px;text-decoration:none}.footer-links a:hover{color:#635bff}.copyright{text-align:center;color:#9ba0ad;border-top:1px solid #edf0f4;max-width:1200px;margin:30px auto 0;padding-top:20px;font-size:12px}@media (width<=850px){.navbar-inner{flex-wrap:wrap;gap:15px;height:auto;padding-top:15px;padding-bottom:15px}.nav-menu{order:3;justify-content:center;gap:25px;width:100%;margin-left:0}.nav-actions{margin-left:auto}.tool-container,.features{grid-template-columns:1fr}.hero h1{font-size:40px}.main{padding-top:50px}}@media (width<=500px){.navbar-inner{padding-left:16px;padding-right:16px}.login-btn{display:none}.signup-btn{padding:9px 12px}.hero h1{letter-spacing:-1px;font-size:34px}.hero p{font-size:15px}.main{padding-left:15px;padding-right:15px}.card-header{padding:15px}.mode-selector{gap:8px;padding:14px}.mode-option{flex:100%;padding:11px 13px}.text-editor{min-height:300px;padding:17px}.editor-footer{flex-direction:column;align-items:stretch;padding:12px 15px}.footer-left{justify-content:space-between}.rewrite-btn{width:100%}.result-area{min-height:350px;padding:17px}.result-card .card-header{flex-wrap:wrap;align-items:flex-start}.result-actions{justify-content:flex-end;width:100%}.footer-inner{flex-direction:column;align-items:flex-start;gap:25px}.footer-links{flex-wrap:wrap;gap:18px}}.result-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;width:100%;line-height:1.7}.pricing-page{color:#0f172a;background:#f8fafc;min-height:100vh}.pricing-main{width:100%;max-width:1180px;margin:0 auto;padding:80px 24px 100px}.pricing-hero{text-align:center;max-width:700px;margin:0 auto 55px}.pricing-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;margin-bottom:16px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-block}.pricing-hero h1{letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(34px,5vw,50px);line-height:1.1}.pricing-hero p{color:#64748b;margin:0;font-size:17px;line-height:1.7}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:32px;position:relative;box-shadow:0 10px 30px #0f172a0d}.pricing-card.featured{border:2px solid #6366f1;transform:translateY(-8px)}.popular-label{color:#fff;white-space:nowrap;background:#4f46e5;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-card-header h2{margin:0 0 8px;font-size:24px}.pricing-card-header p{color:#64748b;min-height:48px;margin:0;font-size:14px;line-height:1.6}.pricing-price{margin:28px 0}.price-amount{letter-spacing:-1px;font-size:42px;font-weight:800}.price-period{color:#64748b;font-size:14px}.pricing-button{cursor:pointer;border-radius:9px;width:100%;height:46px;font-family:inherit;font-size:14px;font-weight:700}.pricing-button.primary{color:#fff;background:#4f46e5;border:1px solid #4f46e5}.pricing-button.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.pricing-features{border-top:1px solid #e2e8f0;margin:28px 0 0;padding:24px 0 0;list-style:none}.pricing-features li{color:#475569;margin-bottom:14px;font-size:14px}@media (width<=850px){.pricing-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.pricing-card.featured{transform:none}}.contact-page{color:#0f172a;background:#f8fafc;min-height:100vh}.contact-main{width:100%;max-width:760px;margin:0 auto;padding:80px 24px 100px}.contact-intro{text-align:center;margin-bottom:40px}.contact-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;margin-bottom:16px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-block}.contact-intro h1{letter-spacing:-1px;margin:0 0 14px;font-size:clamp(34px,5vw,48px)}.contact-intro p{color:#64748b;max-width:600px;margin:0 auto;font-size:16px;line-height:1.7}.contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:36px;box-shadow:0 15px 40px #0f172a0f}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-field{flex-direction:column;gap:8px;display:flex}.contact-field label{color:#334155;font-size:14px;font-weight:700}.contact-field input,.contact-field textarea{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:13px 14px}.contact-field input{height:48px}.contact-field textarea{resize:vertical;min-height:170px}.contact-field input:focus,.contact-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.contact-submit{color:#fff;cursor:pointer;height:50px;font:inherit;background:#4f46e5;border:0;border-radius:9px;font-weight:700}.contact-submit:hover{background:#4338ca}@media (width<=600px){.contact-main{padding:50px 16px 70px}.contact-card{padding:25px 20px}}.signup-page{color:#0f172a;background:radial-gradient(circle at 15% 10%,#6366f114,#0000 32%),#f8fafc;min-height:100vh}.signup-main{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:48px 20px;display:flex}.signup-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:460px;padding:38px;box-shadow:0 20px 45px #0f172a14}.signup-heading{text-align:center;margin-bottom:28px}.signup-heading h1{letter-spacing:-.7px;margin:0 0 10px;font-size:30px;font-weight:800}.signup-heading p{color:#64748b;margin:0;font-size:15px;line-height:1.6}.signup-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:20px;padding:12px 14px;font-size:14px}.signup-form{flex-direction:column;gap:18px;display:flex}.signup-field{flex-direction:column;gap:7px;display:flex}.signup-field label{color:#334155;font-size:14px;font-weight:700}.signup-field input{color:#0f172a;width:100%;height:48px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:0 14px}.signup-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.signup-submit{color:#fff;cursor:pointer;width:100%;height:50px;font:inherit;background:#4f46e5;border:0;border-radius:9px;margin-top:4px;font-weight:700}.signup-submit:hover:not(:disabled){background:#4338ca}.signup-submit:disabled{cursor:not-allowed;opacity:.65}.signup-bottom{color:#64748b;text-align:center;margin-top:24px;font-size:14px}.signup-bottom a{color:#4f46e5;font-weight:700;text-decoration:none}.signup-terms{color:#94a3b8;text-align:center;margin:20px 0 0;font-size:12px;line-height:1.6}@media (width<=600px){.signup-main{align-items:flex-start;padding:30px 16px}.signup-card{padding:28px 22px}}.login-page{color:#0f172a;background:radial-gradient(circle at 15% 10%,#6366f114,#0000 32%),#f8fafc;min-height:100vh}.login-main{justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:48px 20px;display:flex}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:440px;padding:38px;box-shadow:0 20px 45px #0f172a14}.login-heading{text-align:center;margin-bottom:28px}.login-heading h1{letter-spacing:-.7px;margin:0 0 10px;font-size:30px;font-weight:800}.login-heading p{color:#64748b;margin:0;font-size:15px;line-height:1.6}.login-error,.login-notice{border-radius:9px;margin-bottom:20px;padding:12px 14px;font-size:14px}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.login-notice{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{color:#334155;font-size:14px;font-weight:700}.login-field input{color:#0f172a;width:100%;height:48px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:0 14px}.login-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-submit{color:#fff;cursor:pointer;width:100%;height:50px;font:inherit;background:#4f46e5;border:0;border-radius:9px;margin-top:4px;font-weight:700}.login-submit:hover:not(:disabled){background:#4338ca}.login-submit:disabled{cursor:not-allowed;opacity:.65}.login-bottom{color:#64748b;text-align:center;margin-top:24px;font-size:14px}.login-bottom a{color:#4f46e5;font-weight:700;text-decoration:none}@media (width<=600px){.login-main{align-items:flex-start;padding:30px 16px}.login-card{padding:28px 22px}}