*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #060606;--bg-secondary: #0e0e0e;--bg-elevated: #141414;--bg-panel: #1a1a1a;--bg-input: #111111;--border-subtle: #1f1f1f;--border-default: #2a2a2a;--border-hover: #3a3a3a;--border-active: #d4a853;--text-primary: #ededec;--text-secondary: #8a8a87;--text-muted: #5a5a58;--text-accent: #d4a853;--accent: #d4a853;--accent-dim: #b8923e;--accent-glow: rgba(212, 168, 83, .08);--accent-glow-strong: rgba(212, 168, 83, .15);--success: #4ade80;--error: #f87171;--font-primary: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(212,168,83,.03),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(212,168,83,.02),transparent);pointer-events:none;z-index:0}#app{position:relative;z-index:1}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-lg)}.site-header{position:sticky;top:0;z-index:100;padding:var(--space-md) 0;background:#060606d9;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:baseline;gap:0;text-decoration:none;-webkit-user-select:none;user-select:none}.logo-text{font-size:1.35rem;font-weight:400;letter-spacing:-.03em;color:var(--text-primary)}.logo-x{font-size:1.65rem;font-weight:800;letter-spacing:-.04em;color:var(--accent);position:relative;line-height:1;text-shadow:0 0 20px rgba(212,168,83,.25)}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:400;letter-spacing:.01em;transition:color var(--duration-fast) var(--ease-out)}.nav-links a:hover{color:var(--text-primary)}.header-status{display:flex;align-items:center;gap:var(--space-sm);padding:7px 14px;border:1px solid rgba(74,222,128,.2);border-radius:var(--radius-sm)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px #4ade8066;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:.8125rem;color:var(--success);font-weight:400}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:5px 14px;margin-bottom:var(--space-lg);background:var(--accent-glow);border:1px solid rgba(212,168,83,.12);border-radius:100px;font-size:.75rem;font-weight:500;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;line-height:1.15;letter-spacing:-.035em;color:var(--text-primary);max-width:700px;margin:0 auto var(--space-md)}.hero h1 .em{color:var(--accent);font-style:normal}.hero-sub{font-size:1.05rem;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.7;font-weight:300}.tool-section{padding-bottom:var(--space-3xl)}.editor-wrapper{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.toolbar-left{display:flex;align-items:center;gap:var(--space-lg)}.toolbar-tab{font-size:.8125rem;font-weight:500;color:var(--text-primary);padding:var(--space-xs) 0;border-bottom:2px solid var(--accent);background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-primary);cursor:default}.word-count{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);font-weight:400}.editor-grid{display:grid;grid-template-columns:1fr 1fr;min-height:380px}.editor-panel{position:relative;display:flex;flex-direction:column}.editor-panel+.editor-panel{border-left:1px solid var(--border-subtle)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.03)}.panel-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.panel-actions{display:flex;gap:var(--space-sm)}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:.8125rem}.icon-btn:hover{background:var(--bg-panel);border-color:var(--border-default);color:var(--text-secondary)}.icon-btn.copied{color:var(--success)}.editor-textarea{flex:1;width:100%;padding:var(--space-lg);background:transparent;border:none;outline:none;resize:none;font-family:var(--font-primary);font-size:.9375rem;line-height:1.75;color:var(--text-primary);caret-color:var(--accent)}.editor-textarea::placeholder{color:var(--text-muted);font-weight:300}.output-area{flex:1;padding:var(--space-lg);font-family:var(--font-primary);font-size:.9375rem;line-height:1.75;color:var(--text-primary);overflow-y:auto;white-space:pre-line;word-wrap:break-word}.output-placeholder{color:var(--text-muted);font-weight:300;font-style:italic}.output-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--text-muted);font-size:.875rem}.loading-bar{width:120px;height:2px;background:var(--border-subtle);border-radius:2px;overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:var(--accent);border-radius:2px;animation:loading-slide 1.2s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.editor-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.action-left{display:flex;align-items:center;gap:var(--space-md)}.tone-select{appearance:none;padding:6px 28px 6px 12px;background:var(--bg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5a58' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center / 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-primary);font-size:.8125rem;cursor:pointer;transition:border-color var(--duration-fast)}.tone-select:hover{border-color:var(--border-hover)}.tone-select:focus{outline:none;border-color:var(--accent)}.humanize-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 28px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#0a0a0a;font-family:var(--font-primary);font-size:.875rem;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:all var(--duration-fast) var(--ease-out)}.humanize-btn:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 4px 20px #d4a85333}.humanize-btn:active:not(:disabled){transform:translateY(0)}.humanize-btn:disabled{opacity:.4;cursor:not-allowed}.humanize-btn svg{width:14px;height:14px}.why-section{padding:var(--space-4xl) 0;border-top:1px solid var(--border-subtle)}.why-items{margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:0}.why-item{display:grid;grid-template-columns:80px 1fr;gap:var(--space-lg);padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-subtle);max-width:680px;transition:opacity var(--duration-normal)}.why-item:first-child{border-top:1px solid var(--border-subtle)}.why-item--right{margin-left:auto}.why-number{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--accent);padding-top:4px;opacity:.7}.why-content h3{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-sm);line-height:1.35}.why-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.75;font-weight:300}.why-content em{color:var(--text-primary);font-style:italic}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.section-header p{color:var(--text-secondary);font-size:.9375rem;font-weight:300}.how-section{padding:var(--space-3xl) 0;border-top:1px solid var(--border-subtle)}.steps-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin-top:var(--space-2xl)}.step{text-align:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-default);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:var(--space-md);font-family:var(--font-mono)}.step h3{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-sm);letter-spacing:-.01em}.step p{font-size:.8125rem;color:var(--text-secondary);line-height:1.65;font-weight:300}.faq-section{padding:var(--space-3xl) 0;border-top:1px solid var(--border-subtle)}.faq-list{max-width:680px;margin:var(--space-2xl) auto 0}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-lg) 0;background:none;border:none;color:var(--text-primary);font-family:var(--font-primary);font-size:.9375rem;font-weight:500;cursor:pointer;text-align:left;transition:color var(--duration-fast)}.faq-question:hover{color:var(--accent)}.faq-chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0;margin-left:var(--space-md)}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.faq-answer-inner{padding-bottom:var(--space-lg);font-size:.875rem;color:var(--text-secondary);line-height:1.7;font-weight:300}.site-footer{padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-text{font-size:.75rem;color:var(--text-muted)}.footer-links{display:flex;gap:var(--space-lg);list-style:none}.footer-links a{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast)}.footer-links a:hover{color:var(--text-secondary)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(20px);padding:10px 20px;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text-primary);z-index:2000;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);pointer-events:none}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toast.error{border-color:#f871714d;color:var(--error)}.toast.success{border-color:#4ade804d;color:var(--success)}@media(max-width:768px){.editor-grid{grid-template-columns:1fr}.editor-panel+.editor-panel{border-left:none;border-top:1px solid var(--border-subtle)}.steps-row{grid-template-columns:1fr;gap:var(--space-xl)}.nav-links{display:none}.hero h1{font-size:1.8rem}.footer-inner{flex-direction:column;gap:var(--space-md);text-align:center}.editor-actions{flex-direction:column;gap:var(--space-md)}.action-left{width:100%}.humanize-btn{width:100%;justify-content:center}.why-item,.why-item--right{max-width:100%;margin-left:0;grid-template-columns:60px 1fr}}@media(max-width:480px){.container{padding:0 var(--space-md)}.editor-toolbar{padding:var(--space-md)}.panel-header{padding:var(--space-sm) var(--space-md)}.editor-textarea,.output-area,.editor-actions{padding:var(--space-md)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:#d4a85333;color:var(--text-primary)}