:root{color:#26223b;font-synthesis:none;--ink:#26223b;--muted:#797786;--line:#dedde2;--paper:#fffefa;--purple:#62518b;--yellow:#f3da8b;background:#f5f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #9b80c7}button{background:var(--paper);color:var(--ink);border:1px solid #d6d2dc;border-radius:5px;padding:11px 14px;font-size:11px}button:hover{background:#ebe6f4}button.primary{background:var(--ink);border-color:var(--ink);color:var(--yellow);font-weight:650}button.primary:hover{background:#403550}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:27px 48px;display:flex}.brand{letter-spacing:-.7px;align-items:center;gap:11px;font-size:22px;font-weight:720;text-decoration:none;display:flex}.mark{background:var(--ink);color:var(--yellow);letter-spacing:-3px;border-radius:10px;place-items:center;width:43px;height:43px;padding-right:3px;font:30px Georgia,serif;display:grid}.by{color:var(--muted);letter-spacing:0;margin:5px 0 0 3px;font:400 9px ui-monospace,monospace}nav{align-items:center;gap:25px;font-size:11px;font-weight:600;display:flex}nav a{text-decoration:none}.coffee{background:var(--yellow);border-radius:5px;padding:11px 15px}main{max-width:1304px;margin:auto}.hero{grid-template-columns:1fr 440px;align-items:center;gap:60px;padding:58px 0 55px;display:grid}.eyebrow{letter-spacing:1.6px;color:#716883;font:600 9px ui-monospace,monospace}.hero .eyebrow{font-size:9px}h1{letter-spacing:-3.8px;margin:24px 0;font-size:68px;font-weight:550;line-height:1.03}h1 span{color:#806da1;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-copy>p:not(.eyebrow){color:#77717d;margin:22px 0;font-size:14px;line-height:1.8}.hero-actions{gap:9px;margin-top:25px;display:flex}.hero-actions button{padding:13px 17px}.local-label{letter-spacing:1px;color:#847c8f;margin-top:19px;font:8px ui-monospace,monospace;display:block}.specimen{background:#eee9f6;border:1px solid #d1cbdc;border-radius:12px;padding:24px 27px 18px;transform:rotate(2deg);box-shadow:12px 12px #e6e1eb}.specimen-top{color:#6c5a88;letter-spacing:1px;justify-content:space-between;font:8px ui-monospace,monospace;display:flex}.glyphs{color:#554571;justify-content:center;align-items:baseline;gap:9px;padding:28px 0 29px;font:87px Georgia,serif;display:flex}.glyph-arrow{color:#a493b7;font:25px ui-monospace,monospace}.glyph-divider{color:#cec3da;padding:0 6px;font:65px Georgia,serif}.specimen-bottom{border-top:1px solid #d9d0e3;border-bottom:1px solid #d9d0e3;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.specimen-bottom small{color:#8e7da6;margin-bottom:8px;font:10px ui-monospace,monospace;display:block}.specimen-bottom strong{letter-spacing:-1px;font:27px ui-monospace,monospace}.specimen-bottom>span{color:#b9a8c8}.specimen>p{text-align:center;color:#7e6d93;margin-top:17px;font:9px ui-monospace,monospace}.results-shell{background:var(--paper);border:1px solid #d8d4df;border-radius:12px;grid-template-columns:220px 1fr;display:grid;overflow:hidden;box-shadow:0 12px 35px #30263e07}aside{border-right:1px solid var(--line);background:#efedf3;padding:28px 14px}aside>.eyebrow{margin:0 11px 24px}.category{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:12px 10px;font-size:11px;display:flex}.category b{color:#89799c;background:#e6e0ee;border-radius:4px;padding:4px;font:9px ui-monospace,monospace}.category.active{background:var(--ink);color:#fff}.category.active b{color:var(--yellow);background:#4c425d}.library-note{border-top:1px solid #d8d1e1;margin:29px 11px 20px;padding-top:25px}.library-note strong{font-size:11px}.library-note p{color:#8a8193;font-size:10px;line-height:1.8}.custom-add{background:#f8f5fc;border:1px dashed #b7a9c8;width:100%;margin-bottom:12px}aside>button:not(.category):not(.custom-add){text-align:left;background:0 0;width:100%;margin-top:9px;font-size:10px;display:block}.results-main{padding:29px 30px}.result-title{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{letter-spacing:-1px;margin:8px 0;font-size:25px;font-weight:600}.result-title .eyebrow{margin:0;font-size:8px}.result-title>button{font-size:10px}.run-label{flex-wrap:wrap;align-items:center;gap:9px;padding:20px 0 17px;display:flex}.run-label>span{letter-spacing:.6px;color:#7a668b;background:#eee7f7;border-radius:3px;padding:5px 6px;font:6px ui-monospace,monospace}.run-label strong{font-size:10px;font-weight:600}.run-label small{color:#8e8693;font-size:9px}.metrics{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.metrics>div{border-right:1px solid var(--line);background:#fcfbf7;padding:17px 18px}.metrics>div:last-child{border-right:0}.metrics span{color:#88808f;margin-bottom:9px;font-size:9px;display:block}.metrics strong{letter-spacing:-1px;font-size:33px;font-weight:500;line-height:1.1}.metrics .fail-metric{background:#f9efdf}.fail-metric strong{color:#a76539}.filters{align-items:center;gap:9px;margin:24px 0 8px;display:flex}.search{border:1px solid var(--line);color:#81738f;background:#f6f4f8;border-radius:5px;flex:1;align-items:center;gap:9px;min-width:80px;padding:9px 11px;display:flex}.search input{width:100%;min-width:30px;color:var(--ink);background:0 0;border:0;outline:none;font-size:10px}select{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;padding:10px 9px;font-size:10px}.pair{padding:17px 0 4px}.pair-title{align-items:center;gap:12px;margin-bottom:9px;display:flex}.pair-title>span{color:#7e7291;letter-spacing:1px;font:8px ui-monospace,monospace}.pair-title>small{color:#aaa0b1;font-size:9px}.pair-cases{grid-template-columns:1fr 1fr;gap:11px;display:grid}.case{text-align:left;background:#fdfcf8;border-radius:6px;width:100%;min-width:0;padding:15px;display:block;position:relative;overflow:hidden}.case:hover{background:#f0eaf7;border-color:#b6a5cf}.case.failed{border-left:3px solid #ca9863}.case.passed{border-left:3px solid #8da78a}.case.missing{border-left:3px solid #b9b0c4}.case-head{color:#a69aad;justify-content:space-between;align-items:center;font:8px ui-monospace,monospace;display:flex}.case-head>b{letter-spacing:.7px;color:#a17149;font-size:6px;font-weight:400}.case.passed .case-head>b{color:#6d8e65}.input-value{color:#302c3b;overflow-wrap:anywhere;margin:14px 0 12px;font-size:20px;font-weight:500;line-height:1.5;display:block}.case code{color:#8d8296;overflow-wrap:anywhere;font:8px/1.8 ui-monospace,monospace;display:block}.case .actual{color:#a16b3d}.case.passed .actual{color:#718d65}.case>small{color:#a99cae;margin-top:13px;font-size:8px;display:block}.result-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:23px;padding-top:20px;display:flex}.result-footer>span{color:#8b7d9a;font:8px ui-monospace,monospace}.result-footer button{padding:9px;font-size:9px}.result-footer>div{gap:7px;display:flex}.principles{grid-template-columns:repeat(3,1fr);gap:70px;margin:50px 0 65px;display:grid}.principles article>span{letter-spacing:1px;color:#8f809e;font:8px ui-monospace,monospace}.principles h3{letter-spacing:-.6px;font-family:Georgia,serif;font-size:22px;font-weight:400}.principles p{color:#88808d;font-size:11px;line-height:1.9}footer{border-top:1px solid var(--line);color:#8a7e98;justify-content:space-between;max-width:1304px;margin:auto;padding:25px 0;font:9px ui-monospace,monospace;display:flex}dialog{background:var(--paper);width:min(760px,100% - 32px);max-height:90vh;color:var(--ink);border:1px solid #cbbdd8;border-radius:12px;padding:32px;overflow:auto;box-shadow:0 20px 100px #28203530}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24203688}dialog .close{background:0 0;border:0;padding:3px 8px;font-size:25px;position:absolute;top:14px;right:16px}.detail-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}dialog label{color:#766882;margin:17px 0;font-size:11px;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#f7f5fa;border-radius:5px;margin-top:9px;padding:12px;font:11px/1.8 ui-monospace,monospace;display:block}dialog select{width:100%;margin-top:9px;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0ecf5;border-radius:5px;min-height:85px;padding:13px;font:11px/1.7 ui-monospace,monospace}#detail-note,.small{color:#8a7d95;font-size:11px;line-height:1.8}#detail-differences{background:#f4eff9;border:1px solid #dcd2e8;border-radius:5px;padding:14px;font-size:11px;line-height:1.8}#answer-error,#custom-error,#error{color:#a14f35;font-size:11px;line-height:1.8}#error{background:#faeade;border-radius:5px;padding:12px}.empty{color:#8a7d95;text-align:center;padding:30px;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}@media (width<=1400px){main,footer{margin-left:48px;margin-right:48px}}@media (width<=1100px){.hero{grid-template-columns:1fr 370px;gap:40px}.hero h1{font-size:60px}.specimen{padding:20px}.glyphs{gap:5px;font-size:70px}.specimen-bottom strong{font-size:23px}.results-shell{grid-template-columns:190px 1fr}.results-main{padding:25px 22px}.filters{flex-wrap:wrap}.search,.run-label small{flex-basis:100%}.result-title>button{max-width:130px}.case{padding:12px}.case code{font-size:7px}.principles{gap:35px}}@media (width<=800px){header{padding:23px 25px}.by{display:none}main,footer{margin-left:25px;margin-right:25px}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.hero h1{font-size:62px}.specimen{max-width:440px;margin:0 10px 0 0;transform:rotate(1deg)}.results-shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:19px 16px;display:flex}aside>.eyebrow{width:100%;margin:0 5px 8px}#categories{display:contents}.category{gap:9px;width:auto;margin:0;padding:8px 10px;font-size:10px}.library-note{display:none}aside>button:not(.category){text-align:center!important;width:auto!important;margin:4px 0 0!important}.custom-add{padding:9px;font-size:10px}.result-title h2{font-size:23px}.principles{grid-template-columns:1fr;gap:18px;margin:35px 0}.principles p{max-width:550px}.principles h3{margin:13px 0}.result-footer{flex-wrap:wrap}footer{gap:20px;line-height:1.7}}@media (width<=520px){header{padding:20px 16px}.brand{font-size:19px}.mark{width:36px;height:36px;font-size:25px}nav{gap:10px}nav>a:not(.coffee){display:none}.coffee{padding:10px;font-size:9px}main,footer{margin-left:16px;margin-right:16px}.hero h1{letter-spacing:-3px;font-size:54px}.hero .eyebrow{letter-spacing:1px;font-size:7px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-actions button{padding:12px 11px;font-size:10px}.local-label{font-size:7px}.specimen{padding:17px}.glyphs{padding:20px 0;font-size:67px}.specimen-bottom strong{font-size:23px}.results-main{padding:24px 14px}.result-title h2{font-size:21px}.result-title>button{max-width:110px;padding:9px;font-size:9px}.result-title .eyebrow{font-size:7px}.metrics>div{padding:13px 10px}.metrics span{font-size:8px}.metrics strong{font-size:29px}.pair-cases{grid-template-columns:1fr}.case code{font-size:9px}.input-value{font-size:23px}.pair-title{margin-top:5px}.filters select{font-size:9px}.principles{gap:21px}.principles article>span{font-size:7px}.detail-grid{grid-template-columns:1fr}dialog{padding:25px 18px}.result-footer>span{font-size:7px}.result-footer{gap:14px}footer{font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}