*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#e8e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;min-height:100vh;padding:24px;line-height:1.5}.container{max-width:720px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #1e1e2e}.logo{font-size:20px;font-weight:700;letter-spacing:-.5px}.status{font-size:12px;color:#4ade80;display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero{text-align:center;padding:80px 20px}.hero h1{font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:#888;font-size:16px;margin-bottom:40px}.btn{background:#4ade80;color:#0a0a0f;border:none;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:#e8e8f0;border:1px solid #2e2e3e}.card{background:#12121a;border:1px solid #1e1e2e;border-radius:12px;padding:20px;margin-bottom:16px}.card h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:12px}.rule{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #1a1a24;font-size:14px}.rule:last-child{border-bottom:none}.rule-check{color:#4ade80}textarea{width:100%;min-height:120px;background:#0a0a0f;border:1px solid #2e2e3e;border-radius:8px;padding:12px;color:#e8e8f0;font-family:monospace;font-size:13px;resize:vertical}textarea:focus{outline:none;border-color:#4ade80}.score{font-size:48px;font-weight:800;text-align:center;margin:20px 0}.score.low{color:#ef4444}.score.mid{color:#f59e0b}.score.high{color:#4ade80}.violation{background:#1a0f0f;border:1px solid #3e1e1e;border-radius:8px;padding:16px;margin-bottom:12px}.risk{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.risk.high{background:#ef4444;color:#fff}.risk.medium{background:#f59e0b;color:#000}.risk.low{background:#666;color:#fff}.violation-rule{color:#ef4444;font-weight:600}.violation-rule,.violation-text{font-size:13px;margin-bottom:8px}.violation-text{color:#aaa}.violation-fix{font-size:12px;padding:8px;border-radius:6px}.output,.violation-fix{color:#4ade80;font-family:monospace;background:#0a0a0f}.output{border:1px solid #1e2e1e;border-radius:8px;padding:16px;font-size:13px;white-space:pre-wrap;word-break:break-word}.loading{text-align:center;padding:40px;color:#666;font-size:14px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #2e2e3e;border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#1a0f0f;border:1px solid #3e1e1e;color:#ef4444;padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px}