*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px}main{width:min(720px,calc(100% - 32px));margin:48px auto 96px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:16px;margin-bottom:28px}h1,h2{font-size:16px;margin:0;font-weight:600}#status,#meta{color:#888;font-size:12px}form{display:flex;flex-direction:column;gap:0}label{font-size:12px;margin:0 0 8px;color:#aaa}textarea,input{width:100%;border:1px solid #444;background:#000;color:#fff;border-radius:0;padding:11px 12px;font:inherit;outline:none}textarea{resize:vertical;margin-bottom:22px}input{height:42px;margin-bottom:22px}textarea:focus,input:focus{border-color:#fff}.answers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.answers-head label{margin:0}.answers-head button,.remove{border:0;background:none;color:#aaa;padding:4px 0;cursor:pointer;font:inherit;font-size:12px}.answers-head button:hover,.remove:hover{color:#fff}.answer-row{display:grid;grid-template-columns:32px 1fr 54px;gap:8px;align-items:center;margin-bottom:8px}.answer-row span{color:#666;font-size:12px}.answer-row input{margin:0}.remove{text-align:right}.submit{margin-top:16px;height:44px;border:1px solid #fff;background:#fff;color:#000;font-weight:600;cursor:pointer}.submit:hover{background:#ddd}.submit:disabled{opacity:.5;cursor:wait}.samples{margin-top:28px;padding-top:20px;border-top:1px solid #222}.samples>label{display:block}.samples div{display:flex;flex-wrap:wrap;gap:8px}.samples button{background:#000;color:#aaa;border:1px solid #444;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}.samples button:hover{color:#fff;border-color:#fff}.output{border-top:1px solid #333;margin-top:36px;padding-top:20px}.output-head{display:flex;justify-content:space-between;margin-bottom:18px}.notice,.error{border:1px solid #555;padding:11px 12px;margin-bottom:14px;color:#aaa;font-size:12px}.error{border-color:#fff;color:#fff;margin-top:24px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:16px;padding:11px 0;border-bottom:1px solid #222}.result-row:first-child{font-weight:600}.result-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}.bar{grid-column:1/-1;height:2px;background:#222;margin-top:-5px}.bar i{display:block;height:100%;background:#fff}.hidden{display:none!important}@media(max-width:520px){main{margin-top:24px}.answer-row{grid-template-columns:24px 1fr 48px}}