:root{--primary-bg:#f6f0fc;--white:#fff;--primary-accent:#7c3aed;--secondary-accent:#f43f5e;--success-green:#10b981;--text-dark:#1f2937;--text-light:#6b7280;--border-light:#d8c4f0;--shadow-sm:0 4px 20px #7c3aed0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-dark);padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:20px 0}h1,h2,h3{color:var(--text-dark)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.header{background:var(--white);box-shadow:var(--shadow-sm);z-index:10;border-radius:0 0 20px 20px;padding:15px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;display:flex}.brand-icon{font-size:24px}.logo h1{color:var(--primary-accent);font-size:22px;font-weight:700}.sub-brand{color:var(--text-light);font-size:14px;font-weight:400}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary-accent)}.theme-toggle{color:var(--text-dark);font-size:20px;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.footer{text-align:center;border-top:1px solid var(--border-light);color:var(--text-light);margin-top:60px;padding:30px 0}.footer-links{justify-content:center;gap:20px;margin-top:10px;display:flex}.footer-links a{color:var(--text-light);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--primary-accent)}.dark-mode{color:#e5e7eb;background-color:#1e1b2e}.dark-mode .header{background-color:#2d2a3e;box-shadow:0 4px 20px #0000004d}.dark-mode .footer{border-top:1px solid #3f3c52}.dark-mode .logo h1{color:#a78bfa}.dark-mode .nav-links a{color:#e5e7eb}.dark-mode .nav-links a:hover{color:#a78bfa}.dark-mode .theme-toggle{color:#e5e7eb}.hero-section{flex-direction:column;gap:20px;margin-top:30px;display:flex}.textarea-wrapper{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:16px;padding:4px}.main-textarea{resize:vertical;width:100%;min-height:250px;color:var(--text-dark);background:0 0;border:none;border-radius:16px;outline:none;padding:24px;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}.main-textarea::placeholder{color:#9ca3af}.main-textarea:focus{box-shadow:0 0 0 4px #7c3aed26}.dark-mode .textarea-wrapper{background:#2d2a3e;border-color:#3f3c52}.dark-mode .main-textarea{color:#e5e7eb}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.tool-btn{background:var(--white);border:1px solid var(--border-light);color:var(--text-dark);border-radius:8px;align-items:center;padding:8px 10px;font-size:16px;transition:all .2s;display:flex}.tool-btn:hover{background:var(--primary-bg);border-color:var(--primary-accent);color:var(--primary-accent)}.font-size-display{text-align:center;min-width:40px;font-size:14px;font-weight:600}.dark-mode .tool-btn{color:#e5e7eb;background:#2d2a3e;border-color:#3f3c52}.dark-mode .tool-btn:hover{color:#a78bfa;background:#3f3c52;border-color:#a78bfa}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:10px;display:grid}.summary-card{background:var(--white);text-align:center;box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-accent);border-radius:12px;padding:20px;transition:transform .2s}.summary-card:hover{transform:translateY(-4px)}.card-value{margin-bottom:4px;font-size:28px;font-weight:700}.card-label{color:var(--text-light);font-size:14px;font-weight:500}.summary-card.purple{border-left-color:#7c3aed}.summary-card.purple .card-value{color:#7c3aed}.summary-card.pink{border-left-color:#f43f5e}.summary-card.pink .card-value{color:#f43f5e}.summary-card.teal{border-left-color:#0d9488}.summary-card.teal .card-value{color:#0d9488}.summary-card.orange{border-left-color:#f97316}.summary-card.orange .card-value{color:#f97316}.dark-mode .summary-card{background:#2d2a3e}.dark-mode .card-label{color:#9ca3af}.advanced-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.stats-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:16px;padding:24px;transition:transform .2s}.stats-card:hover{transform:translateY(-4px)}.stats-card.purple-border{border-top:4px solid #7c3aed}.stats-card.red-border{border-top:4px solid #f43f5e}.stats-card.blue-border{border-top:4px solid #0d9488}.stats-card.green-border{border-top:4px solid #10b981}.stats-title{color:var(--text-dark);text-align:center;margin-bottom:16px;font-size:18px;font-weight:600}.stats-list{flex-direction:column;gap:10px;display:flex}.stats-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.stats-item:last-child{border-bottom:none}.stats-label{color:var(--text-light)}.stats-value{color:var(--text-dark);font-weight:600}.text-green{color:#10b981}.text-red{color:#f43f5e}.dark-mode .stats-card{background:#2d2a3e;border-color:#3f3c52}.dark-mode .stats-item{border-bottom-color:#3f3c52}.dark-mode .stats-title,.dark-mode .stats-value{color:#e5e7eb}.readability-container{justify-content:center;align-items:center;gap:20px;padding:10px 0;display:flex}.readability-circle{border:8px solid #7c3aed;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.readability-number{color:var(--text-dark)}.readability-level{font-size:16px;font-weight:600}.readability-grade{color:var(--text-light);font-size:14px}.ngram-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ngram-subtitle{color:var(--text-light);margin:8px 0;font-size:14px;font-weight:600}.ngram-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ngram-list li{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:2px 0;font-size:14px;display:flex}.ngram-list li .badge{background:var(--primary-accent);color:#fff;border-radius:12px;padding:0 8px;font-size:12px}.keyword-list{flex-direction:column;gap:6px;display:flex}.keyword-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.keyword-word{font-weight:500}.keyword-count{background:var(--secondary-accent);color:#fff;border-radius:12px;padding:0 10px;font-size:12px}.about-section{text-align:center;margin:60px 0 40px}.section-title{color:var(--primary-accent);margin-bottom:16px;font-size:28px}.about-text{max-width:700px;color:var(--text-light);margin:0 auto;font-size:16px;line-height:1.8}.benefit-wrapper{margin:40px 0}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.benefit-card{background:var(--white);box-shadow:var(--shadow-sm);border-top:3px solid var(--primary-accent);border-radius:16px;padding:24px}.benefit-title{margin-bottom:8px;font-size:16px;font-weight:600}.benefit-desc{color:var(--text-light);font-size:14px;line-height:1.5}.faq-section{margin:60px 0}.faq-list{flex-direction:column;gap:12px;max-width:700px;margin:0 auto;display:flex}.faq-item{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.faq-question{text-align:left;width:100%;color:var(--text-dark);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;font-weight:500;display:flex}.faq-answer{color:var(--text-light);padding:0 20px 16px;font-size:15px;line-height:1.6}.faq-icon{color:var(--primary-accent)}.dark-mode .benefit-card,.dark-mode .faq-item{background:#2d2a3e}.dark-mode .faq-question{color:#e5e7eb}.dark-mode .ngram-list li,.dark-mode .keyword-item{border-bottom-color:#3f3c52}.sale-badge-container{z-index:9999;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:4px 12px;transition:transform .2s;display:flex;position:fixed;top:12px;right:80px;box-shadow:0 4px 12px #0000001a}.sale-badge-container:hover{transform:scale(1.05)}.sale-badge-img{border:none;width:110px;height:auto;display:block}@media (width<=768px){.sale-badge-container{padding:3px 8px;top:10px;right:20px}.sale-badge-img{width:80px}}