:root{color-scheme:light;--ink:#151515;--paper:#f2efe7;--acid:#d7ff39;--line:#c9c4b9;--muted:#67645e;font-family:Arial,"PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}.masthead{display:flex;justify-content:space-between;align-items:flex-end;padding:42px max(5vw,24px) 34px;border-bottom:2px solid var(--ink)}.eyebrow{font:700 11px/1 monospace;letter-spacing:.18em}.masthead h1{font:900 clamp(52px,9vw,112px)/.76 Arial;margin:28px 0 0;letter-spacing:-.07em}.masthead p{font:700 clamp(16px,2vw,24px)/1.35 monospace;margin:0;text-align:right}.summary{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,1fr) 1.4fr 1fr;background:var(--ink);color:white}.summary div{padding:18px max(2vw,14px);border-right:1px solid #444}.summary small{display:block;color:#aaa;font:11px monospace;margin-bottom:7px}.summary strong{font:700 clamp(20px,3vw,36px)/1 monospace}.summary .primary{background:var(--acid);color:var(--ink)}.summary .primary small{color:#465500}.workbench{padding:42px max(5vw,24px) 80px}.controls{display:flex;align-items:end;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}label{font:700 12px monospace;text-transform:uppercase;letter-spacing:.04em}select{display:block;margin-top:8px;border:1px solid var(--ink);background:transparent;padding:10px 32px 10px 10px;font:600 14px monospace;border-radius:0}.remember{margin:0 auto 10px 0;text-transform:none}.remember input{accent-color:var(--ink)}button{font:700 13px monospace;cursor:pointer}.ghost{padding:10px 14px;border:1px solid var(--ink);background:transparent}.composer{margin-top:42px;background:white;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px}.composer label{display:block}.composer textarea{width:100%;min-height:130px;resize:vertical;border:0;border-bottom:1px solid var(--line);outline:0;padding:18px 0;font:22px/1.55 Georgia,"Songti SC",serif;background:transparent}.composer-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;color:var(--muted);font:12px monospace}.composer-foot button{border:0;background:var(--acid);padding:13px 18px;box-shadow:3px 3px 0 var(--ink)}.composer-foot b{font-size:17px}.list-head{display:flex;justify-content:space-between;align-items:center;margin-top:54px}.list-head h2{font:800 24px monospace}.text-button{border:0;background:none;text-decoration:underline}.empty{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:42px 0;display:flex;align-items:center;gap:25px;color:var(--muted)}.empty span{font:900 50px monospace;color:var(--line)}.rows{border-top:2px solid var(--ink)}.row{display:grid;grid-template-columns:54px 1fr 34px;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.row-index{font:700 13px monospace}.preview{font:18px/1.55 Georgia,"Songti SC",serif;margin:0 0 14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:auto}.metrics{display:flex;flex-wrap:wrap;gap:8px}.metrics span{border:1px solid var(--line);padding:5px 8px;font:12px monospace}.metrics .bytes{background:var(--ink);color:white;border-color:var(--ink)}.remove{border:1px solid var(--line);background:none;width:30px;height:30px;font-size:20px}.remove:hover{background:#ff694d;color:white;border-color:#ff694d}@media(max-width:700px){.masthead{padding-top:28px}.masthead p{display:none}.summary{grid-template-columns:repeat(2,1fr)}.summary div:nth-child(3){display:none}.summary .primary{grid-column:span 1}.controls{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.controls select{width:100%}.remember{margin:4px 0}.composer{box-shadow:5px 5px 0 var(--ink)}.composer-foot{align-items:flex-end;gap:12px}.row{grid-template-columns:30px 1fr 30px;gap:8px}.workbench{padding-inline:18px}}