*,:before,:after,*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background-color:#0f0f0f;min-height:100vh;font-family:Inter,sans-serif}.app-container{max-width:900px;margin:0 auto;padding:40px 20px}h1{text-align:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem}.subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:1rem}.upload-zone{text-align:center;cursor:pointer;background:#1a1a1a;border:2px dashed #333;border-radius:16px;margin-bottom:40px;padding:60px 40px;transition:all .2s}.upload-zone:hover,.upload-zone.dragging{background:#1f1a1a;border-color:#ff6b6b}.upload-icon{margin-bottom:12px;font-size:3rem;display:block}.upload-zone p{color:#888;font-size:1rem}.loading{text-align:center;color:#888;padding:40px;font-size:1.1rem}.loading:after{content:"";border:3px solid #333;border-top-color:#ff6b6b;border-radius:50%;width:40px;height:40px;margin:16px auto 0;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#ff6b6b;background:#ff000020;border:1px solid #ff000050;border-radius:8px;margin-bottom:24px;padding:12px 16px}.score-gauge{width:180px;height:180px;margin:0 auto 40px;position:relative}.gauge-svg{width:100%;height:100%}.score-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-number{font-size:2.2rem;font-weight:700;display:block}.score-label{color:#888;margin-top:4px;font-size:.75rem;display:block}.feedback-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin-bottom:24px;padding:28px}.feedback-card h2{color:#ff6b6b;margin-bottom:20px;font-size:1.2rem}.feedback-section{border-bottom:1px solid #2a2a2a;margin-bottom:20px;padding-bottom:20px}.feedback-section:last-of-type{border-bottom:none}.feedback-section h3{text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:8px;font-size:.85rem}.feedback-section p{color:#ccc;font-size:.95rem;line-height:1.6}.top-fixes{margin-bottom:24px;padding-left:20px}.top-fixes li{color:#ccc;margin-bottom:8px;font-size:.95rem;line-height:1.6}.keywords{flex-wrap:wrap;gap:8px;display:flex}.keyword-tag{color:#ccc;background:#1f1f1f;border:1px solid #333;border-radius:999px;padding:4px 12px;font-size:.8rem}.before-after{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin-bottom:24px;padding:28px}.before-after h2{color:#ff6b6b;margin-bottom:20px;font-size:1.2rem}.bullet-comparison{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.original-bullet{background:#ff000015;border:1px solid #ff000040;border-radius:10px;padding:14px}.rewritten-bullet{background:#00ff0015;border:1px solid #00ff0040;border-radius:10px;padding:14px}.original-bullet h3{color:#ff6b6b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem}.rewritten-bullet h3{color:#6bff8e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem}.original-bullet p,.rewritten-bullet p{color:#ccc;font-size:.9rem;line-height:1.5}@media (width<=600px){.bullet-comparison{grid-template-columns:1fr}h1{font-size:1.8rem}}