/* Interaction styles layered over the reference's exact presentation tokens. */
[hidden] { display: none !important; }
button, a { -webkit-tap-highlight-color: transparent; }
button:not(:disabled) { cursor: pointer; }
input[aria-hidden="true"] { opacity: 0 !important; }
.clone-modal { width:min(420px,calc(100% - 32px)); padding:28px; border:1px solid #292929; border-radius:24px; background:#111; color:#fafafa; box-shadow:0 25px 100px #0009; margin:auto; }
.clone-modal::backdrop { background:#000a; backdrop-filter:blur(7px); }
.clone-modal h2 { font-size:22px; font-weight:600; margin:0 30px 14px 0; }
.clone-modal p { color:#999; line-height:1.6; margin:10px 0 20px; }
.clone-modal .close { position:absolute; top:16px; right:20px; font-size:24px; color:#aaa; }
.clone-modal .primary { border-radius:999px; background:white; color:#111; padding:12px 18px; width:100%; font-weight:600; }
.clone-modal .provider { display:flex; justify-content:space-between; width:100%; padding:13px 16px; border:1px solid #333; border-radius:12px; margin:10px 0; text-align:left; }
.clone-modal .provider small { color:#888; }
.clone-notice { position:fixed; z-index:100; left:50%; bottom:32px; transform:translateX(-50%); border:1px solid #333; border-radius:14px; padding:13px 20px; background:#171717; color:#eee; max-width:calc(100% - 32px); box-shadow:0 10px 40px #0008; font-size:14px; }
.search-results { position:absolute; top:calc(100% + 10px); left:0; width:100%; max-height:420px; overflow:auto; background:#101010; border:1px solid #303030; border-radius:18px; padding:8px; box-shadow:0 20px 50px #000b; z-index:70; }
.search-results a { display:flex; align-items:center; gap:12px; border-radius:10px; padding:10px; }
.search-results a:hover,.search-results a:focus { background:#252525; }
.search-results img { width:36px; height:36px; border-radius:9px; object-fit:cover; }
.search-results small { display:block; color:#8d8d8d; font-size:12px; }
.search-results .empty { color:#999; padding:20px; text-align:center; }
.clone-active { background:white !important; color:#111 !important; }
.clone-page-button { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; width:26px; height:26px; }
.clone-page-button:hover { background:#272727; }
.clone-page-button:disabled { opacity:.3; cursor:default; }
.clone-chart { height:180px; width:100%; display:flex; align-items:end; gap:8px; padding:20px 0 25px; position:relative; }
.clone-chart button { flex:1; min-width:4px; border-radius:3px 3px 0 0; background:#d5d5d5; position:relative; }
.clone-chart button:hover { background:white; }
.clone-chart button span { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); font-size:10px; white-space:nowrap; color:#777; }
.clone-empty { padding:40px; text-align:center; color:#999; border:1px solid #252525; border-radius:16px; }
.clone-field { display:block; width:100%; padding:12px 14px; border:1px solid #303030; border-radius:12px; background:#151515; color:white; margin:8px 0 16px; }
.clone-docs { max-width:800px; margin:0 auto; }
.clone-docs h1 { font-size:32px; font-weight:600; margin-bottom:24px; }
.clone-docs h2 { font-size:21px; font-weight:600; margin:30px 0 10px; }
.clone-docs p { color:#a1a1a1; line-height:1.8; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.wallet-address { display:block; overflow-wrap:anywhere; padding:14px; background:#1b1b1b; border:1px solid #303030; border-radius:12px; font-size:14px; line-height:1.7; }
.wallet-option { align-items:center; gap:12px; }
.wallet-option span { flex:1; text-align:left; }
.wallet-option img { border-radius:7px; object-fit:contain; }
.wallet-dialog .wallet-error { color:#ffaaaa; }
.wallet-dialog .wallet-help { font-size:13px; margin-bottom:0; }
.wallet-dialog .wallet-network { font-size:14px; }
.wallet-dialog .wallet-empty { padding:14px; background:#1b1b1b; border-radius:12px; }
.wallet-dialog { max-height:calc(100dvh - 32px); overflow-y:auto; }
.wallet-dialog .wallet-section-label { font-size:10px; letter-spacing:.13em; color:#8e949f; margin:22px 0 8px; }
.wallet-dialog .wallet-intro { margin-bottom:18px; }
.wallet-dialog .wallet-option { min-height:58px; color:#f2f3f6; text-decoration:none; background:linear-gradient(110deg,#222429,#18191d); transition:border-color .2s,background .2s; }
.wallet-dialog .wallet-option:hover { border-color:#777f90; background:#292c33; }
.wallet-dialog .wallet-option:focus-visible,.wallet-refresh:focus-visible { outline:2px solid #c6d1e5; outline-offset:3px; }
.wallet-dialog .wallet-option small { white-space:nowrap; font-size:11px; }
.wallet-mark { display:grid; place-items:center; width:30px; height:30px; flex:none; border-radius:9px; font-size:15px; color:#d7dde7; background:#414755; }
.wallet-mark.metamask { background:#e8a36c; color:#432617; }
.wallet-mark.rabby { background:#aabafa; color:#293966; }
.wallet-mark.coinbase { background:#2460f5; color:white; }
.wallet-mark.phantom { background:#b8a4ef; color:#332653; }
.wallet-refresh { display:block; margin:18px auto 8px; padding:8px; color:#c0c7d4; font-size:12px; text-decoration:underline; text-underline-offset:4px; }