@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f8faf8;--paper:#fff;--ink:#152523;--muted:#81908b;--line:#e8eeeb;--accent:#246b5e;--soft:#e7f3ed;--shadow:0 8px 35px #0f38240b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5aae92;outline-offset:2px}.hidden{display:none!important}.topbar{height:82px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(3.6%,calc((100vw - 1510px)/2));gap:55px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-mark{height:36px;width:36px;background:#1f6a5c;color:#fff;border-radius:11px;display:grid;place-items:center}.brand-mark svg{width:26px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linejoin:round}.brand-name{font-weight:800;font-size:20px;letter-spacing:-1.1px;font-family:Manrope,sans-serif}.brand-light{font-weight:500}.demo-chip{font-size:9px;font-weight:800;letter-spacing:1px;border:1px solid #a3c5b8;border-radius:4px;color:#36816c;padding:3px 5px}.main-nav{display:flex;align-items:center;height:100%;gap:29px;flex:1}.nav-link{height:100%;display:flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;color:#8b9894;font-weight:600;font-size:13px;position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:5px;background:var(--accent)}.nav-link:hover{color:var(--accent)}.header-actions{display:flex;gap:10px;align-items:center}.connect-btn,.primary-wide{border:0;background:#245f52;color:#fff;border-radius:12px;padding:13px 24px;font-weight:700;transition:background .2s}.connect-btn:hover,.primary-wide:hover{background:#347e6b}.icon-button,.mobile-menu{width:40px;height:40px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;font-size:19px}.mobile-menu{display:none}.page-shell{max-width:1470px;margin:auto;padding:56px 50px 70px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:76px}.eyebrow{font-weight:800;color:#438671;font-size:10px;letter-spacing:2px;margin-bottom:17px;display:flex;gap:8px;align-items:center}.live-dot{width:7px;height:7px;background:#59ae86;border-radius:50%}.demo-note{color:var(--muted);letter-spacing:0;font-weight:500;font-size:11px}h1,h2,h3,p{margin-top:0}.hero h1{font:800 54px/1.2 Manrope,sans-serif;letter-spacing:-2.6px;margin:0 0 10px}.hero p{font-size:16px;color:#85948f;margin:0}.total-card{text-align:right;min-width:245px}.metric-label{color:#86958e;font-weight:600;font-size:13px}.metric-label .info{margin-left:4px}.total-card strong{display:block;font:800 32px/1.5 Manrope,sans-serif;letter-spacing:-1.6px}.metric-foot{font-size:11px;color:#a0aca5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading h2{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 5px}.section-heading p{color:var(--muted);margin:0}.count{font:700 12px 'DM Sans',sans-serif;color:var(--accent);background:var(--soft);padding:4px 9px;border-radius:50px;vertical-align:middle;margin-left:6px}.reset-btn{background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--muted);font-weight:600}.reset-btn:hover{color:var(--accent);border-color:var(--accent)}.filter-panel{background:var(--paper);border:1px solid var(--line);padding:19px 22px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.search-wrap{height:44px;display:flex;align-items:center;gap:10px;width:min(390px,40%);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 13px}.search-wrap svg{height:18px;width:18px;fill:none;stroke:#9ca9a3;stroke-width:1.8}.search-wrap input{border:0;outline:0!important;background:transparent;width:100%;min-width:0;color:var(--ink)}.search-wrap input::placeholder{color:#a6b0aa}.search-wrap kbd{color:#afb8b2;border:1px solid var(--line);padding:1px 6px;border-radius:5px}.filter-row{display:flex;flex-wrap:wrap;gap:12px}.filter-row label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.filter-row select,.page-size select{background:var(--paper);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:11px 8px;max-width:155px}.table-card{border:1px solid var(--line);border-top:0;background:var(--paper);border-radius:0 0 16px 16px;box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;min-width:940px}thead{background:#fbfcfb}th{height:60px;padding:0 15px;border-bottom:1px solid var(--line);color:#8a9891;font-size:11px;font-weight:700;letter-spacing:.15px}th[data-sort]{cursor:pointer;user-select:none}th[data-sort]:hover{color:var(--accent)}th .sort-glyph{font-size:14px;margin-left:2px;color:#b4beb8}th.active-sort{color:var(--accent)}td{height:73px;padding:8px 15px;border-bottom:1px solid #eff2ef;font-size:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbf9;cursor:pointer}.vault-col{min-width:290px}.vault-id{display:flex;gap:12px;align-items:center}.token-avatar{width:36px;height:36px;border-radius:50%;background:#e8f2ed;display:grid;place-items:center;font-size:12px;font-weight:800;color:#286b59;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px #e4ebe5}.vault-main{display:flex;flex-direction:column;gap:4px}.vault-main strong{font-weight:700;font-size:12px;max-width:255px;overflow:hidden;text-overflow:ellipsis}.vault-main small,.value-pair small{color:#9aa7a0;font-size:11px}.value-pair{display:flex;flex-direction:column;gap:4px}.value-pair strong{font-size:12px;font-weight:700}.chain{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#57655e;font-size:12px}.chain-dot{width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;background:#627ce8;color:white;font-weight:800}.chain-dot.base{background:#175cdd}.chain-dot.tempo{background:#222}.exposure{display:flex;gap:3px;align-items:center}.coin{font-size:9px;width:21px;height:21px;display:inline-grid;place-items:center;border-radius:50%;background:#f2e7da;color:#6e685d;border:1px solid #fff;margin-left:-5px}.coin:first-child{margin-left:0}.extra{font-weight:700;font-size:11px;color:var(--muted);margin-left:3px}.curator{color:#56655e;font-weight:600;font-size:12px}.apy{font-size:13px;font-weight:800;color:#25785b}.empty-state{text-align:center;color:var(--muted);padding:55px 15px}.table-footer{min-height:70px;border-top:1px solid var(--line);padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.pagination{display:flex;align-items:center;gap:13px}.pagination button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;width:33px;height:33px}.pagination button:disabled{opacity:.3;cursor:default}.page-size{display:flex;align-items:center;gap:10px}.page-size select{padding:8px}.disclaimer{display:flex;gap:11px;margin-top:25px;color:#8c9992;line-height:1.7;font-size:12px}.disclaimer>span{font-size:18px;color:#72a78d}.disclaimer p{margin:0}.disclaimer a{color:#27775e}.disclaimer strong{color:#668577}.placeholder-card{border:1px solid var(--line);background:var(--paper);max-width:600px;margin:80px auto;text-align:center;padding:70px 35px;border-radius:24px}.placeholder-icon{font-size:56px;color:var(--accent)}.placeholder-card h1{margin:18px 0}.placeholder-card p{color:var(--muted);margin-bottom:25px}.modal-backdrop{position:fixed;inset:0;background:#081e1ab8;backdrop-filter:blur(3px);z-index:20;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(560px,100%);background:var(--paper);color:var(--ink);padding:34px;border-radius:22px;box-shadow:0 25px 100px #0003}.modal-close{position:absolute;right:20px;top:16px;background:transparent;border:0;color:var(--muted);font-size:29px}.modal-heading{display:flex;align-items:center;gap:15px;margin-bottom:32px}.modal-heading .token-avatar{width:52px;height:52px;font-size:16px}.modal h2{font:800 21px Manrope,sans-serif;margin:0 0 5px}.modal-heading p,.small-modal p{color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-grid>div{background:var(--bg);padding:18px;border-radius:12px}.detail-grid small{display:block;color:var(--muted);margin-bottom:9px}.detail-grid strong{font-size:17px}.green{color:var(--accent)}.demo-warning{background:#fff7e8;color:#856b34;font-size:12px;padding:13px;margin:20px 0;border-radius:10px}.primary-wide,.secondary-wide{width:100%;display:block;text-align:center}.small-modal{text-align:center;max-width:415px}.wallet-picture{font-size:52px;color:var(--accent);margin-bottom:14px}.small-modal p{line-height:1.7;margin:12px 0 24px}.as-link{text-decoration:none}.secondary-wide{border:1px solid var(--line);border-radius:10px;background:var(--paper);margin-top:10px;padding:12px;color:var(--ink)}.dark{color-scheme:dark;--bg:#111b19;--paper:#182521;--ink:#e7f1ec;--muted:#91a89d;--line:#304039;--accent:#83d1ad;--soft:#284436;--shadow:0 8px 35px #0003}.dark thead{background:#1b2924}.dark tbody tr:hover{background:#22352d}.dark td{border-color:#2b3831}.dark .token-avatar{border-color:#324d3c}.dark .chain{color:#b6c6be}.dark .curator{color:#b6c6be}.dark .demo-warning{background:#493c22;color:#f0cc81}
@media(max-width:1150px){.topbar{gap:25px;padding:0 26px}.main-nav{gap:16px}.filter-panel{align-items:stretch;flex-direction:column}.search-wrap{width:100%;max-width:none}.filter-row{justify-content:space-between}.page-shell{padding:50px 26px}}@media(max-width:760px){.topbar{height:68px}.brand-name{font-size:17px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;padding:10px 24px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-link{height:48px}.nav-link.active:after{display:none}.mobile-menu{display:block}.connect-btn{padding:11px 15px}.page-shell{padding:36px 16px}.hero{align-items:flex-start;flex-direction:column;gap:35px;margin-bottom:50px}.hero h1{font-size:44px}.total-card{text-align:left}.total-card strong{font-size:27px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px}.filter-panel{padding:14px}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row label{display:flex;align-items:stretch;flex-direction:column;gap:5px}.filter-row select{max-width:none;width:100%}.table-footer{flex-wrap:wrap}.page-size{margin-left:auto}.modal{padding:25px}.detail-grid{gap:8px}.detail-grid>div{padding:12px}}

/* Read-only wallet connection status */
.wallet-status { overflow-wrap: anywhere; font-size: 0.84rem; opacity: 0.8; margin: 12px 0; }
.cnx-btn:disabled { opacity: .65; cursor: wait; }

/* Morpho-inspired header treatment: clear security-test marking */
.brand-name{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1.8px;text-transform:lowercase}
.brand-mark{background:transparent;color:#123e35;border:2px solid #123e35;border-radius:50%;width:36px;height:36px}
.brand-mark svg{width:25px}
.demo-chip{font-size:10px;letter-spacing:.3px;color:#7b5312;background:#fff3cd;border-color:#edce72;padding:5px 7px}
.eyebrow{margin-bottom:12px}.hero{margin-bottom:62px}
.connect-btn{border-radius:9px}
.dark .brand-mark{color:#b1e7cd;border-color:#b1e7cd}
@media(max-width:760px){.demo-chip{font-size:8px;padding:3px 5px}.brand-name{font-size:20px}}

/* Version 2 — reference screenshot-aligned visual layout; clearly marked offline test. */
:root{--bg:#f5f5f5;--paper:#f8fafb;--ink:#17191b;--muted:#707781;--line:#d0d4d9;--accent:#3376f6;--soft:#eef0f2;--shadow:0 2px 4px #00000012}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);font-size:12px;color:var(--ink)}
.topbar{height:65px;padding:0 23px;gap:31px;background:#f5f5f5;border:0;position:relative}
.brand{gap:8px}.brand-mark{width:22px;height:22px;border:0;border-radius:0;background:transparent;color:#2167e7;transform:rotate(0deg)}
.brand-mark svg{width:24px;height:24px;stroke-width:5;stroke-linejoin:miter}.brand-name{font-family:Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.65px;text-transform:none}.brand-caret{color:#20252a;font-size:17px;margin-left:3px}
.demo-chip{font-size:9px;letter-spacing:0;font-weight:700;border:1px solid #d8aa54;background:#fff4d8;color:#75551c;border-radius:4px;padding:3px 5px;margin-left:4px}
.main-nav{gap:22px}.nav-link{font:400 12px Arial,sans-serif;height:36px;color:#24262a;padding:0 9px}.nav-link.active{background:#f9fafb;border:1px solid #cfd3d7;border-radius:8px;box-shadow:0 1px 2px #00000016}.nav-link.active:after{display:none}.nav-link:hover{color:#165fe1}
.header-actions{gap:10px}.connect-btn{border-radius:8px;padding:11px 17px;background:#3775f4;color:#fff;font-weight:600;font-size:12px}.connect-btn:hover{background:#2566e8}.icon-button{display:none}
.page-shell{width:min(1228px,calc(100vw - 60px));max-width:none;padding:30px 0 55px;margin:0 auto}
.hero{align-items:flex-start;margin-bottom:30px;gap:20px}.hero h1{font:400 36px/1.25 Arial,sans-serif;letter-spacing:-1px;margin:0 0 10px}.title-info{font-size:15px;font-weight:400;vertical-align:middle;letter-spacing:0;margin-left:5px}.hero p{font-size:14px;color:#313840;margin:0}
.total-card{display:flex;gap:9px;align-items:center;align-self:flex-start;margin-top:21px;min-width:0;border:1px solid #cbd0d5;border-radius:30px;padding:3px 16px;background:#fbfcfd;box-shadow:0 1px 1px #00000008;white-space:nowrap}.metric-label{color:#39414d;font-size:12px;font-weight:400}.total-card strong{font:600 12px Arial,sans-serif;letter-spacing:0}.metric-foot{display:none}
.filter-panel{height:63px;border-radius:17px 17px 0 0;border:1px solid var(--line);background:#f9fbfc;padding:0 18px 0 20px;gap:12px;justify-content:space-between}
.filter-row{gap:17px;flex-wrap:nowrap}.filter-row .filter-control{display:flex;align-items:center;gap:6px;color:#1f252a;font:400 12px Arial,sans-serif;white-space:nowrap;position:relative;cursor:pointer;padding:11px 6px}.filter-symbol{color:#15191c;font-size:11px}.filter-row select{position:absolute;inset:0;opacity:0;width:100%;max-width:none;cursor:pointer}.filter-control:focus-within{outline:1px solid #4380f6;border-radius:6px}.filter-control:has(select:not([value="all"])){}.filter-control:hover{background:#eef1f4;border-radius:5px}
.table-tools{margin-left:auto;display:flex;align-items:center;gap:13px}.search-wrap{background:#ebeef1;width:210px;height:24px;border:0;border-radius:20px;padding:0 8px;gap:6px}.search-wrap svg{height:13px;width:13px;stroke:#646d76}.search-wrap input{font-size:12px}.search-wrap input::placeholder{color:#66717a}.tool-button{border:0;background:transparent;color:#2c3035;font-size:16px;width:23px;height:28px;padding:0}.tool-button:hover{color:#3775f4}
.table-card{border:1px solid #cdd1d5;border-top:0;border-radius:0 0 18px 18px;background:#f9fafb;overflow:hidden;box-shadow:0 2px 4px #00000012}
.table-scroll{max-height:575px;overflow:auto}.table-card.expanded .table-scroll{max-height:calc(100vh - 260px)}
table{min-width:1010px;width:100%;background:#f9fafb}thead{position:sticky;top:0;z-index:1;background:#f9fafb}th{height:34px;padding:0 18px;border-bottom:1px solid #cdd2d6;color:#3d4349;font:400 10px Arial,sans-serif}th:first-child,td:first-child{width:90px;padding-left:20px}th:nth-child(2){width:325px}th:nth-child(3){width:147px}th:nth-child(4){width:147px}th:nth-child(5){width:155px}th:nth-child(6){width:165px}th:nth-child(7){width:115px}
th .sort-glyph{font-size:11px;color:#515962}.active-sort{color:#262e3a!important}
td{height:58px;padding:4px 18px;border-bottom:1px solid #cdd2d6;font-size:12px}tbody tr:last-child td{border-bottom:1px solid #cdd2d6}tbody tr:hover{background:#eef2f8}.vault-id{gap:10px}.vault-main strong{font-size:12px;font-weight:400;max-width:285px}.vault-main small{display:none}
.token-avatar{width:20px;height:20px;border:2px solid #e0e6e9;box-shadow:none;background:#1675ed;color:white;font-size:11px;font-weight:800}.token-us{background:#117de1}.token-py{background:#2087df}.token-eu{background:#fff;color:#db2828}
.chain-dot{width:17px;height:17px;color:white;background:#1757f4;border-radius:2px;font-size:11px}.chain-dot.ethereum{background:#e4e6e8;color:#42444b;border-radius:50%;font-size:12px}.chain-dot.base{background:#1e50e7;border-radius:1px}.chain-dot.tempo{background:#d5ff00;color:#172000;border-radius:50%}.chain{gap:0;font-size:0}
.value-pair{gap:3px}.value-pair strong{font-size:12px;font-weight:400}.value-pair small{color:#434a54;font-size:10px;width:max-content;background:#e9ecee;border-radius:14px;padding:2px 7px;line-height:1.3}
.exposure{gap:0}.coin{height:20px;width:20px;font-size:10px;margin-left:-5px;border:1px solid white;background:#3181ed;color:#fff}.coin:first-child{margin-left:0}.coin-1{background:#222}.coin-2{background:#7652f2}.coin-3{background:#13bc85}.coin-4{background:#ff6a82}.coin-5{background:#b18f4a}.extra{margin-left:5px;font-size:11px;color:#4e5561;font-weight:400}
.curator{display:flex;align-items:center;gap:9px;color:#181c23;font-size:12px;font-weight:400;max-width:155px;white-space:nowrap;overflow:hidden}.curator span:last-child{overflow:hidden;text-overflow:ellipsis}.curator-logo{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#086d56;color:#fff;font-size:12px}.apy{font-weight:400;color:#0d1821;font-size:12px}
.table-footer{min-height:52px;background:#f9fafb;padding:8px 18px}.disclaimer{max-width:100%;padding:8px 4px;margin-top:12px;font-size:10px}.disclaimer p{line-height:1.5}.count,.section-heading{display:none}
.dark{--bg:#15191f;--paper:#222832;--ink:#edf0f5;--muted:#a5afbc;--line:#404856;--accent:#78a6ff}.dark .topbar,.dark .filter-panel,.dark table,.dark .table-card,.dark thead,.dark .table-footer{background:#222832}.dark .brand-name,.dark .brand-caret,.dark .nav-link,.dark .hero p,.dark .filter-row .filter-control,.dark .value-pair strong,.dark .curator,.dark .apy{color:#edf0f5}.dark .total-card{background:#2d3542}.dark .total-card strong,.dark .metric-label{color:#edf0f5}.dark .value-pair small,.dark .search-wrap{background:#38404c;color:#edf0f5}
@media(max-width:950px){.topbar{padding:0 14px;gap:13px}.main-nav{gap:3px}.page-shell{width:calc(100vw - 32px)}.filter-row{gap:7px}.table-tools{gap:6px}.search-wrap{width:160px}}
@media(max-width:760px){.topbar{height:63px}.brand-name{font-size:18px}.brand{gap:5px}.demo-chip{font-size:7px}.main-nav{display:none;background:#f8fafb;top:63px}.nav-link{height:43px}.mobile-menu{display:block}.page-shell{padding:28px 0 40px;width:calc(100vw - 20px)}.hero{gap:14px;flex-direction:column;margin-bottom:23px}.hero h1{font-size:31px}.total-card{margin-top:0}.filter-panel{height:auto;min-height:62px;padding:10px;flex-wrap:wrap;gap:5px}.filter-row{width:100%;gap:2px;justify-content:space-between}.filter-row .filter-control{font-size:11px;padding:8px 3px}.table-tools{width:100%;justify-content:flex-end}.search-wrap{width:65%;max-width:none}.table-scroll{max-height:590px}.table-footer{flex-wrap:wrap}.connect-btn{padding:10px 12px}}

/* V3: user-provided Morpho symbol and bundled token icon illustrations */
.brand-mark{width:31px;height:31px;background:transparent!important;border-radius:0!important;display:grid;place-items:center;flex:none}
.brand-mark img{display:block;width:31px;height:31px;object-fit:contain}
.token-avatar{background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
.token-avatar img{height:100%;width:100%;object-fit:contain;display:block}
.chain-dot{background:transparent!important;border-radius:50%!important;overflow:hidden}
.chain-dot img{display:block;width:100%;height:100%;object-fit:contain}
.coin{background:transparent!important;border:0!important;overflow:hidden}
.coin img{width:100%;height:100%;object-fit:contain}

/* V4: readable, circular Base and crypto icons */
.chain-dot,.chain-dot.base,.chain-dot.ethereum{width:21px!important;height:21px!important;background:transparent!important;overflow:visible!important}
.chain-dot img{width:100%;height:100%;display:block;object-fit:contain}
.coin img{width:100%;height:100%;display:block;object-fit:contain}

/* Base: exact user-provided blue rounded-square icon, not a B letter. */
.chain-dot.base { border-radius:0!important; }
.chain-dot.base img { object-fit:contain; image-rendering:auto; }

/* V6: high-fidelity noninteractive reference elements for internal awareness */
.total-card{padding:6px 21px!important;min-height:29px!important;gap:12px!important;}
.total-card .metric-label,.total-card strong{font-size:12px!important;line-height:16px!important}
.chain-dot.robinhood{width:22px!important;height:22px!important;background:transparent!important;border-radius:50%!important;overflow:hidden!important}
.chain-dot.robinhood img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.awareness-help-fab{position:fixed;right:24px;bottom:23px;width:56px;height:56px;border:0;border-radius:50%;background:#3276f6;color:#fff;display:grid;place-items:center;box-shadow:0 7px 22px #164db94d;z-index:9;cursor:pointer}
.awareness-help-fab svg{width:29px;height:29px}
.awareness-help-panel{position:fixed;right:24px;bottom:91px;width:min(340px,calc(100vw - 32px));border:1px solid #dbe1ea;background:white;border-radius:18px;box-shadow:0 16px 45px #1b2e4b33;z-index:10;overflow:hidden;color:#15243c}
.awareness-help-panel header{display:flex;justify-content:space-between;align-items:center;background:#3276f6;color:white;padding:15px 17px}
.awareness-help-panel header button{border:0;background:transparent;font-size:25px;color:white;cursor:pointer}
.awareness-help-body{padding:18px;font-size:13px;line-height:1.55}
.awareness-help-body p{margin:0 0 12px}
@media(max-width:760px){.awareness-help-fab{right:16px;bottom:16px}.awareness-help-panel{right:16px;bottom:82px}}

/* Compact, persistent test identifier; replaces the large disclaimer and badge */
.test-env-label{font:500 10px/1.1 system-ui,sans-serif;color:#5b6471;border:1px solid #cdd2d8;padding:5px 7px;border-radius:5px;white-space:nowrap;background:#f8f9fb;letter-spacing:.01em}
@media(max-width:600px){.test-env-label{font-size:9px;padding:4px}}