@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e9f0e6;background:#0c100e;--lime:#c4f879;--muted:#9ca99c;--line:#2c362e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#1c2b1b70,transparent 50%),#0c100e}a{color:var(--lime);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--lime);border-radius:9px;padding:11px 15px;background:var(--lime);color:#14200f;font-weight:700;min-height:42px}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#1a231c;color:#c6d5c0;border-color:#3a483c;font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}input,select{background:#0e1510;color:#edf5e7;border:1px solid #3b493d;border-radius:9px;min-height:44px;padding:10px 12px;width:100%;max-width:100%}input:focus{border-color:var(--lime)}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}p{line-height:1.5}h1,h2,h3,strong,.brand{font-family:'Space Grotesk',system-ui,sans-serif}h2{font-size:23px;letter-spacing:-.7px;margin:0}h3{font-size:16px;margin:0 0 12px}.vault-header{max-width:1240px;margin:auto;height:70px;padding:0 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:26px;color:#f0f7ed;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-1px}.brand span{color:var(--lime)}.brand small{font:600 10px 'DM Sans',sans-serif;letter-spacing:1.7px;border-left:1px solid #45503d;padding-left:16px;margin-left:8px}.vault-header nav{display:flex;gap:22px;margin-left:auto}.vault-header nav a{font-size:12px;color:#b6c4b0}.network{font-size:10px;letter-spacing:1px;color:#aab9a3;white-space:nowrap}.network i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}.vault-main{max-width:1180px;margin:auto;padding:0 24px}.intro{display:flex;align-items:center;justify-content:space-between;padding:25px 0 15px;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a9c194;margin:0 0 7px}h1{font-size:clamp(29px,3.4vw,42px);font-weight:600;line-height:1.1;letter-spacing:-1.8px;margin:0 0 9px}h1 span{color:var(--lime)}.intro p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.badge{padding:7px 10px;border:1px solid #5b5737;background:#262519;color:#dccb8f;white-space:nowrap;font-size:9px;letter-spacing:1px;border-radius:5px}.risk-strip{border-left:2px solid #b89755;padding:9px 12px;background:#211e1660;color:#bfb69f;font-size:11px;line-height:1.5;margin-bottom:16px}.risk-strip b{color:#e6d2a3}.risk-strip a{white-space:nowrap;margin-left:6px;color:#d4c799}.console{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.panel{background:#131b16;border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.position-panel{border-color:#526640;background:linear-gradient(145deg,#1d291b,#131b16 55%)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.read-only{font-size:8px;letter-spacing:1px;color:#b5c3ab}.wallet-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-bar select{font-size:12px}.address{color:var(--muted);font-size:10px;overflow-wrap:anywhere;margin:8px 0 14px}.personal-stats,.system-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.personal-stats>div,.system-stats>div{min-width:0;padding:12px 0;border-top:1px solid var(--line)}.personal-stats>div:nth-child(odd),.system-stats>div:nth-child(odd){padding-right:12px}.personal-stats dt,.system-stats dt{font-size:10px;color:var(--muted)}.personal-stats dd,.system-stats dd{margin:6px 0 0;font:500 clamp(15px,1.7vw,22px) 'Space Grotesk',sans-serif;letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.personal-stats dd{color:var(--lime)}.system-stats dd{color:#e2ecd9}.deposit-box{margin-top:8px;padding-top:13px;border-top:1px solid var(--line)}.deposit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.deposit-row input{font-size:20px;font-variant-numeric:tabular-nums}.fee-note{font-size:10px;color:#a4b09f;line-height:1.5;margin:8px 0 12px}.exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exit-actions details{background:#111a12;border:1px solid #34472c;border-radius:9px;padding:11px;min-width:0}.exit-actions summary{font-size:12px;color:#d7ebc5;cursor:pointer;font-weight:600;list-style:none}.exit-actions summary span{display:block;font-size:9px;color:#98ab8b;margin-top:5px;font-weight:400}.exit-actions details[open]{grid-column:1/-1}.exit-actions details[open] summary{margin-bottom:13px}.exit-actions input{margin-bottom:8px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row button{flex:1;font-size:12px}#vault-wallet-status{font-size:11px;color:#b6c4aa;margin:10px 0;line-height:1.45}#vault-action-status:empty{display:none}#vault-action-status{background:#202f18;border:1px solid #6c8f4c;padding:10px;border-radius:8px;font-size:12px;line-height:1.5}#vault-receipt{display:block;font-size:12px;padding:8px 0}#vault-deposit-review{border:1px solid var(--lime);padding:15px;margin:12px 0;background:#1f2b18;border-radius:10px}#vault-deposit-summary{font-size:12px}.wallet-help,.more-stats{border-top:1px solid var(--line);padding-top:10px;margin-top:10px;font-size:11px;color:var(--muted)}summary{cursor:pointer;line-height:1.5}details[open]>summary{margin-bottom:14px}details p{font-size:12px}.vault-counts{display:flex;align-items:center;gap:22px;padding:12px 0;border-block:1px solid var(--line);margin:8px 0 17px}.vault-counts strong{font-size:22px;font-weight:500;margin-right:5px;color:var(--lime)}.vault-counts span{font-size:9px;color:var(--muted)}.vault-counts a{margin-left:auto;font-size:10px;white-space:nowrap}.how-it-works h3{font-size:14px}.how-it-works ol{padding-left:18px;margin:0;font-size:11px;line-height:1.55;color:#aebca5}.how-it-works li{padding-left:3px;margin-bottom:8px}.how-it-works b{color:#e1edda}.how-it-works p{font-size:10px;color:#8f9d87;margin:10px 0 0}.freshness{font-size:10px;color:var(--muted);margin:10px 2px 24px}#vault-leaderboard{margin:0 0 16px}#vault-leaderboard h2{font-size:23px}#vault-leaderboard p{font-size:11px;color:var(--muted);max-width:780px}#vault-leaderboard-refresh{font-size:11px;background:#202e1c;color:#d5e9c4;border-color:#3d5033}.vault-table-scroll{overflow:auto;margin-top:10px}table{width:100%;border-collapse:collapse;min-width:460px;font-size:12px}caption{text-align:left;font-size:10px;color:var(--muted);margin-bottom:8px}th,td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}td:nth-child(n+3),th:nth-child(n+3){text-align:right}tbody tr:hover{background:#1b291c}.calculator{margin-bottom:16px}.calculator>summary{font-size:13px;font-weight:600}.calculator>summary span{font-size:10px;font-weight:400;color:var(--muted);margin-left:12px}.calculator input{max-width:320px}.muted{color:var(--muted);font-size:11px}#vault-estimate div,#vault-position-details div,#vault-system-details div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}dt{color:var(--muted)}.personal-stats dd,.system-stats dd{text-align:left}#vault-rules h2{font-size:23px}.disclosure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}.disclosure-grid h3{font-size:14px}.disclosure-grid p{font-size:11px;color:var(--muted);line-height:1.7}footer{display:flex;align-items:center;gap:25px;padding:24px 0 30px;color:var(--muted);font-size:10px}footer b{color:#e5ecdf;white-space:nowrap}footer p{max-width:500px}footer a{margin-left:auto;white-space:nowrap}
@media(min-width:1400px){.intro{padding-top:32px}.panel{padding:24px}}
@media(max-width:800px){.vault-header{height:58px;padding:0 16px;gap:10px}.brand{font-size:22px}.brand small{font-size:8px;padding-left:10px;margin-left:0}.vault-header nav{gap:14px}.vault-header nav a{font-size:10px}.network{display:none}.vault-main{padding:0 16px}.intro{padding:22px 0 13px}.intro .badge{display:none}.console{gap:12px}.panel{padding:17px}.read-only{display:none}.vault-counts{gap:10px;flex-wrap:wrap}.vault-counts span{display:block}.vault-counts a{margin-left:0}.deposit-row{grid-template-columns:1fr}.disclosure-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vault-header nav a:first-child{display:none}.intro .eyebrow{font-size:8px}h1{font-size:31px}.intro p:not(.eyebrow){font-size:12px}.risk-strip{font-size:10px}.console{grid-template-columns:1fr}.panel{padding:17px;border-radius:12px}.deposit-row{grid-template-columns:minmax(0,1fr) auto}.deposit-row button{font-size:12px;padding:10px}.personal-stats dd,.system-stats dd{font-size:20px}.system-panel{order:-1}.system-panel .how-it-works,.system-panel .more-stats{display:block}.vault-counts span{display:inline}.vault-counts{margin-bottom:12px}.how-it-works ol{display:block}.disclosure-grid{grid-template-columns:1fr}.vault-header nav a{font-size:9px}.calculator>summary span{display:block;margin:4px 0}footer{flex-wrap:wrap;gap:5px}footer a{margin-left:0}.brand small{max-width:65px;line-height:1.3}}
@media(prefers-reduced-motion:no-preference){button,a,input{transition:background .15s,border-color .15s,filter .15s}html{scroll-behavior:smooth}}
.how-it-works{padding:0 0 8px}.how-it-works summary{font-size:13px;color:#d9e8ce;font-weight:600}.how-it-works summary span{display:block;font-size:10px;font-weight:400;color:#a4b79a;margin:5px 0 10px}.how-it-works[open] ol{margin-top:13px}@media(max-width:600px){.system-panel{padding:14px 17px}.system-panel .panel-heading{margin-bottom:8px}.system-panel .system-stats>div{padding:8px 0}.system-panel .system-stats dd{font-size:18px;margin-top:3px}.system-panel .vault-counts{padding:7px 0;margin:4px 0 8px}.system-panel .vault-counts strong{font-size:18px}.system-panel .how-it-works{padding:0}.system-panel .how-it-works summary{font-size:11px}.system-panel .how-it-works summary span{display:inline;margin-left:10px;font-size:9px}.system-panel .more-stats{margin-top:7px;padding-top:7px;font-size:10px}.intro{padding-top:16px}h1{font-size:29px}}

.available-balance{padding:14px 16px;margin:10px 0 14px;background:#1c2c1c;border:1px solid #5b8238;border-radius:10px}.available-balance>span{font-size:10px;letter-spacing:1px;color:#b7c6a9}.available-balance>p{margin:7px 0;color:var(--lime);font-size:clamp(17px,2.3vw,25px);font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.available-balance>small{font-size:10px;color:#b7c6a9}

.connection-state{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0;padding:7px 10px;border:1px solid #455048;border-radius:7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.7px}.connection-state::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.connection-state.connected{color:var(--lime);border-color:#719a43;background:#24351c}

.claim-box{grid-column:1/-1;background:#111a12;border:1px solid #66874e;border-radius:10px;padding:16px;min-width:0}.claim-box h3{font-size:20px}.claim-box>p{overflow-wrap:anywhere}.claim-balance{border-width:2px}.claim-box #vault-claim-available{color:var(--lime);font-variant-numeric:tabular-nums}

#vault-rewards{margin-bottom:22px;scroll-margin-top:20px}#vault-rewards>p{font-size:12px}#vault-rewards-filter{max-width:560px}#vault-rewards .rewards-totals{margin:18px 0}#vault-rewards .claims-title{margin:24px 0 10px}#vault-rewards table{min-width:900px}#vault-rewards-status{overflow-wrap:anywhere}.rewards-totals dd{overflow-wrap:anywhere}
.amount-controls{margin:14px 0}.amount-mode{display:flex;gap:8px;margin-bottom:10px}.amount-mode button{min-height:40px;padding:8px 15px}.amount-mode button[aria-pressed="true"]{background:var(--lime);color:#13200e;border-color:var(--lime)}.amount-controls .amount-slider{width:100%;min-height:44px;padding:0;accent-color:var(--lime);cursor:pointer}.amount-controls .amount-slider[hidden]{display:none}.amount-selection{font-size:13px!important;line-height:1.6;color:#e0edda!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.slider-label{font-size:11px}input[readonly]{opacity:.8}

/* Spacious, distinct action cards; scoped to leave public statistics unchanged. */
#vault-actions{margin-top:28px}
#vault-actions .vault-action-card{min-width:0;padding:26px;margin:0;background:#101a14;border:1px solid #536b4c;border-top:4px solid #c8ff70;border-radius:16px}
#vault-actions .claim-box{border-top-color:#86dbe8;background:#101c1d}
#vault-actions .withdraw-box{border-top-color:#e6c38b;background:#1c1b14}
#vault-actions .exit-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}
#vault-actions h3{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 10px}
#vault-actions .action-description{font-size:15px;line-height:1.6;color:#bdcbbd;margin:0 0 24px}
#vault-actions label{font-size:15px;line-height:1.5;margin-bottom:10px}
#vault-actions .amount-controls{margin:24px 0}
#vault-actions .amount-mode{gap:12px;margin-bottom:18px}
#vault-actions button{font-size:15px;min-height:48px;padding:12px 16px;white-space:normal}
#vault-actions .amount-mode button{flex:1}
#vault-actions input:not([type="range"]){font-size:22px!important;min-height:56px;padding:14px;margin-bottom:14px}
#vault-actions .amount-slider{min-height:52px;margin:6px 0 12px}
#vault-actions .amount-slider:disabled{opacity:.4;cursor:not-allowed}
#vault-actions .amount-selection{font-size:16px!important;line-height:1.7;padding:14px;background:#ffffff06;border-radius:10px;margin:8px 0 0}
#vault-actions .fee-note{font-size:14px;line-height:1.7;margin:16px 0 0;color:#bdcbbd}
#vault-actions .deposit-row{grid-template-columns:minmax(0,1fr);gap:0}
#vault-actions .button-row{gap:12px;margin-top:18px}
#vault-actions .button-row button{flex:1 1 180px}
#vault-actions #vault-claim-available{font-size:18px;line-height:1.6;padding:16px;background:#ffffff06;border-radius:10px}
#vault-actions .available-balance{margin:22px 0;padding:18px}
#vault-actions .available-balance>span{font-size:12px}
#vault-actions .available-balance>p{font-size:26px}
#vault-actions .available-balance>small{font-size:14px;line-height:1.7;display:block}
@media(max-width:600px){#vault-actions .vault-action-card{padding:20px 16px}#vault-actions h3{font-size:25px}#vault-actions .exit-actions{gap:24px;margin-top:24px}#vault-actions .button-row{flex-direction:column}#vault-actions .button-row button{flex:auto;width:100%}}

.personal-summary{margin:0 0 28px;padding:26px;background:linear-gradient(120deg,#263b20,#142319);border:1px solid #7ca957;border-radius:18px}
.personal-summary h2{font-size:24px;margin:0 0 22px}
.personal-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.personal-summary-grid>div{min-width:0;border-left:2px solid #5a7745;padding-left:16px}
.personal-summary-grid dt{font-size:15px;color:#e0ead9;font-weight:600}
.personal-summary-grid dd{font-size:clamp(21px,2.2vw,29px);font-weight:650;text-align:left;color:#c8ff70;margin:12px 0;overflow-wrap:anywhere;line-height:1.35}
.personal-summary-grid small{display:block;font-size:13px;line-height:1.6;color:#bdcbb7}
.personal-summary .personal-summary-note{font-size:13px;line-height:1.7;color:#bdcbb7;border-top:1px solid #405638;margin:22px 0 0;padding-top:16px}
#vault-personal-status{font-size:12px;color:#b6c9ad;overflow-wrap:anywhere;margin:12px 0 0}
@media(max-width:1000px){.personal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:480px){.personal-summary{padding:22px 18px}.personal-summary-grid{grid-template-columns:1fr;gap:22px}.personal-summary-grid dd{font-size:27px}}
