:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3f1ea;--ink:#17211d;--muted:#66706a;--line:#cbc8bd;--surface:#fffdf7;--surface-soft:#e8e6dd;--brand:#176a57;--brand-strong:#0f4c3e;--accent:#df5d34;--focus:#df5d344d;--success:#176a57;--success-soft:#e0eee8;--no-match:#9a562d;--no-match-soft:#f5e8dc;--error:#a33e32;--error-soft:#f6e2df;--loading:#5f6964;--loading-soft:#e8ebe9;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI Variable,Aptos,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:radial-gradient(circle at 12% 0%, #176a571a, transparent 27rem), radial-gradient(circle at 92% 92%, #df5d3414, transparent 24rem), var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}code{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}.page-shell{width:min(100% - 32px,760px);min-height:100vh;margin:0 auto;padding:20px 0 28px}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#f9fff9;background:var(--brand);letter-spacing:-.06em;border-radius:9px;place-items:center;width:38px;height:38px;font:700 15px/1 Cascadia Code,Consolas,monospace;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em;font-size:15px}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font:500 10px/1.2 Cascadia Code,Consolas,monospace}.github-link{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font:600 11px/1 Cascadia Code,Consolas,monospace;text-decoration:none}.github-link:hover{color:var(--brand)}.intro{padding:68px 0 30px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;margin:0 0 12px;font:700 11px/1.3 Cascadia Code,Consolas,monospace;color:var(--accent)!important}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,9vw,76px);font-weight:720;line-height:.98}.intro>p:last-child{max-width:530px;color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.65}.matcher{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 18px 55px #282e2a14}.field{padding:22px 24px 20px;display:block}.field-heading{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:13px;font-weight:700;display:flex}.field-heading code{color:var(--brand);background:var(--success-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:600}.field input{width:100%;height:58px;color:var(--ink);background:#fbfaf5;border:1px solid #aaa99f;border-radius:9px;padding:0 16px;font:500 18px/1 Cascadia Code,SFMono-Regular,Consolas,monospace;transition:border-color .14s,box-shadow .14s,background .14s;display:block}.field input:hover{border-color:#85867f}.field input:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 4px #176a5721}.field>small{color:var(--muted);margin-top:9px;font-size:11px;display:block}.field>small code{color:var(--brand-strong)}.divider{color:#8b8d86;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font:600 9px/1 Cascadia Code,Consolas,monospace;display:flex}.divider:before,.divider:after{background:var(--line);content:"";flex:1;height:1px}.result{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:98px;padding:19px 24px;display:grid}.result-indicator{width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 15%, transparent);background:currentColor;border-radius:50%}.result-copy strong,.result-copy small{display:block}.result-copy strong{letter-spacing:-.02em;margin-bottom:5px;font-size:16px}.result-copy small{overflow-wrap:anywhere;color:color-mix(in srgb, currentColor 73%, #505853);font-size:12px;line-height:1.4}.result-code{text-align:right;min-width:66px;font:700 13px/1 Cascadia Code,Consolas,monospace}.result--match{color:var(--success);background:var(--success-soft)}.result--no-match{color:var(--no-match);background:var(--no-match-soft)}.result--error{color:var(--error);background:var(--error-soft)}.result--loading{color:var(--loading);background:var(--loading-soft)}.result--loading .result-indicator{animation:1.2s ease-in-out infinite pulse}footer{color:var(--muted);justify-content:space-between;gap:20px;padding:18px 2px 0;font-size:11px;display:flex}footer code{color:var(--brand-strong);font-size:10px}@keyframes pulse{50%{opacity:.4;transform:scale(.75)}}@media (width<=560px){.page-shell{width:min(100% - 22px,760px);padding-top:10px}.intro{padding:50px 4px 24px}.intro h1{letter-spacing:-.055em}.field{padding:19px 16px 17px}.field input{height:54px;font-size:16px}.result{grid-template-columns:auto minmax(0,1fr);padding:18px 17px}.result-code{display:none}footer{flex-direction:column;gap:6px}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111714;--ink:#e6ede8;--muted:#9ba59f;--line:#3b4540;--surface:#18201c;--surface-soft:#202824;--brand:#59b99f;--brand-strong:#7bd2b8;--accent:#f08058;--success:#75c9ae;--success-soft:#1d342c;--no-match:#f0a06d;--no-match-soft:#3b2a20;--error:#f29484;--error-soft:#3d2422;--loading:#b0bbb5;--loading-soft:#29312d}body{background:radial-gradient(circle at 12% 0%, #59b99f1a, transparent 27rem), radial-gradient(circle at 92% 92%, #f0805812, transparent 24rem), var(--canvas)}.matcher{box-shadow:0 18px 55px #0003}.field input{color:var(--ink);background:#141b18;border-color:#4c5751}.field input:hover{border-color:#69756f}.field input:focus{border-color:var(--brand);background:#111714;box-shadow:0 0 0 4px #59b99f26}.field-heading code{color:var(--brand);background:#203b32}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}