.portfolio-view,#spot-view{--portfolio-slice-1:#f4f4f4;--portfolio-slice-2:#b6c1d6;--portfolio-slice-3:#8795ac;--portfolio-slice-4:#636d80;--portfolio-slice-5:#535768;--portfolio-slice-6:#363e4c;max-width:1340px;margin-inline:auto}.portfolio-view svg,#spot-view svg,.portfolio-dialog svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.portfolio-heading-actions{display:flex;align-items:center;gap:17px}.portfolio-heading-actions .button{display:flex;gap:9px;align-items:center}.portfolio-heading-actions .icon-button{min-width:44px;min-height:44px}.portfolio-overview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;padding:28px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-summary>p{font-size:13px;color:var(--muted);margin-bottom:12px}.portfolio-total{font:500 clamp(34px,3.7vw,53px) Manrope,sans-serif;letter-spacing:-.035em;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.portfolio-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}.portfolio-metrics>div{display:flex;flex-direction:column;gap:11px;min-width:0}.portfolio-metrics span{font-size:11px;color:var(--muted)}.portfolio-metrics strong{font-size:20px;font-weight:450;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.portfolio-metrics small{font-size:10px;line-height:1.7;color:var(--muted);max-width:29ch}.portfolio-allocation{border-left:1px solid var(--line);padding-left:29px}.portfolio-allocation h2{font-size:14px;font-weight:500;margin:0 0 17px}.portfolio-allocation-body{display:flex;align-items:center;gap:20px}.portfolio-allocation-body>p{font-size:12px;color:var(--muted)}#spot-view svg.portfolio-donut{width:120px;height:120px;flex-shrink:0;stroke:none;overflow:visible}.portfolio-donut circle{transform:rotate(-90deg);transform-origin:64px 64px;stroke-linecap:butt}.portfolio-donut-count{font:500 23px Manrope,sans-serif;fill:var(--text);stroke:none;letter-spacing:-.02em}.portfolio-donut-label{font:9px Onest,sans-serif;fill:var(--muted);stroke:none}.portfolio-allocation ul{list-style:none;padding:0;display:grid;gap:13px;flex:1}.portfolio-allocation li{display:flex;align-items:center;gap:7px;font-size:10px;min-width:0}.portfolio-allocation li i{width:7px;height:7px;border-radius:2px;flex-shrink:0}.portfolio-allocation li>span{color:var(--neutral-c5,#c5c5c5);max-width:60px;overflow:hidden;text-overflow:ellipsis}.portfolio-allocation li b{font-variant-numeric:tabular-nums;font-weight:450;margin-left:auto;color:var(--muted);white-space:nowrap}.portfolio-allocation-note{font-size:10px;color:var(--muted);margin-top:16px}.portfolio-notice{font-size:12px;line-height:1.8;color:var(--muted);padding:17px 0;margin:0;border-bottom:1px solid var(--line)}.portfolio-holdings{margin-top:38px}.portfolio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.portfolio-section-heading h2{font:500 20px Manrope,sans-serif;letter-spacing:-.025em}.portfolio-section-heading .text-button{font-size:12px;min-height:40px}.portfolio-table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}.portfolio-table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--surface)}.portfolio-table th{font-size:11px;font-weight:400;color:var(--muted);text-align:right;padding:16px 19px;border-bottom:1px solid var(--line)}.portfolio-table th:first-child{text-align:left}.portfolio-table td{font-size:13px;line-height:1.5;text-align:right;padding:18px 19px;border-bottom:1px solid var(--line)}.portfolio-table tr:last-child td{border-bottom:none}.portfolio-table td:first-child{text-align:left}.portfolio-table td>small{display:block;font-size:10px;margin-top:5px}.portfolio-asset-button{display:flex;align-items:center;text-align:left;gap:11px;min-height:44px;max-width:240px;white-space:normal}.portfolio-asset-button>span{display:grid;gap:5px}.portfolio-asset-button strong{font-size:14px;font-weight:500;color:var(--text)}.portfolio-asset-button small{font-size:10px;color:var(--muted);line-height:1.5}.portfolio-coin{width:30px;height:30px;object-fit:contain;flex-shrink:0}.portfolio-coin-letter{display:grid;place-items:center;background:var(--neutral-22,#222);color:var(--neutral-cc,#ccc);border-radius:50%;font-size:10px;font-weight:500}.portfolio-source{font-size:10px;line-height:1.8;color:var(--muted);margin-top:14px;min-height:18px}.portfolio-source a{text-decoration:underline;text-underline-offset:3px}.portfolio-closed-empty{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portfolio-closed-empty h3{font-size:16px;font-weight:450;margin-bottom:9px}.portfolio-closed-empty p{font-size:12px;color:var(--muted);line-height:1.7}.portfolio-history{margin-top:43px;scroll-margin-top:22px}.portfolio-section-heading select{min-width:150px;max-width:260px;min-height:42px;font:12px Onest,sans-serif;padding:9px 13px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px}.portfolio-transactions{border-top:1px solid var(--line)}.portfolio-transaction{padding:21px 0 19px;border-bottom:1px solid var(--line)}.portfolio-tx-main{display:flex;align-items:center;gap:20px}.portfolio-tx-asset{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.portfolio-tx-asset strong{font-size:14px;font-weight:500;display:flex;align-items:center;gap:11px}.portfolio-type{font-size:10px;color:var(--muted);font-weight:400;white-space:nowrap}.portfolio-type.buy{color:var(--green)}.portfolio-type.sell{color:var(--red)}.portfolio-tx-asset time{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.portfolio-tx-numbers{text-align:right;display:flex;flex-direction:column;gap:7px;font-variant-numeric:tabular-nums}.portfolio-tx-numbers strong{font-size:14px;font-weight:450}.portfolio-tx-numbers>span{font-size:10px;color:var(--muted)}.portfolio-tx-details{display:flex;flex-wrap:wrap;gap:10px 23px;margin:15px 52px 0 42px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.portfolio-tx-details b{font-weight:450}.portfolio-tx-note{font-size:12px;line-height:1.8;color:var(--neutral-cc,#ccc);margin:13px 52px 0 42px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:77ch}.portfolio-menu{position:relative;flex-shrink:0}.portfolio-menu summary{min-width:35px;min-height:35px;list-style:none;cursor:pointer;display:grid;place-items:center;color:var(--muted);border-radius:5px}.portfolio-menu summary::-webkit-details-marker{display:none}.portfolio-menu summary:hover,.portfolio-menu[open] summary{background:var(--neutral-22,#222);color:var(--text)}.portfolio-menu>div{position:absolute;right:0;top:38px;min-width:170px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:5px;z-index:8}.portfolio-menu button{display:block;width:100%;text-align:left;font-size:12px;min-height:44px;padding:10px 13px;border-radius:4px}.portfolio-menu button:hover{background:var(--neutral-22,#222)}.portfolio-method{font-size:12px;color:var(--muted);line-height:1.9;margin-top:30px;max-width:84ch}.portfolio-method summary{cursor:pointer;min-height:40px;padding-block:8px}.portfolio-method p{margin:10px 0 0}.portfolio-private{font-size:11px;line-height:1.8;color:var(--muted);margin-top:24px;max-width:100ch}.portfolio-empty{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 20px;gap:18px}.portfolio-empty>svg{width:38px!important;height:38px!important;color:var(--muted);margin-bottom:5px}.portfolio-empty h2{font:500 29px Manrope,sans-serif;letter-spacing:-.03em;line-height:1.4;max-width:600px}.portfolio-empty p{font-size:14px;line-height:1.9;color:var(--muted);max-width:500px}.portfolio-empty .button{font-size:13px;margin-top:7px}.portfolio-empty-history{font-size:13px;padding:30px 0;color:var(--muted)}.portfolio-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:33px 35px 28px}.portfolio-dialog h2{font:500 28px Manrope,sans-serif;letter-spacing:-.03em;line-height:1.35;margin-right:20px}.portfolio-dialog-close{position:absolute;right:8px;top:8px;min-width:34px;min-height:34px}.portfolio-dialog-close svg{width:18px;height:18px}.portfolio-type-switch{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);margin:25px 0 24px}.portfolio-type-switch button{min-height:43px;padding:10px 12px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.portfolio-type-switch button.active{color:var(--text);border-bottom-color:var(--text)}.portfolio-dialog label{display:block;font-size:12px;color:var(--neutral-cc,#ccc);line-height:1.7;margin-top:17px}.portfolio-dialog label small{color:var(--muted);font-size:10px}.portfolio-dialog input,.portfolio-dialog select,.portfolio-dialog textarea{display:block;width:100%;font:400 14px Onest,sans-serif;line-height:1.65;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-height:45px;margin-top:7px;caret-color:var(--text)}.portfolio-dialog input::placeholder,.portfolio-dialog textarea::placeholder{color:var(--muted)}.portfolio-dialog textarea{resize:vertical;min-height:84px;max-height:200px}.portfolio-search-label>div{position:relative}.portfolio-search-label>div>svg{position:absolute;left:12px;top:13px;width:18px;height:18px;color:var(--muted)}.portfolio-search-label input{padding-left:39px}.portfolio-search-results{max-height:190px;overflow-y:auto;margin-top:8px;border-bottom:1px solid var(--line)}.portfolio-search-results:empty{border:0}.portfolio-search-results>button{display:flex;align-items:center;width:100%;text-align:left;gap:11px;padding:10px 11px;min-height:56px;border-radius:5px}.portfolio-search-results>button:hover,.portfolio-search-results>button:focus-visible{background:var(--neutral-22,#222)}.portfolio-search-results strong{font-size:12px;font-weight:500}.portfolio-search-results small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.portfolio-search-results code{margin-left:auto;font-family:Onest,sans-serif;font-size:9px;color:var(--muted);background:none}.portfolio-search-results>p{font-size:12px;color:var(--muted);padding:20px 10px}.portfolio-selected-asset{display:flex;align-items:center;gap:12px;margin:5px 0 21px;padding:0 0 20px;border-bottom:1px solid var(--line)}.portfolio-selected-asset>span{display:grid;gap:5px}.portfolio-selected-asset strong{font-size:16px;font-weight:500}.portfolio-selected-asset small{font-size:11px;color:var(--muted)}.portfolio-selected-asset code{font-family:Onest,sans-serif;font-size:9px;background:none;color:var(--muted);padding:0}.portfolio-selected-asset .text-button{font-size:11px;margin-left:auto;min-height:40px}.portfolio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.portfolio-form-grid label{margin-top:0}.portfolio-form-grid label>small{display:block;font-size:9px;margin-top:5px}.portfolio-form-hint{font-size:11px;line-height:1.75;color:var(--muted);margin:14px 0 0}.portfolio-form-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.portfolio-form-total strong{font-size:18px;font-weight:450;color:var(--text);font-variant-numeric:tabular-nums}.portfolio-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.portfolio-form-actions .button{min-height:44px;font-size:12px;padding-inline:20px}.portfolio-form-error{font-size:12px;line-height:1.75;color:var(--red);margin-top:17px}.portfolio-form-error:empty{display:none}.portfolio-delete-copy{font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0 27px}.portfolio-dialog [disabled],#spot-view [disabled]{opacity:.5;cursor:wait}.portfolio-dialog :is(input,select,textarea,button):focus-visible,#spot-view :is(button,summary,select):focus-visible{outline:2px solid var(--text);outline-offset:3px}
:root[data-theme="light"] #spot-view{--portfolio-slice-1:#202734;--portfolio-slice-2:#546078;--portfolio-slice-3:#7b8ba5;--portfolio-slice-4:#a1adbf;--portfolio-slice-5:#bdc6d2;--portfolio-slice-6:#d8dce2}
@media(max-width:1080px){.portfolio-overview{gap:28px;grid-template-columns:minmax(0,1fr) 270px}.portfolio-allocation{padding-left:22px}.portfolio-allocation-body{gap:13px}#spot-view svg.portfolio-donut{width:104px;height:104px}.portfolio-metrics{gap:18px}.portfolio-metrics strong{font-size:18px}.portfolio-table{min-width:800px}.portfolio-table td,.portfolio-table th{padding-inline:15px}}
@media(max-width:760px){.portfolio-heading-actions{margin-top:20px;justify-content:space-between}.portfolio-heading-actions .button{font-size:12px}.portfolio-overview{grid-template-columns:1fr;gap:27px;padding-top:24px}.portfolio-allocation{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:23px}.portfolio-allocation-body{gap:27px;justify-content:flex-start}#spot-view svg.portfolio-donut{width:112px;height:112px}.portfolio-allocation ul{max-width:260px;grid-template-columns:1fr 1fr;gap:14px 26px}.portfolio-allocation li{font-size:10px}.portfolio-metrics{gap:18px}.portfolio-metrics small{font-size:9px}.portfolio-metrics span{font-size:10px}.portfolio-total{font-size:40px}.portfolio-history{margin-top:32px}.portfolio-section-heading h2{font-size:18px}.portfolio-section-heading select{min-width:120px;max-width:190px;font-size:11px}.portfolio-tx-main{gap:12px}.portfolio-tx-asset{gap:10px}.portfolio-tx-asset strong{font-size:13px;flex-wrap:wrap;gap:6px}.portfolio-tx-numbers strong{font-size:13px}.portfolio-tx-numbers>span{font-size:9px;max-width:140px;line-height:1.7}.portfolio-tx-details{margin-left:40px;margin-right:0;gap:9px 15px}.portfolio-tx-note{margin-left:40px;margin-right:0;font-size:11px}.portfolio-source{font-size:9px}.portfolio-empty h2{font-size:25px}.portfolio-empty p{font-size:13px}.portfolio-dialog{padding:30px 23px 23px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.portfolio-dialog h2{font-size:25px}.portfolio-form-grid{gap:16px 13px}.portfolio-dialog label{font-size:11px}.portfolio-dialog input{font-size:13px}.portfolio-type-switch{gap:0}.portfolio-type-switch button{font-size:11px;padding:10px 9px}.portfolio-form-actions{gap:10px}.portfolio-form-actions .button{flex:1;padding-inline:10px;line-height:1.5}.portfolio-selected-asset .text-button{font-size:10px}.portfolio-form-total strong{font-size:16px}}
@media(max-width:400px){.portfolio-total{font-size:35px}.portfolio-metrics{grid-template-columns:1fr 1fr;gap:22px 20px}.portfolio-metrics>div:last-child{grid-column:1/-1}.portfolio-metrics strong{font-size:18px}.portfolio-metrics small{max-width:35ch}.portfolio-allocation ul{gap:12px 16px}.portfolio-tx-main{gap:7px}.portfolio-tx-asset .portfolio-coin{width:25px;height:25px}.portfolio-tx-details,.portfolio-tx-note{margin-left:35px}.portfolio-section-heading{gap:12px}.portfolio-section-heading h2{font-size:16px}.portfolio-section-heading select{max-width:160px}.portfolio-form-grid{grid-template-columns:1fr}.portfolio-search-results code{font-size:8px}.portfolio-dialog .portfolio-type-switch button{font-size:10px;padding-inline:7px}}

.portfolio-scroll-hint{display:none}.portfolio-quote-note{color:var(--muted)}.portfolio-table-wrap:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:599px){.portfolio-scroll-hint{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin:-3px 0 12px;max-width:42ch}}

/* Compact source selection and read-only public wallets. */
.portfolio-dialog .portfolio-operation-title{display:flex;align-items:center;gap:12px;font-size:28px}.portfolio-operation-title svg{width:27px;height:27px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wallet-dialog{width:min(440px,calc(100vw - 24px));padding:28px;max-height:calc(100dvh - 32px);overflow:auto}.wallet-dialog h2{display:flex;align-items:center;gap:10px;font-size:24px;padding-right:20px;margin-bottom:18px}.wallet-dialog svg,.wallet-panel svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wallet-dialog>p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:20px}.wallet-methods{display:grid;gap:4px}.wallet-methods button{display:flex;gap:14px;align-items:center;text-align:left;padding:18px 4px;min-height:76px}.wallet-methods button:hover{background:var(--line)}.wallet-methods button>span:first-of-type{flex:1}.wallet-methods strong{font-size:15px;font-weight:500}.wallet-methods small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.wallet-dialog form{display:grid;gap:16px}.wallet-dialog label{display:grid;gap:7px;font-size:13px}.wallet-dialog input,.wallet-dialog select{width:100%;padding:11px 12px;min-height:42px;font-size:14px}.wallet-note{font-size:12px;line-height:1.6;color:var(--muted)}.wallet-error{font-size:13px;color:var(--red);line-height:1.6}.wallet-error:empty{display:none}.wallet-panel{margin:10px 0 30px;padding:20px 0;border-bottom:1px solid var(--line)}.wallet-heading,.wallet-row header{display:flex;justify-content:space-between;align-items:center;gap:14px}.wallet-heading{margin-bottom:12px}.wallet-heading h2{display:flex;align-items:center;gap:9px;font-size:18px}.wallet-heading button,.wallet-row button,.wallet-error button{font-size:12px;min-height:36px;text-decoration:underline;text-underline-offset:3px}.wallet-row{padding:18px 0}.wallet-row+article{border-top:1px solid var(--line)}.wallet-row header>div{min-width:0}.wallet-row header>div:last-child{display:flex;gap:15px;flex-shrink:0}.wallet-row strong{font-size:14px;font-weight:500}.wallet-row small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.wallet-row>.wallet-note{margin-top:8px}.wallet-tokens{margin:12px 0}.wallet-tokens>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:13px}.wallet-tokens>div>span{min-width:0;overflow-wrap:anywhere}.wallet-tokens>div>span:last-child{text-align:right}.wallet-dialog button:focus-visible,.wallet-panel button:focus-visible{outline:2px solid var(--text);outline-offset:3px}
@media(max-width:600px){.wallet-dialog{padding:24px 18px}.portfolio-dialog .portfolio-operation-title{font-size:23px;gap:9px}.portfolio-operation-title svg{width:23px;height:23px}.wallet-row header{align-items:flex-start;flex-direction:column}.wallet-heading h2{font-size:16px}}
.wallet-dialog :is(input,select){border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}.wallet-dialog :is(input,select):focus-visible{outline:2px solid var(--text);outline-offset:2px}