.modeswitch{display:flex;gap:8px;flex-wrap:wrap}
.mode{border:1px solid var(--line);border-radius:99px;padding:2px 12px;font-family:var(--mono);font-size:.85rem;cursor:pointer}
.mode.real{border-color:var(--teal)}.mode.practice{border-color:#b7791f}.mode.mainnet{border-color:#8b5fd6}
.mode.disabled{opacity:.5;cursor:not-allowed}
.netbanner{color:#fff;text-align:center;padding:6px;font-family:var(--mono);font-weight:700}
.netbanner.testnet{background:#0d6b63}.netbanner.mainnet{background:#6b3fb5}.netbanner.practice{background:#b7791f;color:#111}
label{display:block;margin:8px 0}input,textarea{width:100%;max-width:420px;background:#050708;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px}
input[type=radio],input[type=checkbox]{width:auto}
.netbanner{position:sticky;top:0;z-index:10}
.stamp{display:inline-block;border:3px solid #b7791f;color:#f6c25b;font:700 1.4rem var(--mono);padding:2px 12px;transform:rotate(-6deg);margin:8px 0}
#mn-status{color:#f6a6a6;font-weight:700}
[hidden]{display:none!important}
#out{white-space:pre-wrap;word-break:break-all}

.access-notice{margin:0;padding:8px 12px;background:rgba(0,10,0,.82);color:#e6f2ec;border-bottom:2px solid #3df58f;font-size:15px;line-height:1.4;text-align:center}
.access-notice{position:sticky;top:32px;z-index:9}
/* On-theme notices: dark translucent panels, glowing border + left accent, small heading. */
.access-notice{background:rgba(0,10,0,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e6f2ec;text-align:left;
 border:1px solid rgba(61,245,143,.45);border-left:5px solid #3df58f;box-shadow:0 0 10px rgba(61,245,143,.25);border-radius:0 0 8px 8px;
 padding:10px 16px;max-width:1100px;margin:0 auto 4px;font-size:15px}
.access-notice strong:first-child{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#3df58f;margin-bottom:2px}
.access-notice a{color:#7ff7c0}
#tamper-warning{border-color:rgba(255,184,77,.55);border-left-color:#ffb84d;box-shadow:0 0 10px rgba(255,184,77,.3)}
#tamper-warning strong:first-child{color:#ffc56b}
.stop-warning,[data-severity=stop]{background:rgba(40,0,0,.92);color:#fff;border:2px solid #ff4d4d;border-left:8px solid #ff4d4d;box-shadow:0 0 14px rgba(255,77,77,.55);padding:12px 16px;border-radius:8px;font-weight:700}
@media print{.access-notice,#tamper-warning{background:#fff!important;color:#000!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:#666!important}.access-notice strong:first-child{color:#000!important}}
/* Digital-vault styling (XRPL Will only): gunmetal edges, corner rivets, lock icon, seal badge, header dial. Decorative only. */
.vault-card{position:relative;background:linear-gradient(rgba(6,10,9,.86),rgba(6,10,9,.86)) padding-box,linear-gradient(135deg,#8a9599,#3a4246 30%,#9aa5a8 50%,#2f3639 70%,#7d888c) border-box;border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(61,245,143,.18),0 4px 18px rgba(0,0,0,.5)}
.vault-card::before,.vault-card::after{content:"";position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d5dcde,#596366 70%);box-shadow:0 1px 1px #000}
.vault-card::before{left:8px}.vault-card::after{right:8px}
.vault-card h2{padding-left:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233df58f' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3Ccircle cx='12' cy='16' r='1.5'/%3E%3C/svg%3E") no-repeat left center/20px 20px}
.seal-badge{display:inline-block;margin:8px 0 0;padding:4px 12px 4px 30px;border-radius:999px;font:600 13px var(--mono);letter-spacing:.04em;color:#dfffee;background:rgba(0,20,8,.9) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233df58f' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3Ccircle cx='12' cy='16' r='1.5'/%3E%3C/svg%3E") no-repeat 9px center/14px 14px;border:1px solid #3df58f;box-shadow:0 0 8px rgba(61,245,143,.35)}
nav .brand::after{content:"";display:inline-block;width:18px;height:18px;margin-left:10px;vertical-align:-3px;border-radius:50%;border:2px solid #7d888c;background:repeating-conic-gradient(#3a4246 0 10deg,#59636a 10deg 20deg);box-shadow:inset 0 0 0 4px #0b1210,0 0 6px rgba(61,245,143,.3)}
@media print{.vault-card{background:#fff!important;border:1px solid #999!important;box-shadow:none!important}.vault-card::before,.vault-card::after,nav .brand::after{display:none!important}.seal-badge{background:#fff!important;color:#000!important;box-shadow:none!important}}
/* Only the TESTNET bar is sticky; notices scroll with the page. */
.access-notice{position:static}
.review-box{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
#tx-json{background:#050708;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:13px;white-space:pre-wrap;word-break:break-all}
.stop-warning{font-size:1.05rem;margin:12px 0}.stop-warning::before{content:"\26D4  ";}
/* Native controls on the dark theme: visible calendar/dropdown icons, inputs always tappable above the backdrop. */
:root{color-scheme:dark}
input,select,textarea,button{position:relative;z-index:1;pointer-events:auto}
select{background:#050708;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px;font-size:16px}
input{font-size:16px}
input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer}
@media print{:root{color-scheme:light}}