#clk{font:700 22px ui-monospace,monospace;color:var(--g)}
button,select,input[type=file]{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid var(--ln);background:var(--c);color:var(--t)}

button{cursor:pointer}
button.p{background:var(--g);border-color:var(--g);color:#10200a;font-weight:700}
button:disabled{opacity:.4}

.pill{display:inline-block;background:var(--bg);border:1px solid var(--ln);border-radius:12px;padding:2px 9px;margin:2px;font-size:12px}

.k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.k div{background:var(--bg);border-radius:6px;padding:6px;text-align:center}
.k b{display:block;font-size:18px;color:var(--g)}
.k small{color:var(--m)}
table{border-collapse:collapse;width:100%}
td,th{padding:3px 6px;text-align:left;border-bottom:1px solid var(--ln);white-space:nowrap}
tr.on{background:rgba(120,190,32,.25)}
tbody tr{cursor:pointer}

.al{color:var(--r)}
.wr{color:var(--y)}
#lg{max-height:170px;overflow:auto;font-size:12px;color:var(--m)}
label{display:block;margin:10px 0 3px;color:var(--m)}
input[type=text],input[type=number]{font:inherit;padding:5px 8px;border:1px solid var(--ln);border-radius:6px;background:var(--c);color:var(--t);width:100%}
.sat{color:var(--r);font-weight:700}
.u{--sc:#78BE20;border:1px solid var(--ln);border-left:6px solid var(--sc);border-radius:8px;padding:6px 8px;cursor:pointer;background:var(--bg);font-size:12px}
.u b{font-size:15px}
.u small{display:block;color:var(--m);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u.on{outline:2px solid var(--g)}
.bar{height:6px;background:var(--ln);border-radius:3px;overflow:hidden;margin:4px 0}
.bar i{display:block;height:100%;background:var(--sc)}

.ch{display:inline-block;border:1px solid var(--ln);border-radius:12px;padding:2px 9px;margin:2px;background:var(--bg)}
.ch b{font-size:15px}
.lg{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--m);margin-top:6px}
.ai{padding:5px 8px;border-radius:6px;margin:3px 0;border-left:5px solid}
.ar{border-color:var(--r);background:rgba(217,48,37,.12)}
.ay{border-color:#e8a900;background:rgba(232,169,0,.14)}
#clk{font-size:30px}
.bg{padding:16px 6px;font-size:15px;font-weight:700;border:0;border-radius:10px;color:#fff}
.b1{background:#2e7d32}
.b2{background:#2b7de9}
.b3{background:#7a8076}
.b4{background:#c0392b}
#nt{grid-column:1/-1;position:sticky;top:0;z-index:5;display:grid;gap:6px}
.ap{margin:0;border-color:#8e44ad;background:linear-gradient(rgba(142,68,173,.16),rgba(142,68,173,.16)),var(--c)}
.ag{border-color:var(--g);background:rgba(120,190,32,.12)}
50%{opacity:.55}
.bl{animation:bl 1s infinite}
.ic{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}.logo{height:52px;display:flex;align-items:center}.logo img{height:100%;width:auto;max-width:260px;object-fit:contain}.logo.empty{width:170px;border:1px dashed rgba(255,255,255,.3);border-radius:6px}
.dif{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dif button.on{background:var(--g);border-color:var(--g);color:#10200a;font-weight:700}
#ts{position:fixed;top:8px;right:8px;z-index:20;display:grid;gap:6px;max-width:330px}#ts .ai{background:var(--c);margin:0;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.res{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.resimg{width:220px;aspect-ratio:1;border:2px dashed var(--ln);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.resimg img{max-width:100%;max-height:100%;object-fit:contain}.pct{font-size:44px;font-weight:700;color:var(--g)}.rate{font-size:22px;font-weight:700}.r-mala{color:#d93025}.r-casi-buena{color:#e8a900}.r-buena{color:#2b7de9}.r-fantastico{color:var(--g)}