:root{font-family:Georgia,Songti SC,serif;color:#2f2541;background:#f1edff;--ink:#2f2541;--pink:#ed4b7b;--lav:#c8b8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80px 80px,#fff 0 4px,transparent 5px) 0 0/38px 38px,#f1edff}button,textarea{font:inherit}main{max-width:1160px;margin:auto;padding:35px 28px 70px}header{display:grid;grid-template-columns:90px 1fr 310px;gap:25px;align-items:end;margin-bottom:45px}.mark{width:76px;height:76px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-content:center;font:700 22px Arial;transform:rotate(-9deg);box-shadow:5px 5px 0 var(--ink)}header span{font:12px Arial;letter-spacing:.15em}h1{font-size:clamp(48px,7vw,90px);line-height:.88;letter-spacing:-.065em;margin:10px 0 0}header p{line-height:1.6;margin:0;border-left:1px solid var(--ink);padding-left:20px}.editor{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--lav)}.input-panel,.output-panel{padding:22px}.input-panel{border-right:2px solid var(--ink)}.label{display:flex;justify-content:space-between;align-items:center;font:12px Arial;margin-bottom:15px}.label span{color:#766d84}.label button{border:0;background:var(--ink);color:#fff;padding:8px 12px;cursor:pointer}.label button:disabled{opacity:.4}textarea{width:100%;height:180px;resize:vertical;border:0;border-block:1px solid #d1c9dd;padding:18px 4px;font-size:19px;line-height:1.6;outline:none}.formats{display:flex;gap:8px;margin-top:14px}.formats button{border:1px solid var(--ink);border-radius:99px;background:#fff;padding:8px 13px;cursor:pointer}.formats button.active{background:var(--pink);color:#fff;border-color:var(--pink)}pre{white-space:pre-wrap;word-break:break-all;margin:0;background:#322a42;color:#f7efff;padding:20px;height:230px;overflow:auto;font:14px/1.7 Courier New,monospace}.summary{display:grid;grid-template-columns:repeat(3,130px) 1fr;gap:10px;margin:34px 0}.summary div{background:var(--lav);border-radius:50%;aspect-ratio:1;display:grid;place-content:center;text-align:center}.summary span{font:11px Arial}.summary b{font:44px Arial}.summary p{align-self:center;line-height:1.6;padding-left:30px}.chart,.history{background:#ffffff8c;padding:28px;margin-top:20px}.section-title{display:grid;grid-template-columns:45px 1fr auto;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:14px}.section-title>span{font:12px Arial;color:var(--pink)}.section-title h2{font-size:27px;margin:0}.section-title i{font-size:12px;color:#766d84}.bars{padding-top:22px}.row{display:grid;grid-template-columns:150px 1fr 30px;gap:14px;align-items:center;margin:13px 0}.row-label{display:grid}.row-label span{font:10px Arial;color:#766d84}.bar-track{height:35px;background:#e2ddec}.bar{height:100%;background:var(--pink);display:flex;overflow:hidden;align-items:center;padding:0 8px;min-width:8%}.bar span{color:#fff;font-size:15px;min-width:18px;text-align:center;cursor:help}.row>strong{font:16px Arial}.history>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.history button{border:1px solid #a69caf;background:#fff;padding:15px;text-align:left;display:flex;justify-content:space-between;gap:8px;cursor:pointer}.history button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history button b{color:var(--pink)}.empty{color:#766d84;font-style:italic}@media(max-width:800px){main{padding:24px 16px}header{grid-template-columns:75px 1fr}header p{grid-column:1/-1}.editor{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:2px solid var(--ink)}.summary{grid-template-columns:repeat(3,1fr)}.summary div{aspect-ratio:auto;border-radius:0;padding:15px}.summary b{font-size:30px}.summary p{grid-column:1/-1;padding:0}.history>div:last-child{grid-template-columns:1fr}.row{grid-template-columns:100px 1fr 24px}}@media(max-width:430px){.mark{width:58px;height:58px}.formats{flex-wrap:wrap}.section-title{grid-template-columns:30px 1fr}.section-title i{display:none}.summary span{font-size:9px}}