.safety-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.safety-actions .button{font-size:13px;min-height:38px;padding:8px 12px}.example-label{font-size:12px;color:var(--muted,#667568);margin-top:12px}.safety-panel{width:min(920px,94vw);max-width:none}.safety-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.safety-card{padding:20px;border:1px solid #81908755;border-radius:14px;margin:12px 0;overflow-wrap:anywhere}.safety-card small{display:block;margin:7px 0;color:inherit;opacity:.7}.safety-card p{white-space:pre-wrap;margin:10px 0}.safety-card>.button{margin:6px}.safety-stats{display:flex;gap:15px;flex-wrap:wrap;background:#d9ead955;padding:20px;border-radius:14px}.safety-warning{background:#fff1cf;color:#4f3800;padding:20px;border-radius:14px}.safety-panel h3{margin:28px 0 10px}#safetyCompose textarea{width:100%;font:inherit}#safetyCompose [role=status]{color:#bd442e}#safetyButton{margin-right:auto}[data-safety-tab][aria-pressed=true]{outline:2px solid #60a680;outline-offset:3px}.safety-panel [hidden],#accountForm[hidden],#signInLink[hidden]{display:none!important}
#safetyDialog{width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px)}
#safetyDialog>.safety-panel{width:100%;min-width:0;max-width:none}
#safetyContent{min-width:0}

.trust-strip{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:20px 24px;border:1px solid #789c8550;background:#7faf8510;border-radius:16px;margin:20px 0}.trust-strip b{font-size:17px}.trust-strip p{font-size:14px;line-height:1.6;max-width:720px;margin:7px 0 0;opacity:.8}.trust-strip .button{flex-shrink:0}@media(max-width:650px){.trust-strip{align-items:stretch;flex-direction:column;gap:14px}.display-preferences{flex-wrap:wrap}#safetyButton{width:100%}}
.welcome-note{display:flex;align-items:flex-start;gap:14px;max-width:1180px;margin:22px auto 14px;padding:16px 20px;border:1px solid #81974735;border-radius:7px;background:rgba(255,255,255,.64);color:var(--ink,#202722)}.welcome-note p{margin:0;font-size:13px;line-height:1.65;color:var(--muted,#6f756e)}.welcome-note p b{color:var(--ink,#202722)}.welcome-mark{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e5edcf;color:#526b32;font:700 20px Georgia,serif}@media(max-width:1250px){.welcome-note{margin-left:24px;margin-right:24px}}@media(max-width:650px){.welcome-note{margin-top:14px;padding:14px;gap:10px}.welcome-note p{font-size:12px}}
.hero-photo-frame{background:#e8e5dc}.hero-photo-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%}.hero-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,35,25,.03) 35%,rgba(24,35,25,.32) 100%);pointer-events:none}.hero-photo-frame .art-tag{z-index:2}.nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:99px;background:#b23d30;color:#fff;font-size:10px;font-style:normal;font-weight:800}.nav-badge[hidden]{display:none}
.bottom-taskbar{position:fixed;z-index:35;left:50%;bottom:16px;transform:translateX(-50%);width:min(600px,calc(100% - 30px));display:grid;grid-template-columns:repeat(6,1fr);padding:8px;background:rgba(255,255,255,.96);border:1px solid #dce3d8;border-radius:18px;box-shadow:0 14px 40px rgba(25,40,29,.18);backdrop-filter:blur(14px)}.taskbar-item{position:relative;min-height:54px;display:grid;align-content:center;justify-items:center;gap:2px;border:0;border-radius:12px;background:transparent;color:#526052}.taskbar-item>span{position:relative;font-size:20px;line-height:1.1}.taskbar-item small{font-size:10px;font-weight:700}.taskbar-item:hover,.taskbar-item:focus-visible{background:#eef2e8;color:#243e2e;outline-offset:1px}.taskbar-item .nav-badge{position:absolute;top:-5px;right:-13px;min-width:16px;height:16px;font-size:9px}
.dashboard-modal{width:min(880px,calc(100% - 24px));max-width:880px}.dashboard-modal>.modal-card{width:100%}.dashboard-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;border-bottom:1px solid var(--line,#dfe5dd)}.dashboard-tab{white-space:nowrap;border:0;border-radius:999px;padding:10px 14px;background:#eff2ea;color:#586558;font-weight:700;font-size:12px}.dashboard-tab.selected{background:#294934;color:#fff}.dashboard-summary{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.dashboard-summary span,.dashboard-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:99px;background:#eef2e7;color:#46583e;font-size:11px;font-weight:700}.dashboard-listing{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:13px 18px;padding:17px 0;border-bottom:1px solid var(--line,#dfe5dd)}.dashboard-listing-main small{display:block;margin:8px 0 3px;color:var(--muted,#667267);font-size:11px}.dashboard-listing-main h3{margin:5px 0;font-size:16px}.dashboard-listing-main>b{font-size:13px}.dashboard-metrics{display:flex;gap:13px;align-items:center}.dashboard-metrics span{min-width:56px;text-align:center;color:#65725f}.dashboard-metrics b,.dashboard-metrics small{display:block}.dashboard-metrics b{font-size:16px;color:var(--ink,#253329)}.dashboard-metrics small{font-size:9px}.dashboard-pill.sold{background:#e6f0e6;color:#356144}.dashboard-pill.archived,.dashboard-pill.removed{background:#efeee9;color:#66665b}.dashboard-pill.hidden{background:#fff0d2;color:#72521c}.dashboard-listing-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.dashboard-listing-actions .button{min-height:38px;font-size:11px}.dashboard-empty,.dashboard-note{padding:14px;border-radius:10px;background:#f2f4ed;color:var(--muted,#687368);font-size:12px;line-height:1.6}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0}.dashboard-stats article{min-height:100px;padding:16px;border:1px solid var(--line,#dfe5dd);border-radius:12px;background:var(--white,#fff)}.dashboard-stats span,.dashboard-stats b{display:block}.dashboard-stats span{color:var(--muted,#687368);font-size:11px}.dashboard-stats b{margin-top:9px;font-size:25px}.dashboard-stats .text-button{margin-top:7px;padding:0;font-size:11px}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line,#dfe5dd)}.saved-title{border:0;background:transparent;text-align:left;color:var(--ink,#253329);font-weight:700}.saved-title small{display:block;margin-top:4px;color:var(--muted,#687368);font-weight:500}
.google-signin-button{display:flex;justify-content:center;min-height:44px;margin:10px 0}.google-signin-status{margin:6px 0 14px!important;text-align:center;font-size:12px!important}
.trade-save{padding:8px 11px;border:1px solid #dce3d9;border-radius:7px;background:#fff;color:#53684d;font-size:11px;font-weight:700}.trade-save.saved{background:#edf4df;color:#365032}html[data-theme="dark"] .trade-save{background:#27352b;color:#d8edb4;border-color:#60715e}
html[data-theme="dark"] .welcome-note,html[data-theme="dark"] .bottom-taskbar{background:rgba(31,42,34,.97);border-color:#465247;color:#edf2e9}html[data-theme="dark"] .welcome-note p,html[data-theme="dark"] .welcome-note p b,html[data-theme="dark"] .taskbar-item,html[data-theme="dark"] .saved-title{color:#edf2e9}html[data-theme="dark"] .taskbar-item:hover,html[data-theme="dark"] .dashboard-tab{background:#29372d;color:#e5eddf}html[data-theme="dark"] .dashboard-tab.selected{background:#dff28a;color:#203121}html[data-theme="dark"] .dashboard-listing,html[data-theme="dark"] .saved-row{border-color:#465247}html[data-theme="dark"] .dashboard-summary span,html[data-theme="dark"] .dashboard-pill,html[data-theme="dark"] .dashboard-empty,html[data-theme="dark"] .dashboard-note{background:#28372d;color:#cbd8c7}html[data-theme="dark"] .dashboard-stats article{background:#222d25;border-color:#465247}html[data-theme="dark"] .dashboard-metrics b,html[data-theme="dark"] .dashboard-listing-main h3{color:#edf2e9}
body{padding-bottom:96px}.message-nav{white-space:nowrap}@media(max-width:760px){.bottom-taskbar{bottom:0;width:100%;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;border-bottom:0}.taskbar-item{min-height:51px}.taskbar-item small{font-size:9px}.top-actions #dashboardButton,.top-actions .message-nav{display:none}.dashboard-listing{grid-template-columns:1fr}.dashboard-metrics{justify-content:flex-start}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-listing-actions{grid-column:auto}}
.project-add{width:100%;margin-top:12px}.project-panel{width:min(1020px,94vw);max-width:none}.project-meta{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:18px 0}.project-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;background:#739d7b15;border-radius:16px}.project-totals small,.project-totals b{display:block}.project-totals b{font-size:20px;margin-top:8px}.project-totals p{grid-column:1/-1;margin:6px 0 0}.project-total b{color:#419265}.project-note{font-size:13px;line-height:1.7;opacity:.8;margin:16px 0 26px}.project-item{border:1px solid #81908755;border-radius:14px;padding:16px;margin:14px 0}.project-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.project-item-top input{width:auto}.project-fields{display:grid;grid-template-columns:2fr .7fr .7fr 1fr 1fr;gap:12px;margin-top:15px}.project-fields label{font-size:12px;display:flex;flex-direction:column;gap:7px}.project-fields input{min-width:0;width:100%;font:inherit;font-size:15px;padding:10px;border:1px solid #81908755;border-radius:8px;background:transparent;color:inherit}.project-notes{margin-top:24px}.project-empty{padding:30px;background:#739d7b12;border-radius:14px;margin:16px 0}.project-panel input,.project-panel textarea,.project-panel select{color:inherit}#pickerNameWrap[hidden]{display:none!important}#projectStatus{min-height:24px}@media(max-width:700px){.project-meta{grid-template-columns:1fr}.project-totals{grid-template-columns:1fr 1fr}.project-fields{grid-template-columns:1fr 1fr}.project-fields label:first-child{grid-column:1/-1}.project-item-top{flex-wrap:wrap}#projectsButton{width:100%}}

.safety-admin-overview,.member-directory{margin:16px 0 22px;padding:clamp(16px,3vw,24px);border:1px solid #dfe5dd;border-radius:14px;background:#f8faf6}.safety-admin-overview>header,.member-directory>header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.safety-admin-overview h3,.member-directory h3{margin:5px 0 0}.safety-admin-overview>header>small,.member-directory>header>span{color:#68766b;font-size:12px}.safety-admin-overview .safety-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;background:none}.safety-stats>article{display:grid;gap:6px;min-height:92px;padding:14px;border:1px solid #e0e6db;border-radius:10px;background:#fff}.safety-stats>article>small{font-size:11px;color:#637064}.safety-stats>article>b{font-size:24px;color:#263e30}.safety-stats>article>b small{font-size:12px;color:#708071}.safety-top-profiles{margin-top:20px}.safety-top-profiles h4{margin:0 0 8px}.safety-top-profiles>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #e2e8df}.member-directory{background:#fff}.member-directory>header{margin-bottom:12px}.member-search{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto auto;gap:8px;margin:14px 0}.member-search input,.member-search select{min-width:0;min-height:48px;padding:10px 12px;border:1px solid #cfd9cf;border-radius:7px;background:#fff;color:#25352a;font:inherit}.member-results-summary{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;color:#647065;font-size:13px}.member-results-summary b{color:#263e30}.member-list{display:grid;gap:8px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:14px;border:1px solid #e1e7df;border-radius:10px;background:#fbfcfa}.member-row-main{display:grid;gap:3px;min-width:0}.member-row-main>a{width:max-content;max-width:100%;overflow-wrap:anywhere;color:#365d41;text-decoration:underline;text-underline-offset:2px}.member-row-main>small,.member-row-side>small{font-size:11px;color:#718071}.member-row-side{display:grid;justify-items:end;gap:4px;text-align:right}.member-status{font-size:11px;font-weight:700}.member-status.active{color:#38724b}.member-status.banned{color:#a33d34}.member-actions{grid-column:1/-1;border-top:1px solid #e7ebe5;padding-top:8px}.member-actions summary,.admin-disclosure summary{cursor:pointer;color:#3f5f47;font-size:12px;font-weight:700}.member-actions .safety-actions{margin-top:8px}.member-actions .button{min-height:36px}.member-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.member-pagination>span{color:#667368;font-size:12px}.member-pagination .button:disabled{opacity:.45;cursor:default}.admin-disclosure{margin:12px 0;padding:14px 16px;border:1px solid #dfe5dd;border-radius:10px;background:#fafbf9}.admin-disclosure summary{font-size:14px}.admin-disclosure[open]>summary{margin-bottom:12px}.admin-disclosure .safety-card{background:#fff}.admin-disclosure>p{overflow-wrap:anywhere}
html[data-theme="dark"] :is(.safety-admin-overview,.member-directory,.member-row,.admin-disclosure){background:#202923;border-color:#465247;color:#edf2e9}html[data-theme="dark"] .safety-stats>article{background:#19211c;border-color:#465247}html[data-theme="dark"] .safety-stats>article>b,.member-results-summary b{color:#e5efdd}html[data-theme="dark"] :is(.safety-admin-overview>header>small,.member-directory>header>span,.safety-stats>article>small,.safety-stats>article>b small,.member-row-main>small,.member-row-side>small,.member-results-summary,.member-pagination>span){color:#bdc9bc}html[data-theme="dark"] .member-search :is(input,select){background:#151c17;color:#edf2e9;border-color:#687764}html[data-theme="dark"] .member-row-main>a{color:#c3e38e}html[data-theme="dark"] .member-actions{border-color:#465247}html[data-theme="dark"] :is(.member-actions summary,.admin-disclosure summary){color:#d3e6bf}html[data-theme="dark"] .safety-top-profiles>div{border-color:#465247}
@media(max-width:700px){.safety-admin-overview .safety-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.member-search{grid-template-columns:1fr 1fr}.member-search input{grid-column:1/-1}.member-search button{width:100%;padding-inline:9px}.safety-admin-overview>header,.member-directory>header{align-items:flex-start;flex-direction:column}.member-row{grid-template-columns:1fr}.member-row-side{justify-items:start;text-align:left}}

.owner-analytics{margin-top:22px;padding:clamp(16px,3vw,22px);border:1px solid #dfe5dd;border-radius:14px;background:#eff2e9}.owner-analytics>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.owner-analytics h3{margin:4px 0 0}.owner-analytics>.owner-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}.owner-stat-grid article{min-height:95px;padding:13px;border:1px solid #e0e6db;border-radius:10px;background:#fff}.owner-stat-grid span,.owner-stat-grid b,.owner-stat-grid small{display:block}.owner-stat-grid span{font-size:11px;color:#617064}.owner-stat-grid b{margin:5px 0;font-size:24px;color:#263e30}.owner-stat-grid small{font-size:10px;color:#738071}.owner-analytics h4{margin:18px 0 8px}.owner-profile-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #dfe5d8}.owner-profile-row>div{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:45%;font-size:11px}.owner-profile-row i{display:block;height:7px;max-width:170px;border-radius:8px;background:#9db95e}.owner-profile-row b{white-space:nowrap}.owner-analytics>.button{font-size:11px;min-height:40px;padding:8px 12px}html[data-theme="dark"] .owner-analytics{background:#222d25;border-color:#465247}html[data-theme="dark"] .owner-stat-grid article{background:#19211c;border-color:#465247}html[data-theme="dark"] .owner-stat-grid b{color:#e5efdd}html[data-theme="dark"] .owner-stat-grid span,html[data-theme="dark"] .owner-stat-grid small{color:#bdc9bc}html[data-theme="dark"] .owner-profile-row{border-color:#465247}html[data-theme="dark"] .owner-profile-row i{background:#b5d475}
@media(max-width:600px){.owner-analytics>header{align-items:flex-start;flex-direction:column}.owner-analytics>.owner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-profile-row>div{min-width:55%}.owner-profile-row i{max-width:100px}}
.admin-analytics{margin:16px 0 22px;padding:clamp(15px,3vw,24px);border:1px solid #dce5d8;border-radius:16px;background:linear-gradient(150deg,#f4f7ef,#fff 68%);color:#26362a}.analytics-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.analytics-title h3{margin:5px 0}.analytics-title p{margin:0;color:#68766b;font-size:13px}.analytics-ranges{display:flex;gap:4px;padding:4px;border:1px solid #d9e2d5;border-radius:10px;background:#fff;white-space:nowrap}.analytics-ranges button,.analytics-metric-tabs button{border:0;border-radius:7px;padding:9px 11px;background:transparent;color:#59685d;font:inherit;font-size:12px;cursor:pointer}.analytics-ranges button[aria-pressed=true],.analytics-metric-tabs button[aria-pressed=true]{background:#284433;color:#fff}.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:17px 0}.analytics-kpis article{display:grid;gap:6px;min-width:0;padding:13px;border:1px solid #e0e7dc;border-radius:11px;background:#fff}.analytics-kpis article span{font-size:11px;color:#637064}.analytics-kpis article b{font-size:24px;line-height:1.1;color:#263e30}.analytics-kpis article small{font-size:10px;color:#778278}.analytics-chart-card,.analytics-list-card,.analytics-inventory{padding:15px;border:1px solid #e0e7dc;border-radius:12px;background:#fff}.analytics-metric-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:10px;border-bottom:1px solid #edf0eb}.analytics-metric-tabs button{flex:0 0 auto}.analytics-chart-head{display:flex;justify-content:space-between;gap:8px;margin:13px 0 2px;font-size:12px}.analytics-chart-head span{color:#748073;font-size:11px}.analytics-chart{display:block;width:100%;height:auto;min-height:145px;overflow:visible}.analytics-chart line{stroke:#e3e9e0;stroke-width:1}.analytics-chart text{fill:#738071;font:11px system-ui,sans-serif}.analytics-chart .analytics-date{font-size:10px}.analytics-area{fill:#dfead3;opacity:.8}.analytics-line{fill:none;stroke:#4d7946;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.analytics-point{fill:#b8d86d;stroke:#fff;stroke-width:2}.analytics-footnote,.analytics-empty-note{margin:8px 0 0;color:#778278;font-size:11px;line-height:1.5}.analytics-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.analytics-list-card h4,.analytics-inventory h4{margin:0 0 9px;font-size:14px}.analytics-list-card>article{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf0eb}.analytics-rank{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eff3e9;color:#56714b;font-size:10px;font-weight:700}.analytics-list-card>article>div{display:grid;gap:3px;min-width:0}.analytics-list-card>article>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.analytics-list-card>article>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#778278;font-size:10px}.analytics-list-card>article>strong{display:grid;text-align:right;font-size:13px;white-space:nowrap}.analytics-list-card>article>strong small{color:#778278;font-size:9px;font-weight:400}.analytics-inventory{margin-top:10px}.analytics-inventory-bar{display:flex;height:10px;overflow:hidden;border-radius:10px;background:#edf0eb}.analytics-inventory-bar .active{background:#84aa5a}.analytics-inventory-bar .sold{background:#d5a84d}.analytics-inventory-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;color:#68766b;font-size:10px}.analytics-inventory-legend span{display:flex;align-items:center;gap:5px}.analytics-inventory-legend b{color:#2d4032}.analytics-inventory-legend i{width:8px;height:8px;border-radius:50%;background:#84aa5a}.analytics-inventory-legend i.sold{background:#d5a84d}.admin-analytics[aria-busy=true]{opacity:.68;pointer-events:none}
html[data-theme="dark"] .admin-analytics{background:linear-gradient(150deg,#222d25,#19211c 70%);border-color:#465247;color:#edf2e9}html[data-theme="dark"] :is(.analytics-ranges,.analytics-chart-card,.analytics-list-card,.analytics-inventory,.analytics-kpis article){background:#19211c;border-color:#465247;color:#edf2e9}html[data-theme="dark"] :is(.analytics-kpis article b,.analytics-inventory-legend b){color:#e5efdd}html[data-theme="dark"] :is(.analytics-kpis article span,.analytics-kpis article small,.analytics-title p,.analytics-chart-head span,.analytics-footnote,.analytics-empty-note,.analytics-list-card>article>div small,.analytics-list-card>article>strong small,.analytics-inventory-legend){color:#bdc9bc}html[data-theme="dark"] .analytics-ranges button,html[data-theme="dark"] .analytics-metric-tabs button{color:#bdc9bc}html[data-theme="dark"] :is(.analytics-ranges button[aria-pressed=true],.analytics-metric-tabs button[aria-pressed=true]){background:#b5d475;color:#1d2b20}html[data-theme="dark"] .analytics-chart line,html[data-theme="dark"] .analytics-list-card>article{stroke:#465247;border-color:#465247}html[data-theme="dark"] .analytics-chart text{fill:#bdc9bc}html[data-theme="dark"] .analytics-area{fill:#536d3f}html[data-theme="dark"] .analytics-line{stroke:#b5d475}
@media(max-width:760px){.analytics-title{flex-direction:column}.analytics-ranges{max-width:100%;overflow-x:auto}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis article:last-child{grid-column:1/-1}.analytics-lists{grid-template-columns:1fr}.analytics-chart{min-height:125px}}

/* Keep the mobile header and marketplace controls inside the viewport. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  .topbar{width:100%;min-width:0;height:64px;padding:0 14px;gap:8px;overflow:hidden}
  .brand{flex:0 1 auto;min-width:0;gap:7px;font-size:18px;letter-spacing:-.8px;white-space:nowrap}
  .brand-mark{flex:0 0 27px;width:27px;height:27px;font-size:22px}
  .top-actions{flex:0 1 auto;min-width:0;gap:6px}
  .top-actions .button{min-width:0;max-width:132px;padding:0 10px;white-space:nowrap;font-size:11px}
  .top-actions #loginButton{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
  .market-switch-wrap{width:auto;max-width:1080px;margin:18px 16px 26px;position:relative;z-index:2}
  .market-switch-wrap:has(+ .market-section:not([hidden])){margin-bottom:26px}
  .market-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .market-mode{min-width:0;min-height:72px;gap:8px;padding:10px}
  .market-mode>span:nth-child(2){min-width:0}
  .market-mode small{font-size:9px;line-height:1.35}
  .market-mode-arrow{flex:0 0 auto}
  .unified-summary{width:auto;max-width:1080px;margin:12px 16px 0;padding:10px 12px;flex-wrap:wrap;gap:7px;line-height:1.4}
  .unified-summary>span{width:100%}
  .market-section,.trades-section{padding-top:34px}
  body{padding-bottom:112px}
  .bottom-taskbar{bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:400px){
  .topbar{padding:0 10px;gap:6px}
  .brand{font-size:16px;gap:5px}
  .brand-mark{flex-basis:25px;width:25px;height:25px;font-size:20px}
  .top-actions #loginButton{display:none}
  .top-actions .button{max-width:126px;padding:0 8px;font-size:10px}
  .market-mode{gap:6px;padding:9px}
  .market-mode-icon{flex-basis:30px;width:30px;height:30px}
}