@layer ui{
.cm{background:var(--k2);border:1px solid #ffffff1a;border-radius:var(--r);padding:1.4rem}
.cm h3{font:800 2rem var(--d);letter-spacing:-.045em;margin-bottom:1rem;display:flex;gap:.6rem;align-items:center}.cm h3 .pill{font-size:.7rem}
.cm form{display:grid;gap:.6rem;margin-bottom:1.2rem}
.cm input,.cm textarea{width:100%;background:#0F0D0B;border:1.5px solid #ffffff2a;border-radius:.9rem;padding:.8rem 1rem;resize:vertical;field-sizing:content;min-height:3rem}
.cm input:focus,.cm textarea:focus{outline:0;border-color:var(--o)}
.cm .fr{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;justify-content:space-between}
.cm .rx{display:flex;gap:.4rem}.cm .rx button{background:#ffffff12;border:1px solid #ffffff22;border-radius:99px;padding:.35rem .75rem;cursor:pointer;transition:.15s}.cm .rx button:hover,.cm .rx button.on{background:var(--o);color:var(--k);border-color:var(--o)}
.cm ul{list-style:none;padding:0;display:grid;gap:.7rem}.cm li{background:#ffffff0d;border-radius:1rem;padding:.9rem 1.1rem}.cm li b{font:800 1rem var(--d)}.cm li small{color:#bfae9d;margin-left:.5rem;font:500 .66rem var(--m);text-transform:uppercase}.cm li p{margin-top:.2rem}
.cm li button{float:right;background:none;border:0;color:#bfae9d;cursor:pointer;font-size:.8rem}
.cm .note{font-size:.78rem;color:#bfae9d;margin-top:.8rem}
.cm.light{background:#fff;color:var(--ink);border-color:#0001}.light .cm input,.light .cm textarea{background:var(--cream);border-color:#0002;color:var(--ink)}
}