@font-face{font-family:"ABC Social";src:url('/app-assets/fonts/abcsocial-book-webfont.401f6d96.woff2') format('woff2');font-weight:300 500;font-display:swap}@font-face{font-family:"ABC Social";src:url('/app-assets/fonts/abcsocial-bold-webfont.11bd9fdb.woff2') format('woff2');font-weight:600 900;font-display:swap}@font-face{font-family:Rhymes;src:url('/app-assets/fonts/rhymes_display_ultralight-webfont.552719a7.woff2') format('woff2');font-weight:200;font-display:swap}@font-face{font-family:Narrative;src:url('/app-assets/fonts/apk-narrative-regular-webfont.fa9ef0b3.woff2') format('woff2');font-display:swap}
:root{--cream:#f3f3e8;--raised:#ecebdd;--line:#d7d7ca;--ink:#1b1c1c;--muted:#797a70;--accent:#ff542e;--olive:#92905d;--plum:#4d3351;--pink:#e6bad1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 "ABC Social",sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:Rhymes,Georgia,serif;font-weight:200;letter-spacing:-1.25px}h1,h2{font-size:36px;line-height:40px}.app-header{height:67px;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{height:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between;margin:auto}.app-header.narrow .header-inner{max-width:1056px}.brand{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-1px;line-height:1}.brand img{height:26px;width:26px;object-fit:contain}.app-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px;height:100%;align-items:center}.app-header nav a{font-size:14px;padding:5px 0;position:relative}.app-header nav a:after{content:'';position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:100%;transition:right .2s}.app-header nav a.active{color:var(--accent)}.app-header nav a.active:after,.app-header nav a:hover:after{right:0}.connect-button{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--line);background:#e3e2d5;font-size:14px;line-height:20px;position:relative;transition:transform .25s,box-shadow .25s}.connect-button i{height:8px;width:8px;background:#a4a4a0;transition:background .2s}.connect-button:hover{transform:translateY(-6px);box-shadow:6px 6px 0 #b8b9ac}.connect-button:hover i,.connect-button.is-connected i{background:#409976}.square{display:inline-block;width:8px;height:8px;background:var(--accent);flex-shrink:0}
.usdv-main{display:grid;grid-template-columns:60% 40%;min-height:calc(100dvh - 67px)}.usdv-intro{position:relative;overflow:hidden;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:50px 24px;min-height:650px}.intro-pattern{position:absolute;pointer-events:none;width:980px;height:980px;max-width:none;opacity:.28;animation:pattern-rotate 240s linear infinite}.pattern-left{left:-860px;top:-210px}.pattern-right{right:-855px;bottom:-250px;animation-direction:reverse}.intro-content{position:relative;text-align:center;max-width:620px;animation:fade-up .5s both}.usdv-coin{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 28px}.usdv-intro h1{font-size:72px;line-height:1;letter-spacing:-2.3px}.usdv-intro h1 span{color:var(--accent);white-space:nowrap}.usdv-intro h1 sup{font-size:36px;vertical-align:super}.tvl{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-family:Narrative,sans-serif}.apy-note{font-size:12px;line-height:20px;color:#55594f;margin:16px auto 0}.apy-note sup{font-size:8px}.swap-section{display:flex;align-items:center;justify-content:center;padding:48px 32px}.swap-card{border:2px solid var(--line);border-top:2px solid var(--accent);width:362px;padding:24px;position:relative}.swap-card label{display:block;font-size:16px}.amount-row{display:flex;align-items:center;gap:8px;margin-top:12px;border-bottom:1px solid var(--line);padding-bottom:4px}.amount-row input{min-width:0;width:100%;background:none;border:0;outline:none;font-size:48px;line-height:1.25;color:var(--ink);font-weight:400;letter-spacing:-1.5px}.amount-row input::placeholder{color:#d5d5c7;opacity:1}.token-selector,.token{display:flex;align-items:center;gap:4px;white-space:nowrap;padding:0;border:0;background:none}.token img,.token-selector img{width:20px;height:20px}.token-selector svg{margin-left:2px}.amount-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:.2s}.swap-card:focus-within .amount-meta{max-height:22px;opacity:1}.swap-rate{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.swap-rate button,.swap-rate span{background:var(--raised);border:0;padding:4px 12px;font-size:14px}.swap-rate button{font-size:23px;line-height:24px;padding:4px 10px;color:#b1b2a6}.buy-button{background:#1b1c20;color:#777970;border:0;display:block;width:100%;padding:14px;margin-top:24px}.access-message{font-size:12px;color:#d24729;margin-top:12px}.stats-main{padding:40px 24px;max-width:1072px;margin:auto;animation:fade-up .35s both}.stats-content>h1{margin-bottom:16px}.stats-tabs{display:flex;border-block:1px solid #e8e7dc;margin-bottom:32px;overflow-x:auto}.stats-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;padding:12px 24px;background:none;text-align:left;transition:background .2s,border-color .2s}.stats-tabs button>span{display:block;font-size:16px;line-height:24px}.stats-tabs small{font-size:12px;line-height:18px;display:block;margin-top:4px}.stats-tabs button[aria-selected=true]{background:#e3e2d5;border-bottom-color:var(--accent)}.stats-tabs button:hover{background:#eae9de}#stats-panel{animation:fade-in .3s}.section-title{padding-bottom:24px;border-bottom:1px solid var(--line)}.chart{padding-top:16px}.chart-top{display:flex;justify-content:space-between;align-items:flex-start}.chart-value{display:flex;align-items:flex-start;font-size:48px;line-height:52px;letter-spacing:-1.8px;gap:4px}.chart-value>.square{margin-top:12px}.chart-change{color:#429368;font-size:14px;line-height:22px;letter-spacing:0;margin-left:12px;margin-top:4px}.periods{display:flex;gap:0;margin-top:4px}.periods button{border:0;border-bottom:2px solid transparent;background:none;font-size:14px;padding:4px 12px}.periods button[aria-selected=true]{background:#e3e2d5;border-color:var(--accent)}.chart-line{height:150px;position:relative;margin-top:8px}.chart-line svg{width:100%;height:100%}.chart-tooltip{position:absolute;right:0;top:12px;background:var(--raised);padding:8px 12px;font-size:12px;border:1px solid var(--line);opacity:0;transition:opacity .2s}.chart-line:hover .chart-tooltip{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-bottom:62px;font-size:16px}.distribution-card{background:var(--olive);padding:20px;color:var(--cream);display:grid;grid-template-columns:1fr 1.1fr;gap:48px}.distribution-card>div>span{font-size:14px;color:#e3e2c6}.big-number{font-size:48px;line-height:1.3;letter-spacing:-1.5px;margin-top:8px}.distribution-link{display:inline-flex;align-items:center;gap:16px;border:1px solid #c6c49a;padding:8px 12px;margin-top:24px;font-size:14px;transition:background .2s}.distribution-link:hover{background:#aaa775}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:400;opacity:.7;padding:0 0 12px;border-bottom:1px solid currentColor}td{padding:10px 0;border-bottom:1px solid #ffffff26}th:last-child,td:last-child{text-align:right}tr:last-child td{border-bottom:0}.empty-state{text-align:center!important;color:inherit;opacity:.75;padding:42px 12px!important;font-size:14px}.position-card{padding:28px 32px 32px;margin-bottom:12px;color:var(--cream)}.olive{background:var(--olive);color:var(--cream)}.plum{background:var(--plum);color:var(--cream)}.position-card h2{border-bottom:1px solid #ffffff40;padding-bottom:24px}.position-legend{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px;margin:16px 0 28px;opacity:.75}.position-legend span{display:flex;align-items:center;gap:6px}.position-legend i{display:inline-block;width:10px;height:10px;background:#f3eebe}.position-legend .legend-1{background:var(--pink)}.position-card.olive .position-legend{margin-top:60px}.allocation-bar{display:flex;height:24px;margin-top:20px;background:var(--pink)}.allocation-bar span:first-child{background:#f3eebe;flex-shrink:0}.allocation-bar span:last-child:not(:first-child){flex:1}.reserves-overview{display:flex;justify-content:space-between;align-items:center;padding:20px 0 32px}.reserves-overview>div>span{font-size:14px}.protocol-tvl{display:flex;gap:4px;align-items:flex-start;font-size:48px;line-height:64px;letter-spacing:-1.8px;margin-top:16px}.protocol-tvl .square{margin-top:16px}.reserve-badges{display:flex;gap:12px;margin-top:24px}.reserve-badges>div{padding:12px 24px;background:#e3e2d5;border:1px solid var(--line);min-width:126px}.reserve-badges>div:last-child{background:#37352b;color:var(--cream)}.reserve-badges span{font-size:14px;display:block}.reserve-badges strong{display:block;font-size:16px;font-weight:400;margin-top:4px}.asset-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.asset-card{padding:20px}.asset-card h3{font-size:16px;font-weight:400}.asset-card .position-legend{font-size:12px;gap:12px;margin-bottom:24px}.asset-card td{border:0}.indent{padding-left:12px}.back-link{display:inline-block;font-size:14px;margin-bottom:20px}.back-link:hover{color:var(--accent)}.distribution-summary{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:24px 0;margin:24px 0 32px}.distribution-summary span{font-size:14px;color:#6f7267;display:block}.distribution-summary strong{display:block;font-size:32px;line-height:1.3;font-weight:400;margin-top:8px}.history-table{padding:20px;background:var(--raised);margin-top:20px}.history-table .empty-state{padding:72px 12px!important}.history-table th{border-color:var(--line)}
dialog{width:384px;max-width:calc(100% - 32px);min-height:336px;max-height:80dvh;padding:0;border:0;border-top:2px solid var(--accent);background:var(--raised);color:var(--ink);overflow-y:auto}dialog[open]{animation:dialog-in .16s ease-out}dialog::backdrop{background:#2b2c2133;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 24px}.dialog-header h2{font:700 20px/28px "ABC Social",sans-serif;letter-spacing:-.5px;display:flex;gap:4px;align-items:flex-start}.dialog-header .square{width:4px;height:4px;margin-top:7px}.dialog-close{font-size:28px;font-weight:300;line-height:24px;border:0;background:none;padding:0;width:24px;height:24px}.dialog-close:hover{color:var(--accent)}.wallet-list{padding:0 16px}.wallet-row{display:flex;align-items:center;gap:12px;padding:12px 8px;width:100%;border:0;border-block:1px solid var(--line);margin-top:-1px;background:none;text-align:left;font:16px/24px "ABC Social",sans-serif;position:relative;transition:background .3s}.wallet-row:hover{background:#e0decf}.wallet-row>span{flex:1}.wallet-row small{color:#787a6d;font-size:12px;display:flex;align-items:center;gap:4px}.wallet-icon{width:24px;height:24px;object-fit:contain}.wallet-terms{padding:12px 16px 16px;text-align:center;font-size:12px;line-height:20px;color:#73776a}.wallet-terms a{text-decoration:underline;color:var(--ink)}.wallet-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:188px;padding:8px 24px 20px;text-align:center}.wallet-state>.wallet-icon{height:48px;width:48px}.wallet-state strong{font-weight:400}.wallet-address{font-size:14px;color:var(--muted)}.wallet-status{padding:8px 16px;background:#e0dfd2;font-size:14px;display:flex;align-items:center;gap:6px}.wallet-status i{width:6px;height:6px;background:#d84229}.wallet-status.denied{color:#cb4028}.wallet-status.pending{animation:status-pulse 1.5s infinite}.retry-button{border:1px solid var(--line);background:#e0dfd2;padding:8px 16px}
@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes pattern-rotate{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes status-pulse{50%{opacity:.45}}
@media(min-width:1500px){.usdv-intro h1{font-size:80px}.swap-card{width:400px}.usdv-coin{width:180px;height:180px}}
@media(max-width:1023px){.usdv-intro h1{font-size:56px}.usdv-intro h1 sup{font-size:28px}.swap-section{padding:32px 24px}.swap-card{padding:20px}.usdv-coin{width:140px;height:140px}.intro-pattern{opacity:.2}.stats-tabs button{padding:12px 18px}.distribution-card{gap:24px}}
@media(max-width:767px){.app-header{height:57px}.brand{font-size:20px;gap:5px}.brand img{width:23px;height:23px}.app-header nav{gap:20px}.connect-button{font-size:12px;padding:5px 9px}.usdv-main{grid-template-columns:1fr;min-height:calc(100dvh - 57px)}.usdv-intro{min-height:0;border-right:0;padding:32px 16px 28px}.usdv-coin{width:100px;height:100px;margin-bottom:16px}.usdv-intro h1{font-size:44px;letter-spacing:-1.4px}.usdv-intro h1 sup{font-size:22px}.tvl{margin-top:16px;font-size:14px}.apy-note{margin-top:10px}.swap-section{padding:4px 16px 32px}.swap-card{width:100%;max-width:420px}.pattern-left{left:-870px;top:-260px}.pattern-right{right:-870px;bottom:-400px}.stats-main{padding:24px 16px}h1,h2{font-size:28px;line-height:32px;letter-spacing:-.7px}.stats-content>h1{font-size:24px;line-height:32px}.stats-tabs{margin-bottom:24px}.stats-tabs button{flex:1;padding:10px 16px;text-align:center}.stats-tabs small{display:none}.section-title{padding-bottom:18px}.chart-value{font-size:36px;line-height:44px}.chart-change{font-size:11px;margin-left:4px}.periods button{font-size:12px;padding:4px 8px}.chart-labels{font-size:12px;margin-bottom:36px}.chart-line{height:130px}.distribution-card{grid-template-columns:1fr;gap:24px}.big-number{font-size:40px}.distribution-link{margin-top:12px}.position-card{padding:20px}.position-card.olive .position-legend{margin-top:32px}.position-legend{font-size:12px}.position-card table{font-size:12px}.reserves-overview{align-items:flex-start;flex-direction:column;padding-bottom:28px}.protocol-tvl{font-size:40px;line-height:50px;margin-top:12px}.reserve-badges{width:100%;margin-top:20px}.reserve-badges>div{flex:1}.asset-cards{grid-template-columns:1fr}.distribution-summary{gap:14px;flex-wrap:wrap}.distribution-summary strong{font-size:26px}.distribution-summary span{font-size:12px}.history-table th{white-space:nowrap;padding-right:20px}.history-table table{min-width:580px}.history-table .empty-state{text-align:left!important;padding-left:8px!important}}
/* Measurements matched to the reference application's desktop type scale. */
html{scrollbar-width:thin;scrollbar-color:#35342a var(--cream)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#35342a}::-webkit-scrollbar-track{background:var(--cream)}
.intro-pattern-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;container-type:size;animation:fade-in 2s ease-out}.intro-pattern{width:360cqmax;height:360cqmax;opacity:1}.intro-content{width:515px;max-width:100%}.usdv-coin{width:180px;height:180px;margin:0 auto}.usdv-intro h1{margin-top:16px}.usdv-intro h1 sup{font-size:46px;letter-spacing:-1.8px}.tvl{margin-top:16px;font-family:"ABC Social",sans-serif}.apy-note{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);font-size:14px;width:230px;margin:0}.stats-tabs button>span{font-size:18px;line-height:28px}.stats-tabs small{font-size:14px;line-height:20px;margin-top:2px}.swap-card label{font-size:18px;line-height:28px}.token,.token-selector{font-size:18px}.wallet-terms{font-size:14px}.wallet-row small{font-size:14px}td{font-size:16px}
@media(max-width:767px){.usdv-coin{width:120px;height:120px}.intro-content{display:flex;flex-direction:column;align-items:center}.intro-content .tvl{order:-1;margin:0 0 6px}.usdv-intro h1{font-size:48px;line-height:1;margin-top:0}.usdv-intro h1 sup{font-size:18px;letter-spacing:0}.intro-pattern-wrap{display:none}.apy-note{display:none}.usdv-intro{padding:12px 12px 8px}.swap-section{padding:12px}.swap-card{padding:16px 12px;max-width:361px}.stats-tabs button>span{font-size:16px;line-height:24px}.stats-tabs small{display:none}.swap-card label{font-size:16px;line-height:24px}.token,.token-selector{font-size:16px}.position-card td{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}