.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}
.plan{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.plan b{font-size:18px}.plan .price{font-size:26px;font-weight:700}.plan ul{margin:0;padding-left:18px;font-size:14px;color:var(--mut)}
.btn{display:inline-block;margin-top:auto;padding:8px 14px;border-radius:999px;background:var(--acc);color:#04121f;font-weight:600;text-decoration:none;border:0;cursor:pointer;font:600 14px system-ui,sans-serif}
.btn.ghost{background:transparent;color:var(--acc);border:1px solid var(--acc)}
pre{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto;font-size:13.5px;line-height:1.5}
#keys{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
#keys input{padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--fg);font:inherit}
.newkey{word-break:break-all;background:rgba(90,209,255,.12);border:1px dashed var(--acc);border-radius:8px;padding:10px;margin:8px 0}
.krow{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:8px 0;flex-wrap:wrap}.krow span{color:var(--mut);font-size:14px;flex:1}
.ds{columns:2;column-gap:28px;font-size:15px}.ds div{break-inside:avoid;margin:0 0 8px}.ds small{color:var(--mut)}
@media (max-width:640px){.ds{columns:1}}