[hidden]{display:none!important}
.apptabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 18px}
.apptabs button{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:8px 14px;border-radius:999px;font:600 14px var(--f-body);cursor:pointer}
.apptabs button small{font-size:11px;color:var(--auto);margin-left:2px}
.apptabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.apptabs button[aria-selected=true] small{color:var(--paper)}
.tabpanel{display:grid;gap:18px;min-width:0}
.appform{max-width:620px}
.txt{font:500 15.5px var(--f-body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%;min-width:0}
.txt:focus-visible{outline:2px solid var(--asal);outline-offset:1px}
.btn2{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 14px;border-radius:8px;font:600 14px var(--f-body);cursor:pointer;text-decoration:none}
.btn2:hover{border-color:var(--ink)}
.filebtn input{position:absolute;width:1px;height:1px;opacity:0}
.filebtn{position:relative}
.row-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pro-tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--auto-soft);color:var(--auto)}
.app-h3{margin:6px 0 0;font:800 18px var(--f-display)}
.muted-p{color:var(--muted);margin:0}
.ok-p{color:var(--good);font-weight:600;margin:0}
.tip{background:var(--asal-soft);border-radius:10px;padding:12px 14px;margin:0;max-width:70ch}
.b503020{display:grid;gap:10px;max-width:720px}
.brow{display:grid;grid-template-columns:minmax(120px,190px) 1fr 64px;gap:10px;align-items:center;font-size:14px}
.brow small{display:block;color:var(--muted);font-size:12px}
.brow .track{height:14px;background:var(--line);border-radius:7px;overflow:hidden}
.brow .track i{display:block;height:100%}
.brow b{font-family:var(--f-mono);font-weight:500;text-align:right}
.brow b.bad{color:#b42b2b}.brow b.ok{color:var(--good)}
td.pos{color:var(--good)}
.x{border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0 4px}
.x:hover{color:#b42b2b}
.lock{display:grid;gap:6px;justify-items:start;border:1px dashed var(--auto);background:var(--auto-soft);border-radius:10px;padding:14px 16px;max-width:720px}
.lock span{color:var(--ink);font-size:14.5px}
.verdict.v-ok{border-color:var(--good)}.verdict.v-ok .big{color:var(--good)}
.verdict.v-warn{border-color:#b26a00}.verdict.v-warn .big{color:#b26a00}
.verdict.v-bad{border-color:#b42b2b}.verdict.v-bad .big{color:#b42b2b}
@media (prefers-color-scheme:dark){.brow b.bad,.verdict.v-bad .big{color:#f07373}.verdict.v-warn .big{color:#f0a83a}}
.verdict .big{font-size:clamp(18px,2.6vw,22px)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;font-size:14px;z-index:9;max-width:calc(100% - 32px)}
.news{display:grid;gap:14px;max-width:820px}
.news article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 20px;gap:8px;max-width:none}
.news time{font-size:13px;color:var(--muted);font-family:var(--f-mono)}
.news h2{font-size:20px}
.news .src{font-size:13px;color:var(--muted)}
.home-app{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:var(--asal-soft);border:1px solid var(--line);border-radius:12px;padding:20px}
@media (max-width:640px){.home-app{grid-template-columns:1fr}}
.home-app h2{margin:0 0 4px}.home-app p{margin:0;max-width:62ch}
