:root{--black:#151515;--paper:#f3f0e8;--acid:#d7ff35;--orange:#ff5c35;--grey:#dedbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:64px;border-bottom:3px solid var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,4vw);position:sticky;top:0;background:rgba(243,240,232,.96);z-index:4}.logo{color:var(--black);text-decoration:none;font-weight:950;font-size:20px;letter-spacing:-1px}.logo span{color:var(--orange)}.status{font:700 12px/1 monospace;text-transform:uppercase}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3dbe45;margin-right:7px}main{width:min(1180px,calc(100% - 32px));margin:auto}.hero{min-height:430px;display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:center;padding:55px 0;border-bottom:3px solid var(--black)}.kicker{font:800 12px/1 monospace;letter-spacing:.14em}.hero h1{font-size:clamp(64px,10vw,132px);line-height:.75;letter-spacing:-.085em;margin:28px 0 38px;font-weight:950}.hero h1 span{display:inline-block;background:var(--acid);padding:10px 18px 20px;transform:rotate(-2deg)}.hero-copy>p:last-child{max-width:580px;font-weight:700;line-height:1.75;font-size:17px}.receipt{background:#fff;min-height:290px;padding:32px 28px;box-shadow:10px 10px 0 var(--black);display:flex;flex-direction:column;gap:23px;font-family:monospace;transform:rotate(1.5deg);position:relative}.receipt:after{content:"";position:absolute;inset:auto 0 -8px;height:16px;background:linear-gradient(135deg,transparent 8px,#fff 0) 0 0/16px 16px repeat-x}.receipt b{font-size:18px;border-bottom:1px dashed #777;padding-bottom:18px}.receipt span{font-size:13px}.receipt strong{margin-top:auto;border-top:2px solid;padding-top:15px}.editor{padding:54px 0}.field{position:relative}.field label{display:block;font-weight:900;font-size:13px;margin-bottom:11px}.field label em{font-style:normal;color:var(--orange);float:right}.field textarea,.field input,.field select{width:100%;border:3px solid var(--black);border-radius:0;background:#fff;padding:17px;font:16px/1.65 inherit;outline:none}.field textarea:focus,.field input:focus,.field select:focus{box-shadow:6px 6px 0 var(--acid)}.field textarea{min-height:270px;resize:vertical}.counter{position:absolute;right:15px;bottom:12px;background:#fff;font:12px monospace;padding:4px}.options{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:24px}select{height:61px}.editor button,#submit{width:100%;margin-top:27px;background:var(--black);color:#fff;border:0;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:900;cursor:pointer}#submit b{background:var(--acid);color:var(--black);padding:8px 11px;font:800 12px monospace}button:disabled{opacity:.55;cursor:wait}.alert{background:#ffe0d8;border:3px solid var(--black);border-left:12px solid var(--orange);padding:13px;font-weight:700}.loading{padding:34px;border:3px solid var(--black);background:#fff;margin-bottom:50px}.loading div{display:flex;align-items:center;gap:14px}.loading p{margin-left:38px;color:#666}.loader{width:22px;height:22px;border:4px solid var(--grey);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.loading>i{display:block;height:20px;background:linear-gradient(90deg,#ddd,#f6f6f6,#ddd);background-size:200%;margin-top:15px;animation:shine 1.4s infinite}.loading>i.short{width:60%}.output{padding:55px 0}.output-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.output-title span{font:800 11px monospace;letter-spacing:.15em;color:#555}.output-title h2{font-size:clamp(34px,5vw,58px);margin:7px 0 0;letter-spacing:-.05em}.output-title button{background:transparent;border:0;border-bottom:2px solid;font-weight:800;cursor:pointer;padding:8px}.compare{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--black)}.compare article{min-width:0;background:#e7e3da}.compare article+article{border-left:3px solid var(--black)}.compare article.plain{background:#fff}.compare h3{margin:0;border-bottom:3px solid var(--black);padding:15px 18px;font-size:14px}.compare h3 span{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--black);color:#fff;margin-right:7px}.plain h3 span{background:var(--acid);color:#111}.content{white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;min-height:300px;font:15px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace}.original{color:#68655f}.content mark{background:var(--orange);color:white;padding:2px 4px;font-weight:800}.caution-key{border:3px solid var(--black);border-top:0;padding:15px;font-size:13px}.caution-key mark{background:var(--orange);color:white;padding:4px 6px}.request-error{border:3px solid var(--black);background:#ffe0d8;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 50px}.request-error[hidden]{display:none}.request-error p{margin:7px 0 0}.request-error button{flex:0 0 auto;border:3px solid var(--black);background:var(--acid);padding:12px;font-weight:900;cursor:pointer}footer{background:var(--black);color:#fff;min-height:170px;margin-top:60px;display:flex;gap:20px;align-items:center;justify-content:center;font-weight:800}footer b{font-size:60px;color:var(--acid)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200%}}@media(max-width:720px){.status{display:none}.hero{grid-template-columns:1fr;padding:40px 0}.hero h1{font-size:72px}.receipt{display:none}.options,.compare{grid-template-columns:1fr}.compare article+article{border-left:0;border-top:3px solid var(--black)}.output-title{align-items:start;flex-direction:column;gap:15px}.request-error{align-items:stretch;flex-direction:column}.request-error button{width:100%}.content{min-height:200px}.editor{padding:38px 0}}