@layer reset,base,layout,controls,ledger,responsive;
@layer layout{
  .wallet-sections{display:flex;flex-wrap:wrap;gap:0 28px;margin-block-start:18px}
  .wallet-sections a{display:inline-flex;align-items:center;min-block-size:44px;font-size:15px}
  #wallet-connection,#address-inspection,#wallet-history,#observation-title{scroll-margin-block-start:28px}
  .wallet-observation{border-block-start-color:#17191b}
  #observation-title{inline-size:fit-content}
  .observation-actions a{display:inline-flex;align-items:center;min-block-size:44px;font-size:14px}
}
@layer ledger{
  .wallet-summary{background:#fff;padding-inline:24px}
  .wallet-summary>div:first-child{border-block-start:0;align-items:baseline}
  #wallet-native-balance{font-size:26px;line-height:1.35;letter-spacing:-.015em}
}
@layer responsive{
  @media(max-width:700px){.wallet-summary{padding-inline:16px}.wallet-sections{gap:0 22px}.wallet-sections a{font-size:14px}#wallet-native-balance{font-size:24px}}
}
@layer reset{*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,dl,dd{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}a{color:inherit;text-underline-offset:5px}img{display:block;max-inline-size:100%}}
@layer base{body{background:#f5f6f3;color:#17191b;font:16px/1.65 DueframeSans,Arial,sans-serif}h1,h2,h3{font-family:DueframeSerif,Georgia,serif;font-weight:400;line-height:1.15;letter-spacing:-.018em}h1{font-size:42px}h2{font-size:29px}h3{font-size:25px}p{max-inline-size:76ch;text-wrap:pretty}.supporting{font-size:14px;color:#626565}.supporting+p{margin-block-start:12px}:focus-visible{outline:3px solid #b42e21;outline-offset:5px}::selection{background:#d33d2b;color:#fff}.full-address{overflow-wrap:anywhere}.workspace-width{inline-size:min(1120px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;inset:12px auto auto 16px;translate:0 -180%;padding:12px 18px;z-index:10;background:#17191b;color:#fff}.skip:focus{translate:0}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@layer layout{header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:24px;border-block-end:1px solid #d2d5d2}.brand{display:inline-flex;min-block-size:44px;align-items:center}.brand img{inline-size:170px;block-size:auto}header nav{display:flex;flex-wrap:wrap;gap:0 28px}header nav a{display:inline-flex;align-items:center;min-block-size:44px;font-size:14px;text-decoration:none}header nav a[aria-current=page]{text-decoration:underline}main{padding-block:48px 32px}.wallet-opening{margin-block-end:38px}.wallet-opening p{margin-block-start:18px;color:#626565}.wallet-connection,.address-inspection,.wallet-observation,.wallet-boundaries{border-block-start:1px solid #cbd0ca;padding-block:30px 34px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-block-end:22px}#connection-feedback,#connection-error{margin-block:14px 20px}#connection-error{color:#a72b20}#connection-error:empty,#address-feedback:empty,#wallet-action-feedback:empty{display:none}.wallet-connection>.supporting{margin-block-start:20px}.wallet-providers{display:flex;flex-wrap:wrap;gap:12px}.connection-actions,.observation-actions{display:flex;flex-wrap:wrap;gap:10px 26px;margin-block:18px}.address-inspection form{margin-block:20px}.address-inspection form>label{display:block;font-size:14px;margin-block-end:10px}.address-controls{display:flex;gap:14px}.address-controls input{flex:1;min-inline-size:0}#address-feedback,#wallet-action-feedback{font-size:14px;margin-block:12px}#observation-source{font-size:15px;color:#626565;margin-block-end:9px}#viewed-address{font-size:17px}#observation-feedback{margin-block:12px;font-size:15px}#wallet-copy-fallback{margin-block:15px}#wallet-copy-fallback label{display:block;font-size:14px;margin-block-end:8px}#wallet-copy-fallback input{inline-size:100%}.wallet-boundaries>p{margin-block:18px}.wallet-boundaries details{margin-block-start:24px;border-block-start:1px solid #d2d5d2;padding-block-start:16px}.wallet-boundaries summary{cursor:pointer;min-block-size:44px;display:flex;align-items:center;list-style:none}.wallet-boundaries summary::-webkit-details-marker{display:none}.wallet-boundaries summary::after{content:'';inline-size:12px;block-size:12px;margin-inline-start:auto;background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat,linear-gradient(currentColor,currentColor) center/1px 12px no-repeat}.wallet-boundaries details[open] summary::after{background:linear-gradient(currentColor,currentColor) center/12px 1px no-repeat}.wallet-boundaries details p{margin-block:16px;font-size:14px}footer{padding-block:26px 34px;border-block-start:1px solid #d2d5d2;display:flex;justify-content:space-between;gap:24px;font-size:14px}}
@layer controls{button{min-block-size:44px;border:1px solid #a5aaa5;border-radius:3px;padding:9px 17px;background:#fff;font-size:14px}button:hover:not(:disabled){background:#edf0ea;border-color:#626565}.wallet-providers button{min-inline-size:170px;min-block-size:50px;background:#17191b;color:#fff;border-color:#17191b;overflow-wrap:anywhere;max-inline-size:100%}.wallet-providers button:hover:not(:disabled){background:#35393b}.section-heading>button,.connection-actions button,.observation-actions button,#cancel-connection{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding-inline:0}.observation-actions a,.text-link{display:inline-flex;align-items:center;min-block-size:44px;font-size:14px}input,select{border:1px solid #a5aaa5;background:#fff;border-radius:2px;min-block-size:48px;padding:10px 12px;font-size:15px}select{inline-size:100%;appearance:none}.address-controls button{background:#17191b;color:#fff;border-color:#17191b}.address-controls button:hover:not(:disabled){background:#35393b}}
@layer ledger{.connection-ledger{margin-block-start:20px}.connection-ledger>div,.wallet-summary>div,.pool-access dl>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;border-block-start:1px solid #d2d5d2;padding-block:16px}.connection-ledger dt,.wallet-summary dt,.pool-access dt{font-size:14px;color:#626565}.connection-ledger dd,.wallet-summary dd,.pool-access dd{font-size:17px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.wallet-summary{margin-block:26px 38px}.token-ledger{padding-block:14px 30px}.token-ledger>.supporting{margin-block:16px 24px}.token-ledger ul{list-style:none;margin:0;padding:0}.token-ledger li{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.5fr) minmax(150px,.5fr);gap:30px;padding-block:22px;border-block-start:1px solid #d2d5d2}.token-identity strong{display:block;font-size:16px;font-weight:600}.token-identity a{display:inline-block;font-size:13px;line-height:1.55;overflow-wrap:anywhere;margin-block-start:7px}.token-reading dt{font-size:14px;color:#626565}.token-reading dd{font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-block-start:7px}.token-reading .unavailable{font-size:15px}.pool-access{padding-block:20px 10px;border-block-start:1px solid #cbd0ca}.pool-access>p{margin-block:16px;font-size:15px}.pool-access dl{margin-block:22px}.pool-access .full-address{font-size:14px}.pool-access .text-link{margin-block-start:4px}}
@layer responsive{@media(max-width:700px){.workspace-width{inline-size:calc(100% - 44px)}header{align-items:start;flex-direction:column;gap:10px;padding-block:18px 10px}.brand img{inline-size:150px}header nav{gap:0 23px}main{padding-block-start:32px}h1{font-size:36px}h2{font-size:27px}.wallet-opening{margin-block-end:30px}.wallet-opening p{font-size:15px}.section-heading{flex-wrap:wrap;gap:8px;margin-block-end:18px}.section-heading>button{min-block-size:44px}.wallet-providers{flex-direction:column}.wallet-providers button{inline-size:100%}.address-controls{flex-direction:column}.address-controls button{align-self:start}.connection-ledger>div,.wallet-summary>div,.pool-access dl>div{grid-template-columns:minmax(0,1fr);gap:7px}.connection-ledger dd,.wallet-summary dd,.pool-access dd{font-size:16px}.token-ledger li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.token-identity{grid-column:1/-1}.token-identity a{font-size:14px}.token-reading dd{font-size:18px}.observation-actions{gap:0 22px}#viewed-address{font-size:15px}footer{flex-direction:column;gap:10px}}}
