.cp{gap:20px;max-width:820px;margin:0 auto;padding:24px 16px 64px;display:grid}.cp-back{font:600 12px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-decoration:none}.cp-back:hover{text-shadow:0 0 12px #19e6ffb3}.cp-title{flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;display:flex}.cp-title img{border-radius:50%;width:64px;height:64px;box-shadow:0 0 24px #19e6ff59}.cp-h h1{font:800 40px/1.05 var(--head);letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 10px #19e6ffb3,0 0 30px #19e6ff59;margin:6px 0}.cp-h h1 i{font:600 11px var(--head);letter-spacing:.1em;color:var(--mint);vertical-align:middle;text-shadow:none;background:#2dffa826;border-radius:6px;padding:4px 9px;font-style:normal}.cp-h p{opacity:.92;margin:0;font-size:17px}.cp-note,.cp-form,.cp-facts>div,.cp-stat>div,.cp-log{background:var(--panel);border:1px solid var(--line);border-radius:12px}.cp-note{padding:14px 20px 16px;font-size:15px;line-height:1.55}.cp-note.cyan{border-color:#19e6ff73}.cp-note.mag{border-color:#ff2fb899;box-shadow:0 0 22px #ff2fb81f}.cp-note b{font:700 12px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-right:6px}.cp-note.mag b{color:var(--mag-l)}.cp-facts{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cp-facts>div{color:var(--text);align-content:start;gap:6px;padding:14px 16px 16px;font-size:14px;line-height:1.5;display:grid}.cp-facts b{font:700 12px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}.cp-form{gap:14px;padding:20px;display:grid}.cp-form label{font:600 11px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);gap:6px;display:grid}.cp-form input:not([type=checkbox]){width:100%;min-width:0;height:46px;font:500 13px var(--mono);color:var(--text);border:1px solid var(--line);text-transform:none;letter-spacing:0;background:#030312e6;border-radius:10px;outline:none;padding:0 12px}.cp-form input:focus{border-color:var(--cyan);box-shadow:var(--glow-c)}.cp-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cp-row.two{grid-template-columns:220px 1fr;align-items:end}.cp-row.chk{grid-template-columns:1fr;gap:8px}.cp-row.chk label{font:400 15px var(--body);letter-spacing:0;text-transform:none;color:var(--text);align-items:center;gap:10px;display:flex}.cp-row.chk input{width:20px;height:20px;accent-color:var(--mag)}.cp-hint{color:var(--mute);margin:0;font-size:14px}.cp-btns{flex-wrap:wrap;gap:12px;display:flex}.cp-stat{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.cp-stat>div{gap:2px;min-width:0;padding:10px 14px 12px;display:grid}.cp-stat span{font:600 10px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.cp-stat b{font:700 16px var(--mono);text-overflow:ellipsis;white-space:nowrap;color:var(--cyan);overflow:hidden}.cp-log{min-height:220px;max-height:440px;font:500 13px/1.8 var(--mono);padding:14px 18px;overflow:auto}.cp-log div{word-break:break-word}.cp-log .t{font:500 12px var(--mono);color:var(--mute);margin-right:10px}.cp-log .ok{color:var(--mint)}.cp-log .bad{color:var(--mag-l)}.cp-log .dry{color:var(--cyan)}.cp-foot{color:var(--mute);margin:0;font-size:14px}@media (width<=640px){.cp-facts{grid-template-columns:1fr}.cp-row,.cp-stat{grid-template-columns:1fr 1fr}.cp-row.two{grid-template-columns:1fr}.cp-h h1{font-size:28px}.cp-title img{width:52px;height:52px}}.cp-log:empty:after{content:"the log writes itself here once you press start";color:var(--mute)}