@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:wght@700;800&family=Manrope:wght@500;700;800&display=swap');

:root { --ink: #18231f; --paper: #f4f1e8; --acid: #d3fb5a; --coral: #ff634f; }
* { box-sizing: border-box; } body { min-width: 320px; margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, sans-serif; } main { width: min(100%, 1060px); margin: 0 auto; padding: 34px clamp(20px, 5vw, 72px) 80px; }.wordmark { color: var(--ink); text-decoration: none; font-size: 18px; font-weight: 800; letter-spacing: 1px; }.wordmark span { color: var(--coral); }.checker-hero { display: grid; gap: 15px; padding: clamp(70px, 11vw, 150px) 0 48px; border-bottom: 1px solid var(--ink); }.checker-hero p, .result p { margin: 0; font: 500 11px "DM Mono", monospace; letter-spacing: 1px; }.checker-hero h1 { margin: 0; font: 800 clamp(54px, 9vw, 110px)/0.86 "Playfair Display", serif; }.checker-hero span { max-width: 500px; line-height: 1.65; }.checker-panel { display: grid; grid-template-columns: 1.2fr 0.8fr; border-bottom: 1px solid var(--ink); }.checker-panel form, .result { min-height: 260px; padding: 30px; }.checker-panel form { display: grid; gap: 11px; border-right: 1px solid var(--ink); align-content: center; }.checker-panel label { font-size: 12px; font-weight: 700; }.checker-panel input { width: 100%; height: 50px; padding: 0 12px; border: 1px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink); font: 14px "DM Mono", monospace; }.checker-panel button { height: 50px; border: 1px solid var(--ink); color: var(--ink); background: var(--acid); cursor: pointer; font-weight: 800; }.result { background: #e2e7de; }.result pre { overflow-wrap: anywhere; white-space: pre-wrap; font: 500 13px/1.6 "DM Mono", monospace; }.result.success { color: #f4f1e8; background: #18231f; }.result.error { color: #f4f1e8; background: var(--coral); } @media (max-width: 650px) { .checker-panel { grid-template-columns: 1fr; }.checker-panel form { border-right: 0; border-bottom: 1px solid var(--ink); } }