/* 0.22 / quieter interiors, recorded samples and a restrained finish for figures. */
dialog.category-panel{background:radial-gradient(ellipse at 94% 4%,#e6b76e07,transparent 45%),#141612;scrollbar-gutter:stable;scroll-padding-block:24px}
.room-content{--room-line:#dcc6a121;--room-soft:#aba894;position:relative}
.room-breadcrumb{margin-bottom:24px}
.room-nav{gap:3px;border-color:var(--room-line);background:#090c0866;margin-bottom:30px;box-shadow:inset 0 1px #fff2}
.room-nav>button{font-weight:450;transition:color .2s,background .28s,border-color .28s,box-shadow .28s}
.room-nav>button[aria-pressed=true]{border-color:#e8bd7b38;background:#edba6a0e;box-shadow:0 2px 8px #0002,inset 0 1px #ffd8a50c}
.room-title{align-items:flex-start;isolation:isolate}
.room-title:after{position:absolute;left:0;bottom:0;margin:0;width:64px;background:linear-gradient(90deg,#e7bc7980,#e7bc7900)}
.room-title h2{font-size:clamp(34px,3.4vw,44px);font-weight:450;line-height:1.15;margin:12px 0 22px;letter-spacing:-.06em}
.room-title .eyebrow{font-size:9px;letter-spacing:1.2px;line-height:1.5;color:#a5a48f;max-width:35ch}
.room-emblem{position:relative;flex:none;width:57px;height:57px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:linear-gradient(140deg,#e6b77907,transparent);border:1px solid #e6b7792a;border-radius:12px;margin:0 0 0 12px;color:#e6bd84}
.room-emblem:before,.room-emblem:after{content:'';position:absolute;pointer-events:none;width:7px;height:7px;border-color:#e6bd8480;border-style:solid}
.room-emblem:before{left:-1px;top:-1px;border-width:1px 0 0 1px;border-radius:8px 0 0}
.room-emblem:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0;border-radius:0 0 8px}
.room-emblem>svg{width:23px;height:23px;stroke-width:1.2}
.room-emblem>small{font:7px var(--mono);letter-spacing:1.6px;color:#b89e76}
.account-scope{margin:20px 0 0;gap:14px;align-items:center}
.account-scope>span{font-size:11px;color:var(--room-soft)}
.account-trigger{background:#c7b68905;min-height:44px;border-color:#d3bd8f28;box-shadow:inset 0 1px #e0ca9305;min-width:218px;max-width:calc(100% - 66px)}
.account-trigger:hover{background:#e0b7740c}.account-trigger>span{line-height:1.5}
.room-scope-note{margin-top:19px;font-size:11px;line-height:1.5;color:var(--room-soft)}
.room-balance-block{padding:29px 0 0;min-width:0}
.room-balance-caption{display:block;font:9px var(--mono);letter-spacing:1px;color:#949984}
.room-balance{font-size:clamp(38px,4.1vw,57px);line-height:1.2;letter-spacing:-.055em;margin:9px 0 12px;font-weight:440}
.animated-amount{display:inline-grid;vertical-align:baseline;white-space:nowrap;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums}
.animated-amount>.amount-final,.animated-amount>.amount-visual{grid-area:1/1;font:inherit;letter-spacing:inherit;align-self:baseline;white-space:inherit}
.animated-amount>.amount-final{opacity:0;pointer-events:none;user-select:none}
.animated-amount>.amount-visual{color:inherit}
.room-result{align-items:baseline;line-height:1.5;gap:12px;flex-wrap:wrap}
.room-result>span{display:inline-flex;align-items:baseline;gap:11px;flex-wrap:wrap}
.room-result b{margin-left:0;font-size:11px;color:inherit}
.room-result small{font-size:10px;color:#9ca18b}
.room-chart-toolbar{margin-top:32px;gap:12px;align-items:center;color:#b4b29f}
.room-chart-toolbar>span{font-size:11px;letter-spacing:.1px}
.room-chart-toolbar .segmented{padding:3px;border-color:var(--room-line);border-radius:7px;background:#10120e}
.room-chart-toolbar .segmented button{min-height:32px;padding:5px 12px;border-radius:4px;font-size:10px}
.room-chart-toolbar .segmented button[aria-pressed=true]{background:#e8be7815;color:#edc78d;box-shadow:0 1px 5px #0003}
.room-chart{margin:12px 0 29px;border:1px solid #dec9a212;border-radius:11px;padding:10px 14px 11px;background:linear-gradient(160deg,#ceae6903,transparent 75%)}
.chart-stage{aspect-ratio:600/190;margin:10px -3px 4px;touch-action:pan-y;cursor:crosshair}
.chart-stage .room-trace{stroke-width:1.7;filter:drop-shadow(0 2px 5px #e9a74418)}
.chart-stage>svg{overflow:visible}
.room-grid{stroke:#d6c7a918;stroke-dasharray:2 6}
.plot-point{height:44px;width:36px;cursor:crosshair}
.plot-point>span{height:5px;width:5px;border-color:#e5bc7c88;background:#171a12;transition:transform .18s,background .18s,box-shadow .25s}
.plot-point[aria-pressed=true]>span{background:#f2c583;border-color:#f2c583;box-shadow:0 0 0 4px #edb65d10,0 0 14px #edb65d25;transform:scale(1.12)}
.plot-point:focus-visible{outline:1px solid #edc78d;outline-offset:-4px;border-radius:7px}
.chart-guide{top:12px;bottom:2px;background:linear-gradient(#ffca8506,#ffca8538,#ffca8508);transition:left .14s cubic-bezier(.2,.8,.2,1)}
.chart-readout{padding-top:11px;gap:11px;font:10px var(--mono);border-color:#d6c7a91a;min-height:36px}
.chart-readout strong{font:500 12px Geist,sans-serif;letter-spacing:-.2px;color:#e9ddc6}
.chart-sample-date{color:#c0b49b}.chart-sample-note{font:9px var(--mono);color:#919782}
.room-chart[data-inspecting=true] .chart-readout strong{color:#f2c583}
.room-chart-axis{font:8px var(--mono);color:#989b85;margin:10px 0 0;gap:12px;line-height:1.5}
.chart-method{display:flex;align-items:center;gap:5px;margin-top:13px;padding-top:10px;border-top:1px solid #d6c7a90d;font:8px/1.5 var(--mono);color:#919680}
.chart-method>span:last-child{margin-left:auto;color:#a49d84;text-align:right}
.chart-method-dot{display:inline-block;height:4px;width:4px;border:1px solid #c6aa7a;border-radius:50%;flex:none}
.room-chart.concealed{height:178px;display:flex;align-items:center;justify-content:center;gap:9px;color:#a3a88f;font:11px Geist,sans-serif}
.room-chart.concealed>svg{width:15px;height:15px;opacity:.65}
.room-detail-header{padding-top:3px;gap:10px;margin-bottom:9px}
.room-detail-header h3{font-size:13px;letter-spacing:.1px;color:#d6d8c5}
.room-detail-header .text-button{color:#bcaf91;font-size:10px;min-height:36px}
.detail-switch{border:1px solid #d6c7a91c;border-radius:6px;padding:2px;gap:2px}
.detail-switch button{font-size:9px;min-height:29px;padding:5px 9px;border-radius:3px}
.room-list{border-top:1px solid #d6c7a910}
.room-account,.asset-row{padding:18px 1px;border-color:#d6c7a917;gap:13px}
.room-account{position:relative;transition:background .25s,padding .25s,border-color .25s}
.room-account:hover{background:#d7b36f05;padding-inline:7px;border-color:#d6c7a929}
.room-account>svg{transition:transform .25s,color .25s;color:#a49677}
.room-account:hover>svg{transform:translateX(3px);color:#e4bb7d}
.room-account strong,.asset-row strong{font-size:13px;font-weight:450;line-height:1.3}
.room-account small,.asset-row small{font-size:10px;line-height:1.5;color:#949984}
.room-account .row-amount{flex-shrink:0}.row-amount strong{font-variant-numeric:tabular-nums}
.provider-mark,.asset-mark{height:37px;width:37px;border-radius:9px;background:color-mix(in srgb,var(--accent,#d8ba85) 4%,transparent);border-color:color-mix(in srgb,var(--accent,#d8ba85) 18%,transparent)}
.asset-labels{font-size:9px;color:#9b9e88;padding-bottom:10px}
.native-summary{border-color:#d6c7a921}.native-summary>div{padding:17px 0;border-color:#d6c7a921;line-height:1.6;font-size:11px}.native-summary strong{font-size:13px;font-variant-numeric:tabular-nums}
.room-course{width:100%;background:#e7b56406;border-color:#dabb7829;border-radius:9px;text-align:left;transition:background .25s,border-color .25s}
.room-course:hover{background:#e7b5640b;border-color:#dabb7845}.room-course strong{font-size:12px}.room-course small{font-size:10px;color:#a8997a;line-height:1.5}.room-course>span>svg{color:#d8b786}
.room-data-note{color:#979d86!important;font-size:10px!important;line-height:1.75!important;margin-top:23px!important}
.connections-content .provider-directory{margin-top:7px}.connections-content .room-intro{max-width:42ch}
@media(max-width:760px){
 dialog.category-panel{padding:24px 20px 28px;scrollbar-gutter:auto}
 .room-nav{margin-bottom:26px}.room-nav>button{font-size:9px;padding-inline:5px;min-height:40px}
 .room-title h2{font-size:35px;letter-spacing:-.055em;margin-bottom:23px}.room-title .eyebrow{font-size:8px;letter-spacing:.9px;max-width:30ch}
 .room-emblem{height:49px;width:49px;border-radius:10px;margin-left:8px}.room-emblem>svg{width:21px;height:21px}.room-emblem>small{font-size:6px}
 .account-scope{margin-top:18px;gap:12px}.account-scope>span{font-size:10px}.account-trigger{font-size:11px;min-width:0;flex:1;max-width:calc(100% - 60px);gap:8px;padding-inline:10px}.account-trigger>i{width:23px;height:23px}
 .room-balance-block{padding-top:27px}.room-balance-caption{font-size:8px}.room-balance{font-size:clamp(32px,10.4vw,46px);margin-bottom:10px;letter-spacing:-.05em}
 .room-result{gap:8px;font-size:12px}.room-result>span{gap:9px}.room-result b{font-size:10px}.room-result small{font-size:9px}
 .room-chart-toolbar{margin-top:26px}.room-chart-toolbar>span{font-size:10px}.room-chart-toolbar .segmented button{font-size:9px;padding-inline:10px}
 .room-chart{padding:7px 10px 10px;margin-bottom:25px}.chart-stage{margin-top:14px;aspect-ratio:600/190}.plot-point{width:35px;height:44px}.chart-readout{gap:8px;font-size:9px}.chart-readout strong{font-size:11px}.chart-sample-note{font-size:7px}.room-chart-axis{font-size:7px}.chart-method{font-size:7px;gap:4px}
 .room-account,.asset-row{gap:10px;padding-block:17px}.room-account strong,.asset-row strong{font-size:12px}.room-account small,.asset-row small{font-size:9px}.provider-mark,.asset-mark{height:32px;width:32px;font-size:10px}.room-account>svg{width:11px}.room-detail-header h3{font-size:12px}
 .native-summary strong{font-size:12px}.native-summary>div{font-size:10px}.room-data-note{font-size:9px!important}.room-note{font-size:10px!important}
}
@media(max-width:360px){
 dialog.category-panel{padding-inline:15px}.room-nav>button{font-size:8px;padding-inline:4px}.room-title h2{font-size:31px}.room-balance{font-size:35px}.room-result{font-size:11px}.room-result b{font-size:9px}.room-result small{font-size:8px}
 .room-account strong,.asset-row strong{font-size:11px}.room-account small,.asset-row small{font-size:8px}.room-account,.asset-row{gap:8px}.row-amount small b{font-size:8px}.chart-method>span:last-child{max-width:90px}.chart-sample-note{font-size:6px}
}
@media(prefers-reduced-motion:reduce){.room-content *,.room-content *:before,.room-content *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.room-account:hover>svg{transform:none}}
html[data-interface-motion=off] .room-content *,html[data-interface-motion=off] .room-content *:before,html[data-interface-motion=off] .room-content *:after{animation:none!important;transition:none!important}

/* Category filters keep their map and navigation mounted. Only the chosen line draws. */
.account-network{height:221px;min-height:221px}
.account-network>svg{height:200px;inset:0;width:100%}
.account-network .network-sources{top:0}
.account-network .network-node{min-height:64px;transition:background .28s,border-color .28s,color .28s,box-shadow .28s}
.account-network .network-node.current{box-shadow:0 0 23px #ffbd690a}
.account-network .network-center{top:144px}
.account-network [data-branch]{opacity:0;transition:opacity .22s ease}
.account-network [data-branch][data-active=true]{opacity:1}
.account-network .network-draw{animation:none;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.22,.7,.3,1);opacity:.72}
.account-network [data-active=true] .network-draw{stroke-dashoffset:0}
.provider-directory{overflow-anchor:none}
.connections-content .room-nav button{transition:background .25s,color .25s,border-color .25s}
html[data-interface-motion=off] .account-network *,html[data-page-hidden=true] .account-network *{transition:none!important}
@media(prefers-reduced-motion:reduce){.account-network *{transition:none!important}}
