.b363,.b363 *{box-sizing:border-box}
.b363{--ink:#16324f;--mute:#5d7188;--line:#d8e1ea;--accent:#1f6fb5;--hi:#e6f2fb;--bg:#f4f7fa;max-width:34rem;margin:0 auto;color:var(--ink);font:1rem/1.5 system-ui,sans-serif}
.b363 .b363-h1{font-size:1.5rem;font-weight:600;margin:.5rem 0 .25rem}
.b363 .b363-h1 span{background:var(--accent);color:#fff;border-radius:.3rem;padding:0 .5rem;margin-right:.4rem}
.b363 .sub{color:var(--mute);font-size:.9rem;margin:0 0 1rem}
.b363 .card{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:1rem;margin-bottom:1rem}
.b363 label{display:block;font-size:.85rem;color:var(--mute);margin:.5rem 0 .2rem}
.b363 select,.b363 input{width:100%;font:inherit;padding:.6rem;border:1px solid var(--line);border-radius:.4rem;background:var(--bg);color:var(--ink)}
.b363 button{font:inherit;margin:.75rem 0 0;padding:.5rem .9rem;border:1px solid var(--line);border-radius:.4rem;background:none;color:var(--accent);cursor:pointer}
.b363 .row{display:flex;gap:.5rem}.b363 .row button{margin:0}
.b363 #b363-meta{font-size:.9rem;color:var(--mute);margin:0 0 .5rem}
.b363 ul{list-style:none;margin:0;padding:0}
.b363 li{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.6rem .5rem;border-bottom:1px solid var(--line);margin:0}
.b363 li:last-child{border:0}
.b363 li.next{background:var(--hi);border-radius:.4rem}
.b363 .t{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}
.b363 .d{color:var(--mute);font-size:.85rem;text-align:right}
.b363 .msg{color:var(--mute);padding:.5rem}
.b363 .b363-foot{font-size:.8rem;color:var(--mute)}