*{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:#87ceeb;padding:16px 24px;position:relative}.powered-by{color:#05010f;align-items:center;gap:8px;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.claude-logo{width:22px;height:22px}@media (width<=640px){.powered-by{justify-content:center;margin-top:8px;position:static;transform:none}}.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-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-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}.t-chart{text-align:left;border:1px solid #d8dee4;border-radius:10px;margin-top:20px;display:flex;overflow:hidden}.t-column{flex:1 1 0;padding:16px 20px}.t-column.matching{background:#f3fbf4;border-right:1px solid #d8dee4}.t-column.not-matching{background:#fdf6f0}.t-heading{margin:0 0 12px;font-size:16px;font-weight:700}.t-column.matching .t-heading{color:#2e7d32}.t-column.not-matching .t-heading{color:#b25a00}.t-list{color:#333;margin:0;padding-left:20px;font-size:14px;line-height:1.5}.t-list li{margin-bottom:10px}.t-list li:last-child{margin-bottom:0}.t-empty{color:#888;margin:0;font-size:14px;font-style:italic}