*{box-sizing:border-box}body{color:#000;background:#fff;margin:0;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}#root,.app{min-height:100vh}.top-bar{color:#05010f;text-align:center;background:linear-gradient(90deg,#4facfe 0%,#1e6fd9 70%,#87ceeb 100%);padding:16px 24px;position:relative}.top-bar h1{letter-spacing:1px;white-space:nowrap;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:clamp(28px,6vw,80px);font-weight:800;line-height:1.1}.example-label{text-align:center;letter-spacing:1px;text-transform:uppercase;color:#999;margin:24px 0 0;font-size:20px;font-weight:600}.equation{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.term{flex-direction:column;align-items:center;gap:8px;margin:0;display:flex}.term figcaption{color:#333;font-size:13px;font-weight:600}.doc{filter:drop-shadow(0 4px 10px #00000026);width:110px;height:138px}.doc-page{fill:#fff;stroke:#d8d8d8;stroke-width:1.5px}.doc-line{fill:#c9d3dc}.doc-line.strong{fill:#6b7785}.doc-line.strong.job{fill:#2e7d32}.doc-accent{fill:#87ceeb}.doc-accent.job{fill:#2e7d32}.operator{color:#555;font-size:36px;font-weight:700}.result{justify-content:center}.score{color:#05010f;background:#87ceeb;border-radius:10px;justify-content:center;align-items:center;width:110px;height:138px;font-size:32px;font-weight:800;display:flex;box-shadow:0 4px 10px #00000026}.matcher{border-top:1px solid #e5e4e7;max-width:900px;margin:0 auto;padding:24px}.matcher-title{text-align:center;color:#05010f;margin:0 0 24px;font-size:24px;font-weight:700}.matcher-inputs{flex-wrap:wrap;gap:24px;display:flex}.field{flex-direction:column;flex:320px;gap:8px;display:flex}.field-label{color:#333;font-size:15px;font-weight:600}.field-text{width:100%;min-height:140px;font:inherit;resize:vertical;box-sizing:border-box;border:1px solid #cdd5dc;border-radius:8px;padding:10px;font-size:14px}.field-text.tall{min-height:200px}.file-name{color:#2e7d32;margin:0;font-size:13px}.matcher-error{text-align:center;color:#c62828;margin:16px 0 0;font-size:14px}.matcher-notice{text-align:center;color:#8a6d00;background:#fff8e1;border:1px solid #f0dc9b;border-radius:8px;margin:0 0 20px;padding:8px 14px;font-size:13px}.matcher-btn{color:#05010f;cursor:pointer;background:#87ceeb;border:none;border-radius:10px;margin:24px auto 0;padding:12px 28px;font-size:16px;font-weight:600;transition:filter .15s;display:block}.matcher-btn:hover{filter:brightness(.95)}.matcher-btn:disabled{cursor:default;opacity:.7}.matcher-result{text-align:center;max-width:600px;margin:28px auto 0}.result-circle{background:var(--score-color);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 12px;display:flex;box-shadow:0 6px 16px #0003}.result-score{color:#fff;font-size:44px;font-weight:800}.result-caption{color:#666;margin:0 0 16px;font-size:16px;font-weight:600}.result-reasoning{color:#444;margin:0 0 24px;font-size:14px;line-height:1.5}.section-heading{color:#05010f;text-align:left;margin:0 0 4px;font-size:16px;font-weight:700}.section-subtext{color:#666;margin:0 0 12px;font-size:13px}.req-section{text-align:left;margin-top:24px}.status-legend{background:#f7f7f8;border-radius:8px;flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:10px 12px;font-size:12px;list-style:none;display:flex}.status-legend-item{color:#555}.status-legend-item.match{color:#2e7d32}.status-legend-item.partial{color:#c98a00}.status-legend-item.missing{color:#b3261e}.check-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.check-card{border:1px solid #d8dee4;border-left-width:4px;border-radius:10px;padding:14px 16px;position:relative}.check-card.match{background:#f3fbf4;border-left-color:#2e7d32}.check-card.partial{background:#fffaf0;border-left-color:#c98a00}.check-card.missing{background:#fdf5f4;border-left-color:#b3261e}.check-badge{color:#fff;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.check-badge.match{background:#2e7d32}.check-badge.partial{background:#c98a00}.check-badge.missing{background:#b3261e}.check-line{color:#333;margin:0 0 4px;font-size:14px;line-height:1.5}.check-line:last-child{margin-bottom:0}.check-label{letter-spacing:.04em;text-transform:uppercase;color:#888;font-size:11px;font-weight:700;display:block}
