.q-wrap{max-width:860px;margin:0 auto;padding:32px 20px 64px;line-height:1.6}
.q-wrap h1{font-size:2.2rem;margin:.2em 0}
.q-card{border:1px solid rgba(120,200,255,.25);border-radius:14px;padding:18px 20px;margin:16px 0;background:rgba(10,20,40,.55)}
.q-pts{float:right;font-weight:700;color:#5fe3ff}
.q-note{font-size:.9rem;opacity:.85}
table.q-lb{width:100%;border-collapse:collapse}table.q-lb td,table.q-lb th{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
.q-form input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(120,200,255,.35);background:rgba(0,0,0,.35);color:#fff;font:inherit;margin:4px 0 10px}
.q-btn{display:inline-block;padding:10px 16px;border-radius:10px;border:0;background:linear-gradient(90deg,#00d2ff,#7a5cff);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;margin:4px 6px 4px 0}
.q-btn.alt{background:rgba(255,255,255,.12)}.q-btn[disabled]{opacity:.5;cursor:default}
.q-done{color:#3ee08f;font-weight:700}.q-todo{color:#ffcf5c;font-weight:700}
.q-msg{min-height:1.4em;color:#ffcf5c}.q-hide{display:none}
.q-badge{display:inline-block;padding:2px 8px;margin:2px;border-radius:999px;background:rgba(122,92,255,.35);font-size:.85rem}
.q-ref{word-break:break-all;font-family:monospace;background:rgba(0,0,0,.35);padding:8px;border-radius:8px}
.q-big{font-size:1.6rem;font-weight:800;color:#5fe3ff}

.q-hide{display:none!important}
.q-card h2{margin-top:0}