.write-status{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid #42737a;border-radius:14px;scroll-margin:20px}
.write-status[hidden]{display:none}
.write-status strong{display:block;font-size:19px;line-height:1.3;color:inherit}
.write-status p{margin:8px 0 0;font-size:14px;line-height:1.6;color:inherit}
.status-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border:2px solid currentColor;border-radius:50%;font-size:25px;line-height:1;font-weight:800}
.write-status[data-kind="waiting"]{background:#382b1c;border-color:#ff9c4d;color:#ffd5ad}
.write-status[data-kind="waiting"] .status-icon{animation:nfc-pulse 1.4s ease-in-out infinite}
.write-status[data-kind="success"]{background:#153829;border-color:#58d59c;color:#b8f5d6}
.write-status[data-kind="error"]{background:#3c2520;border-color:#e89678;color:#ffcfbd}
.write-status[data-kind="cancelled"]{background:#252b31;border-color:#697783;color:#dbe4eb}
#cancel-button{width:100%;margin-top:12px}
fieldset:disabled .primary{opacity:1;background:#3c454b;color:#e3e9ec;cursor:wait}
@keyframes nfc-pulse{50%{box-shadow:0 0 0 7px #ff9c4d22;opacity:.65}}
@media(prefers-reduced-motion:reduce){.write-status[data-kind="waiting"] .status-icon{animation:none}}
@media(max-width:370px){.write-status{padding:16px;gap:10px}.write-status strong{font-size:17px}}