.card{border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;margin:0 auto;max-width:48rem;overflow:hidden;width:100%}.card-header{align-items:center;background-image:linear-gradient(90deg,#2563eb,#1e40af);border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fff;display:flex;justify-content:space-between;padding:1rem}.card-title{font-size:1.25rem;font-weight:600}.card-description{color:#fff}.profile-image{background-color:#fff;border:2px solid #fff;border-radius:9999px;height:3rem;overflow:hidden;width:3rem}.card-body{background-color:#fff;padding:1rem}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group,.form-label{margin-bottom:.25rem}.form-label{display:block;font-size:.875rem}.form-input{border:1px solid #bfdbfe;border-radius:.25rem;padding:.5rem}.form-input:focus{ring:2px;ring-color:#3b82f6;outline:none}.textarea{border:1px solid #bfdbfe;border-radius:.25rem;font-family:sans-serif;height:16rem;padding:1rem;width:100%}.metrics-grid{grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:768px){.metrics-grid{grid-template-columns:1fr 1fr 1fr}}.metric-card{border-radius:.5rem}.word-count{background-image:linear-gradient(90deg,#eff6ff,#dbeafe)}.readability{background-image:linear-gradient(90deg,#eef2ff,#e0e7ff)}.style-score{background-image:linear-gradient(90deg,#f5f3ff,#ede9fe)}.results-section{margin-top:1.5rem}.result-item{align-items:center;border-radius:.5rem;display:flex;margin-bottom:.75rem;padding:.75rem}.passed{background-image:linear-gradient(90deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.failed{background-image:linear-gradient(90deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.result-title{font-weight:500}.result-message{color:#6b7280;font-size:.875rem}.validator-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.validator-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.validator-title{color:#1a1a1a;font-size:2rem;margin:0}.validator-description{color:#666;margin:.5rem 0 0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-label{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.form-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.info-icon{cursor:pointer;position:relative}.tooltip{background:#333;border-radius:4px;color:#fff;font-size:.875rem;left:0;padding:.5rem;position:absolute;top:100%;width:200px;z-index:1000}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.button-group{display:flex;gap:.5rem}.button-primary,.button-secondary,.button-success{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.button-primary{background:#0a66c2;color:#fff}.button-secondary{background:#f0f0f0;color:#333}.button-success{background:#2e7d32;color:#fff}.post-area{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:2rem;min-height:200px;padding:1rem;resize:vertical;width:100%}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.metric-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem}.metric-icon{font-size:1.5rem}.metric-content{display:flex;flex-direction:column}.metric-value{color:#1a1a1a;font-size:1.5rem;font-weight:600}.metric-label{color:#666;margin:0}.validation-section{background:#f8f9fa;border-radius:8px;padding:1.5rem}.validation-title{font-size:1.25rem;margin:0 0 1rem}.validation-items{display:flex;flex-direction:column;gap:1rem}.validation-item{align-items:flex-start;background:#fff;border-radius:6px;display:flex;gap:1rem;padding:1rem}.validation-icon{font-size:1.25rem}.validation-content{flex:1 1}.validation-name{font-weight:500;margin:0}.validation-message{color:#666;margin:.25rem 0 0}.validation-passed{border-left:4px solid #2e7d32}.validation-failed{border-left:4px solid #d32f2f}.hook-section{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1rem}.hook-title{font-size:1.25rem;margin:0 0 1rem}.hook-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.hook-item{background:#fff;border-radius:6px;cursor:pointer;padding:1rem;transition:background-color .2s}.hook-item:hover{background:#f0f0f0}.hook-help{color:#666;font-size:.875rem;margin:0;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:20px}.App{display:flex;justify-content:center;width:100%}
/*# sourceMappingURL=main.38fc82ea.css.map*/