/* The website starts in dark Gold. Visitors can still choose any palette. */
:root{--nav-height:84px;--panel:#fff;--raised:#eeefe9}
html{scroll-padding-top:calc(var(--nav-height) + 24px)}
body{padding-top:var(--nav-height)}
.site-header{position:fixed;inset:0 0 auto;height:var(--nav-height);z-index:100;background:color-mix(in srgb,var(--paper),transparent 9%);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav{flex-wrap:nowrap}
.nav-links a[href="#features"]{display:inline}
.wheel{padding-top:25px;gap:8px}
.widget-top-grip{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,2px);grid-template-rows:repeat(2,2px);gap:2px;color:var(--wheel-ink);opacity:.5}
.widget-top-grip i{width:2px;height:2px;border-radius:50%;background:currentColor}
.widget-top-close{position:absolute;top:2px;right:13px;color:var(--wheel-ink);opacity:.65;font-size:15px;line-height:16px}
html[data-appearance=dark]{--paper:#151714;--ink:#efeee8;--muted:#a8aa9f;--line:#35392f;--panel:#1e211c;--raised:#292d25;--accent:#ba9333;--wash:#342d1d;--leaf:#796018;--wheel-light:#292c26;--wheel-fill:#22251f;--wheel-base:#1c1f19;--wheel-line:#45493c;--wheel-ink:#e6e6db;color-scheme:dark}
html[data-appearance=dark] .button-dark{background:var(--accent);color:var(--active-ink,#171912)}
html[data-appearance=dark] .button-dark:hover{background:color-mix(in srgb,var(--accent),white 12%)}
html[data-appearance=dark] .button-light{background:var(--raised);color:var(--ink);border-color:var(--line)}
html[data-appearance=dark] .button-light:hover{background:#353a2e}
html[data-appearance=dark] .brand .platform{color:var(--muted);border-color:var(--line)}
html[data-appearance=dark] .nav-links{color:#c1c3b7}
html[data-appearance=dark] .hero-halo{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent),transparent 87%),transparent 68%)}
html[data-appearance=dark] :is(.hero-meta,.hero-shortcut span,.theme-caption,.themes-copy .theme-mode-note,.formats-note,.search-example,.site-footer>p,.site-footer>div){color:var(--muted)}
html[data-appearance=dark] .hero-meta span{color:#777d6d}
html[data-appearance=dark] :is(kbd,.hero-shortcut kbd){background:#2d3128;border-color:#454c3a;box-shadow:0 3px 0 #0e100d;color:#d1d5c5}
html[data-appearance=dark] .hero-shortcut strong{color:#c3c8b6}
html[data-appearance=dark] .status-dot{background:var(--accent)}
html[data-appearance=dark] .playground{background:var(--panel);border-color:var(--line);box-shadow:0 18px 45px #0002}
html[data-appearance=dark] .sample-tabs{border-color:var(--line)}
html[data-appearance=dark] .sample-tabs button{color:var(--muted)}
html[data-appearance=dark] .sample-tabs button[aria-selected=true]{background:var(--wash);color:var(--ink)}
html[data-appearance=dark] .demo-stage{background:linear-gradient(145deg,#292e23,#242a22 55%,#2e2d22)}
html[data-appearance=dark] .orb-one{background:linear-gradient(150deg,#343c28,#414a30);box-shadow:0 -15px 60px #151b1440}
html[data-appearance=dark] .orb-two{background:linear-gradient(150deg,#4b422c,#343a2680);box-shadow:0 -5px 70px #181d1533}
html[data-appearance=dark] :is(.stage-label,.drag-caption,.demo-file>span:last-child){color:#b3bda5}
html[data-appearance=dark] .drag-caption svg{stroke:#a0ad8c}
html[data-appearance=dark] .demo-file{color:#e2e5d7}
html[data-appearance=dark] .demo-file strong{background:#131810b5}
html[data-appearance=dark] .widget-grid .wheel-sector{background:#ffffff08;border-color:#494e40}
html[data-appearance=dark] .widget-grid .wheel-sector.is-selected{background:var(--accent);border-color:var(--accent)}
html[data-appearance=dark] .widget-mini-modes{background:#ffffff06}
html[data-appearance=dark] :is(.widget-sample .widget-remove,.widget-dots){color:#a7ae99}
html[data-appearance=dark] :is(.demo-result,.demo-drag-hint){background:#1c2419ed;border-color:#586344;color:#ccd4bd}
html[data-appearance=dark] .demo-result.complete{background:#26331fea;color:#d1e2bc}
html[data-appearance=dark] .mode-tabs button{color:var(--muted)}
html[data-appearance=dark] .mode-tabs button[aria-pressed=true]{background:var(--raised);color:var(--ink)}
html[data-appearance=dark] :is(.demo-disclaimer,.demo-footnotes strong){color:#adb5a0}
html[data-appearance=dark] .preview-menu{background:#20251df7;border-color:var(--line);box-shadow:0 15px 45px #0005}
html[data-appearance=dark] .preview-menu button{color:#c4cbb7}
html[data-appearance=dark] .benefits>div>span{color:var(--accent)}
html[data-appearance=dark] :is(.feature-card,.summon-card,.results-card,.position-card){background:var(--panel);border:1px solid var(--line)}
html[data-appearance=dark] .tiny-label{color:#b3b899}
html[data-appearance=dark] .keycap{background:linear-gradient(120deg,#414638,#282e23);color:#c0c9ae;border-color:#4b5540;box-shadow:7px 13px 22px #0004,inset 0 1px 2px #ffffff15}
html[data-appearance=dark] .shortcut-trail>span:not([data-mark]){background:#65704f}
html[data-appearance=dark] .tool-art{background:radial-gradient(ellipse,#41482c44,transparent 65%)}
html[data-appearance=dark] .tool-stack>span{background:#2e3428;color:#b7c4a4;border-color:#49523b;box-shadow:0 6px 20px #0003}
html[data-appearance=dark] .tool-stack>span:nth-child(2){color:#cbb07e}
html[data-appearance=dark] .tool-stack>span:nth-child(3){color:#b5c2cf}
html[data-appearance=dark] .result-row{background:#2a3024;border-color:#414a34;color:#d1d7c6;box-shadow:0 8px 20px #0002}
html[data-appearance=dark] .result-row small{color:#b1ba9f}
html[data-appearance=dark] .file-square{background:#39452c;color:#bbd498;border-color:#50613b}
html[data-appearance=dark] .file-square.blue{background:#2d3b44;color:#b3ccdb;border-color:#455c6a}
html[data-appearance=dark] .file-square.orange{background:#493c29;color:#ddbd88;border-color:#65543a}
html[data-appearance=dark] .check{background:#39472d;color:#bbd498}
html[data-appearance=dark] .position-window{background:#303b2c;border-color:#4e5a44}
html[data-appearance=dark] .position-window:before{background:#45553a}
html[data-appearance=dark] .position-window>span{background:#7c8e69}
html[data-appearance=dark] .themes-section{background:#1b1e18;border-color:var(--line)}
html[data-appearance=dark] .theme-mode{background:var(--raised)}
html[data-appearance=dark] .theme-mode button{color:#b1b8a4}
html[data-appearance=dark] .theme-mode button[aria-pressed=true]{background:#444b37;color:#f1f2e8}
html[data-appearance=dark] .theme-swatches button{color:#aeb49e}
html[data-appearance=dark] .theme-swatches button[aria-pressed=true]{color:var(--ink)}
html[data-appearance=dark] .format-search{border-color:#535b46;color:#b3bea3}
html[data-appearance=dark] .format-search input{color:var(--ink)}
html[data-appearance=dark] .format-search input::placeholder{color:#a3ad94}
html[data-appearance=dark] .format-card{background:var(--panel);border-color:var(--line)}
html[data-appearance=dark] .format-card>span{background:var(--raised);color:#becb9e}
html[data-appearance=dark] :is(.format-card>p,.format-card details p){color:#adb69e}
html[data-appearance=dark] .format-card summary{color:#c3ceae}
html[data-appearance=dark] .privacy-orbit{background:radial-gradient(ellipse,#56693622,transparent 70%)}
html[data-appearance=dark] .privacy-lock{background:linear-gradient(#3a442b,#262e1c);border-color:#5c7043;box-shadow:0 20px 40px #0003}
html[data-appearance=dark] .privacy-file{background:#2f3824;color:#bdc9a8;border-color:#4c5a3b}
html[data-appearance=dark] .pf-two{background:#3c3426;color:#cfbb94;border-color:#64553c}
html[data-appearance=dark] .pf-three{background:#29353a;color:#aac1cd;border-color:#465c66}
html[data-appearance=dark] :is(.local-badge,.privacy-note){color:#b5c3a2}
html[data-appearance=dark] .step-number{background:var(--panel);color:var(--accent);border-color:var(--line)}
html[data-appearance=dark] .steps p strong{color:#d0d5c1}
html[data-appearance=dark] .faq-list details{border-color:var(--line)}
html[data-appearance=dark] .faq-list summary{color:#d8dccb}
html[data-appearance=dark] .download-section{background:#25261c;border-color:#494a32}
html[data-appearance=dark] .download-section:before{background:radial-gradient(ellipse,#9a7d3028,transparent 70%)}
html[data-appearance=dark] :is(.download-copy h2,.download-card h3){color:#e5e5d3}
html[data-appearance=dark] :is(.download-copy .eyebrow,.download-copy>p,.download-card ul,.download-card small){color:#b6bba1}
html[data-appearance=dark] .download-card{background:#1d2117;border-color:#464e32;box-shadow:0 15px 40px #0002}
html[data-appearance=dark] .windows-outline{color:var(--accent)}
html[data-appearance=dark] .site-footer{border-color:var(--line)}
html[data-appearance=dark] dialog{background:var(--panel);border-color:var(--line);box-shadow:0 25px 100px #0007}
html[data-appearance=dark] dialog::backdrop{background:#080b0788}
html[data-appearance=dark] :is(.install-notes,.download-access,.preview-note){color:#aeb79f}
html[data-appearance=dark] .install-notes strong{color:#d8dfcb}
html[data-appearance=dark] .web-tablet{background:#252920;border-color:#454d38;box-shadow:0 18px 45px #0004}
html[data-appearance=dark] .web-tablet-camera{background:#8a9874}
html[data-appearance=dark] .photo-preview-canvas{background:linear-gradient(135deg,#514630,#34462d)}
html[data-appearance=dark] .photo-demo-toolbar button{color:#b8c2a7}
html[data-appearance=dark] .photo-demo-toolbar button[aria-pressed=true]{background:#3e4b30;color:#dfebcd}
html[data-appearance=dark] .photo-showcase-copy li strong{color:#d3dfbf}
html[data-appearance=dark] .photo-showcase-copy li span{color:#b4bea4}
html[data-appearance=dark] .photo-showcase-copy small{color:#a5af97}
html[data-appearance=dark] .web-layout-select select{background:var(--raised);color:var(--ink);border-color:var(--line)}
@media(max-width:800px){:root{--nav-height:72px}}
@media(max-width:580px){:root{--nav-height:66px}.nav{gap:15px}.nav-links{margin-left:auto}.nav-links a[href="#features"]{display:inline}.wheel{padding-top:24px}}
@media(max-width:360px){.nav{gap:10px}.nav-links{font-size:10px}.nav-download{padding-inline:9px}.brand{font-size:23px;gap:6px}}

.brand>[data-logo-lockup]{display:block;width:114px;height:41px;flex:none}.brand>[data-logo-lockup] .zest-lockup{width:100%;height:100%}.site-footer .brand>[data-logo-lockup]{width:108px;height:39px}@media(max-width:360px){.brand>[data-logo-lockup]{width:99px;height:36px}}

.hero-shortcut kbd{width:auto;min-width:74px;padding-inline:12px;white-space:nowrap;font-size:17px}.keycap>span{font-size:30px;white-space:nowrap}@media(max-width:580px){.hero-shortcut kbd{min-width:74px;font-size:14px;width:auto}}

/* Match Zest 2.2's supplied lockup and quiet utility controls. */
.wheel{position:relative;padding-top:25px;gap:8px}.widget-header-lockup{height:29px;width:90px;flex:none;display:flex;align-items:center;cursor:default}.widget-header-lockup .zest-lockup{width:90px;height:33px}.wheel .wheel-hub{position:absolute;left:auto;right:15px;top:30px;width:23px;height:25px;justify-content:center;cursor:pointer}.widget-dots{margin:0}.widget-top-theme{position:absolute;top:5px;right:28px;width:13px;height:13px;display:flex;align-items:center;color:var(--muted)}.widget-top-theme .icon{width:11px;height:11px}.widget-preview-footer{display:flex;align-items:center;justify-content:space-between;font-size:6px;color:var(--muted);line-height:1}.widget-preview-footer>span:first-child{display:inline-flex;align-items:center;gap:4px;color:var(--accent)}.widget-preview-footer .icon{width:9px;height:9px}.widget-mini-modes{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;--mini-index:0}.widget-mini-modes::before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc((100% - 6px)/3);border-radius:4px;background:var(--surface);transform:translateX(calc(var(--mini-index)*100%));transition:transform .26s cubic-bezier(.2,.8,.2,1);z-index:-1}.widget-mini-modes>span{cursor:default;position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.widget-mini-modes::before{transition:none}}

.menu-brand .zest-lockup{width:112px;height:40px}

/* A small citrus rivalry, centered between the logo and navigation. */
.nav{gap:24px}.nav-links{margin-left:0}
.citrus-banter{position:relative;flex:1 1 360px;max-width:382px;min-width:0;margin-inline:auto;padding:6px 35px 6px 13px;border:1px solid color-mix(in srgb,var(--accent),var(--line) 48%);border-radius:11px;background:color-mix(in srgb,var(--accent),var(--paper) 93%);box-shadow:0 2px 12px color-mix(in srgb,var(--accent),transparent 95%);line-height:1.35;text-align:center;overflow:hidden}
.banter-title{color:var(--ink);font-size:11.5px;letter-spacing:-.1px;white-space:nowrap}.banter-title a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent),transparent 35%);text-underline-offset:3px}.banter-title a:hover{color:var(--accent)}.banter-title strong{color:var(--accent);font-weight:700}
.banter-quips{position:relative;height:16px;margin-top:2px;overflow:hidden;font-size:10px;color:var(--muted);line-height:16px;white-space:nowrap}.banter-quip{position:absolute;inset:0;opacity:0;transform:translateY(110%);animation:zest-banter-slide 12s ease infinite}.banter-quip:nth-child(2){animation-delay:4s}.banter-quip:nth-child(3){animation-delay:8s}.banter-quip b{font-family:Consolas,'Courier New',monospace;font-weight:700;color:var(--ink)}
.banter-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:28px;padding:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;line-height:1}.banter-toggle:hover{background:var(--raised);color:var(--ink)}.banter-toggle:focus-visible{outline-offset:1px}
.citrus-banter:hover .banter-quip,.citrus-banter:focus-within .banter-quip,.citrus-banter[data-paused=true] .banter-quip{animation-play-state:paused}
@keyframes zest-banter-slide{0%{opacity:0;transform:translateY(110%)}4%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-110%)}}
@media(max-width:860px){:root{--nav-height:126px}.nav{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:48px 54px;column-gap:18px;row-gap:0;padding-block:8px}.nav>.brand{grid-column:1;grid-row:1;justify-self:start}.nav-links{grid-column:2;grid-row:1;margin-left:0}.nav-download{grid-column:3;grid-row:1;margin-left:0;justify-self:end}.citrus-banter{grid-column:1/-1;grid-row:2;align-self:start;width:min(100%,382px);max-width:100%;margin-inline:auto}}
@media(max-width:580px){:root{--nav-height:118px}.nav{grid-template-rows:40px 54px;column-gap:12px;padding-block:6px}.citrus-banter{padding-left:9px;padding-right:32px}.banter-title{font-size:11px}.banter-quips{font-size:9px}.banter-toggle{right:4px}}
@media(prefers-reduced-motion:reduce){.banter-quip{animation:none;transform:none;opacity:0}.banter-quip:first-child{opacity:1}.banter-toggle{display:none}}

/* Mobile visitors install the separate browser edition. */
html[data-device=mobile] .hero-buttons [data-download]{display:none!important}
html[data-device=mobile] .nav-download{max-width:146px;gap:6px;padding-inline:10px}
html[data-device=mobile] .nav-download>span{display:block;min-width:0;line-height:1.2;white-space:normal}
html[data-device=mobile] .download-card>.windows-outline .icon{width:34px;height:34px;fill:none;stroke:currentColor}
@media(max-width:380px){html[data-device=mobile] .nav{column-gap:8px}html[data-device=mobile] .nav-download{max-width:119px;padding-inline:8px;font-size:9px}html[data-device=mobile] .nav .brand>[data-logo-lockup]{width:94px}}