:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#172019;background:#edf0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgba(20,35,22,.035) 1px,transparent 1px),linear-gradient(rgba(20,35,22,.035) 1px,transparent 1px),#edf0e8;background-size:24px 24px}button,textarea{font:inherit}button{cursor:pointer}main{max-width:1120px;margin:auto;padding:26px 38px 80px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aab1a6;padding-bottom:22px}.brand{display:flex;align-items:center;gap:12px}.mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #172019;background:#f3ff60;font-size:24px;font-weight:900;box-shadow:4px 4px #172019}.brand b{display:block;letter-spacing:.15em}.brand small{font-size:9px;letter-spacing:.18em;color:#647065}.counter{font-size:12px}.counter strong{font-size:18px}.counter i{font-style:normal;color:#576200;margin-left:12px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:78px 0 34px}.intro h1{grid-column:1/2;margin:0;font-family:Georgia,serif;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.04em}.intro h1 em{font-style:italic;color:#65700a}.intro>p:last-child{grid-column:2;padding-left:70px;margin:0;line-height:1.7;color:#5e675f;max-width:470px}.eyebrow{grid-column:1/-1;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#69724b;margin-bottom:18px}.composer{background:#18211a;color:#fff;padding:22px;box-shadow:8px 8px #b9c523}.mode{display:flex;gap:8px;margin-bottom:14px}.mode button{border:1px solid #697269;background:transparent;color:#abb3aa;padding:8px 12px}.mode button.active{background:#f3ff60;color:#18211a;border-color:#f3ff60}textarea{display:block;width:100%;height:116px;resize:vertical;border:0;border-top:1px solid #495149;border-bottom:1px solid #495149;background:transparent;color:#fff;padding:16px 2px;outline:none;font-size:16px;line-height:1.6}textarea::placeholder{color:#677067}.composeFoot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;color:#8c958c}.add{background:#f3ff60;border:0;padding:12px 16px;font-weight:700}.add:disabled{opacity:.35;cursor:not-allowed}.add b{margin-left:20px}.queue{margin-top:58px}.queueHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.queueHead h2{font-family:Georgia,serif;font-size:27px;margin:0}.clear,.remove{border:0;background:transparent;color:#667066}.clear{text-decoration:underline;font-size:11px}.card{background:#f9faf4;border:1px solid #aeb5aa;padding:20px 24px;margin-bottom:15px;box-shadow:3px 3px #17201924}.cardTop{display:flex;align-items:center;gap:10px}.number{font-size:11px;color:#768076}.tag{font-size:10px;padding:4px 7px;background:#dfe5d7}.remove{margin-left:auto;font-size:21px}.original{font-size:19px;overflow-wrap:anywhere;margin:20px 0 8px;line-height:1.8}.escaped{background:#f3ff60;border-bottom:2px solid #8e9a12;padding:1px 2px}.arrow{font-size:9px;color:#879087;text-transform:uppercase;letter-spacing:.1em;margin:5px 0}code{display:block;color:#4f5b00;overflow-wrap:anywhere;line-height:1.7}.metrics{display:flex;gap:36px;align-items:end;border-top:1px solid #d8ddd3;margin-top:17px;padding-top:14px}.metrics>div{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline}.metrics small{font-size:9px;color:#7d857c;grid-column:1/-1}.metrics b{font-size:19px}.metrics .growth b{color:#647000}.metrics .growth span{font-size:9px;color:#647000}.metrics button{margin-left:auto;border:1px solid #879087;background:transparent;padding:9px 12px}.empty{text-align:center;border:1px dashed #aeb5aa;padding:70px 20px;color:#697169}.empty span{display:inline-grid;place-items:center;background:#dde4d5;width:64px;height:64px;border-radius:50%;font-weight:700;color:#536000}.empty h3{font-family:Georgia,serif;color:#29312a;margin:18px 0 5px}.empty p{font-size:12px}footer{font-size:10px;color:#7d857d;margin-top:28px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8d9a08}@media(max-width:700px){main{padding:20px 16px 60px}.counter{display:none}.intro{display:block;padding:55px 0 26px}.intro>p:last-child{padding:20px 0 0}.composer{padding:16px;box-shadow:5px 5px #b9c523}.mode{overflow-x:auto}.mode button{white-space:nowrap}.card{padding:16px}.metrics{gap:18px;flex-wrap:wrap}.metrics button{width:100%;margin:0}.original{font-size:16px}}