:root{--export-accent:#ffc83d;--export-brand:#21152d;--export-violet:#6244d9;--accent-ink:#171219;--brand-ink:#ffffff;color-scheme:light;--paper:#f5f3f7;--surface:#ffffff;--ink:#21152d;--muted:#716679;--line:#e5dfeb;--soft:#f0ebf5;--positive:#eaf7f0;--green:#076645;--cream:#fff7e8}
:root[data-appearance=dark]{--paper:#17121d;--surface:#251f2c;--ink:#f6f2fa;--muted:#bfb3ca;--line:#46394f;--soft:#362b40;--positive:#213c31;--green:#8ee0ba;--cream:#40341f}
html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--export-violet);outline-offset:3px}
/* Catalogue: complete surface overrides, including previously fixed light fills. */
body.dark{--paper:#17121d;--surface:#251f2c;--ink:#f6f2fa;--muted:#bfb3ca;--line:#46394f;--green:#8ee0ba}
.topbar,.dark .topbar,.app-screen,.dark .app-screen,.category,.product-card,.dark .product-card,.metric,.dark .metric,.list-item,.dark .list-item,.input,.dark .input,.pill,.video-product,.search,.search input,.quiet-button,.icon-button,.pager button:first-child{background:var(--surface);color:var(--ink)}
#screenCanvas{position:relative;background:var(--surface)}.app-head .round,.secondary,.chips span,.viewport-control,.dark .viewport-control{background:var(--soft);color:var(--ink)}.viewport-control button.active,.dark .viewport-control button.active{background:var(--surface);color:var(--ink);box-shadow:none}.category i,.list-icon,.empty-icon{background:var(--cream)}.bottom-nav{background:var(--surface);position:relative}.bottom-nav .active{color:var(--export-violet)}.ready,.tag{background:var(--positive);color:var(--green)}.edge-note,.dark .edge-note{background:var(--soft);border-color:var(--line)}.sidebar,.hero-card,.edge-hero,.pager button:last-child,.toast{background:var(--export-brand)!important;color:var(--brand-ink)}.hero-card h2,.hero-card p,.edge-hero h2,.edge-hero p,.sidebar .brand small,.catalog-meta span,.side-foot{color:var(--brand-ink)}.domain-button{color:var(--brand-ink)}.domain-button:hover,.domain-button.active,.catalog-meta{background:color-mix(in srgb,var(--brand-ink) 12%,var(--export-brand))}.primary,.brand-mark,.edge-spark{background:var(--export-accent);color:var(--accent-ink)}.chart{background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--line) 32px 33px),linear-gradient(145deg,transparent 42%,var(--export-violet) 43% 45%,transparent 46%)}.map{background-color:var(--soft);background-image:linear-gradient(30deg,var(--surface) 12%,transparent 12.5%,transparent 87%,var(--surface) 87.5%),linear-gradient(150deg,var(--surface) 12%,transparent 12.5%,transparent 87%,var(--surface) 87.5%)}.map-pin,.timeline-item:before{border-color:var(--surface)}.product-image{color:#171219}.video-product{color:var(--ink)}.skeleton{background:var(--soft)!important}.quiet-button#stateButton{display:inline-block}.topbar{flex-wrap:wrap;min-height:70px;height:auto;padding-top:10px;padding-bottom:10px}.spec-panel{position:static}.stage{grid-template-columns:minmax(0,1fr) 310px}.device{min-width:0}.form-actions{flex-wrap:wrap}.stage.desktop .cards,.stage.desktop .metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
/* Walkthrough: configurable brand surfaces use automatically contrasting labels. */
#teyavo-walkthrough .tw-rail,#teyavo-walkthrough .tw-feature,#teyavo-walkthrough .tw-button.dark{color:var(--brand-ink)}#teyavo-walkthrough .tw-feature h2,#teyavo-walkthrough .tw-feature p,#teyavo-walkthrough .tw-rail small,#teyavo-walkthrough .tw-nav button,#teyavo-walkthrough .tw-rail-foot,#teyavo-walkthrough .tw-rail-foot button{color:var(--brand-ink)}#teyavo-walkthrough .tw-role select,#teyavo-walkthrough .tw-nav button[aria-current=page]{background:color-mix(in srgb,var(--brand-ink) 12%,var(--t-night));color:var(--brand-ink);border-color:color-mix(in srgb,var(--brand-ink) 35%,var(--t-night))}#teyavo-walkthrough .tw-button.primary{color:var(--accent-ink)}#teyavo-walkthrough .tw-panel{overflow-wrap:anywhere}#teyavo-walkthrough input,#teyavo-walkthrough select,#teyavo-walkthrough textarea{max-width:100%;font-size:16px}#teyavo-walkthrough dialog{max-width:calc(100vw - 32px)}
@media(max-width:950px){.stage{grid-template-columns:1fr}.viewport-control{display:flex}.screen-header{flex-wrap:wrap}}
@media(max-width:440px){.top-actions{gap:5px}.quiet-button{padding:7px}.screen-header h1{overflow-wrap:anywhere}.category-row{gap:5px}}