.zapappy-profile-control{display:inline-flex;flex:0 0 auto;align-self:center;margin-left:8px;position:relative}
.zapappy-profile-control .zapappy-profile-button{display:grid;place-items:center;position:relative;box-sizing:border-box;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #d5ded3;border-radius:6px;background:#f7f8f4;color:#283c35;cursor:pointer;box-shadow:none;transition:background 120ms ease,border-color 120ms ease}
.zapappy-profile-control .zapappy-profile-button:hover,.zapappy-profile-control .zapappy-profile-button[aria-expanded=true]{background:#e9eee6;border-color:#93a58e}
.zapappy-profile-control .zapappy-profile-button:focus-visible{outline:3px solid #86a394;outline-offset:3px}
.zapappy-profile-control .zapappy-profile-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.zapappy-profile-control .zapappy-profile-button img{width:36px;height:36px;object-fit:cover;border-radius:4px}
.zapappy-profile-button[data-error=true]::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#ad3d31}
.zapappy-profile-panel{position:fixed;inset:auto;box-sizing:border-box;width:min(280px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:14px;border:1px solid #d5ded3;border-radius:10px;background:#fff;color:#303832;box-shadow:0 12px 35px #162a2426;font:14px/1.45 system-ui,sans-serif;text-align:left}
.zapappy-profile-panel::backdrop{background:transparent}
.zapappy-profile-panel h2{margin:0 0 6px;font:650 16px/1.3 system-ui,sans-serif;letter-spacing:normal;color:#283c35}
.zapappy-profile-panel [role=status]{margin:0 0 10px;font:12px/1.5 system-ui,sans-serif;color:#657166}
.zapappy-profile-panel [data-error=true]{color:#9c342b}
.zapappy-profile-panel a,.zapappy-profile-panel button{display:block;box-sizing:border-box;width:100%;margin:0;padding:9px 10px;border:0;border-radius:5px;background:none;color:#283c35;text-align:left;text-decoration:none;text-transform:none;font:500 14px/1.4 system-ui,sans-serif;letter-spacing:normal;cursor:pointer}
.zapappy-profile-panel a:hover,.zapappy-profile-panel button:hover{background:#f1f4ee}
.zapappy-profile-panel a:focus-visible,.zapappy-profile-panel button:focus-visible{outline:2px solid #86a394;outline-offset:-2px}
.catalog-topbar-tools:has(>.zapappy-profile-control){grid-template-columns:minmax(190px,1fr) minmax(130px,.45fr) minmax(145px,.45fr) 38px}
.catalog-topbar-tools>.zapappy-profile-control{margin:0}
.mobile-tool-select:has(>.zapappy-profile-control){grid-template-columns:auto minmax(0,1fr) 38px}
.mobile-tool-select>.zapappy-profile-control{margin:0}
.topbar.zapappy-explore-profile-header{grid-template-columns:minmax(150px,max-content) minmax(430px,1fr) max-content 38px}
.zapappy-explore-profile-header>.zapappy-profile-control{grid-column:-2 / -1;grid-row:1;align-self:end;margin:0}
@media(max-width:1320px){.topbar.zapappy-explore-profile-header{grid-template-columns:max-content minmax(0,1fr) 38px}}
@media(max-width:1100px){.topbar.zapappy-explore-profile-header{grid-template-columns:minmax(0,1fr) 38px}.zapappy-explore-profile-header>.zapappy-profile-control{align-self:start}.zapappy-explore-profile-header>.brand-block{grid-column:1;grid-row:1}.zapappy-explore-profile-header>.toolbar{grid-column:1 / -1;grid-row:2}.zapappy-explore-profile-header>#resultSummary{grid-column:1 / -1;grid-row:3}}
.zapappy-account-gate{position:fixed;inset:0;z-index:2147483000;background:#f7f5f0;color:#303832;display:grid;place-items:center;padding:24px;font:16px/1.5 system-ui,sans-serif;overflow:auto}
.zapappy-app-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50vh;color:#f5efd9;font:600 22px/1.4 system-ui,sans-serif}
.topbar.zapappy-story-profile-header{grid-template-columns:minmax(250px,max-content) minmax(0,1fr) minmax(372px,390px) 38px}
.topbar.zapappy-workbench-profile-header{grid-template-columns:minmax(220px,1fr) max-content minmax(160px,1fr) 38px}
.zapappy-workbench-profile-header>.zapappy-profile-control{grid-column:4;grid-row:1;margin:0}
@media(max-width:1320px) and (min-width:1101px){.topbar.zapappy-workbench-profile-header:has(.provider-top-actions:not([hidden])){grid-template-columns:minmax(180px,1fr) auto 38px}.zapappy-workbench-profile-header:has(.provider-top-actions:not([hidden]))>.zapappy-profile-control{grid-column:3}}
@media(max-width:1100px){.topbar.zapappy-workbench-profile-header{grid-template-columns:minmax(180px,1fr) auto 38px}.zapappy-workbench-profile-header>.zapappy-profile-control{grid-column:3}}
@media(max-width:760px){.topbar.zapappy-workbench-profile-header{grid-template-columns:minmax(0,1fr) auto}}
.topbar.zapappy-fixit-profile-header{grid-template-columns:minmax(150px,max-content) minmax(430px,1fr) max-content 38px}
.zapappy-fixit-profile-header>.zapappy-profile-control{grid-column:4;grid-row:1;align-self:end;margin:0}
@media(max-width:1280px){.topbar.zapappy-fixit-profile-header{grid-template-columns:max-content minmax(400px,1fr) max-content 38px}}
@media(max-width:1100px){.topbar.zapappy-fixit-profile-header{grid-template-columns:max-content minmax(330px,1fr) max-content 38px}}
@media(max-width:960px){.topbar.zapappy-fixit-profile-header{grid-template-columns:max-content minmax(260px,1fr) max-content 38px}}
@media(max-width:760px){.topbar.zapappy-fixit-profile-header{grid-template-columns:minmax(0,1fr) 38px 38px}.zapappy-fixit-profile-header>.zapappy-profile-control{grid-column:3;grid-row:2}}
.zapappy-story-profile-header>.zapappy-profile-control{grid-column:4;grid-row:1;align-self:center;margin:0}
@media(max-width:1360px){.topbar.zapappy-story-profile-header{grid-template-columns:minmax(150px,max-content) minmax(0,1fr) 360px 38px}}
@media(max-width:900px){.topbar.zapappy-story-profile-header{grid-template-columns:minmax(0,1fr) 38px}.zapappy-story-profile-header>.brand-block{grid-column:1 / -1}.zapappy-story-profile-header>.zapappy-profile-control{grid-column:2;grid-row:2}.zapappy-story-profile-header>#resultSummary{grid-column:1 / -1}}
.zapappy-account-gate section{max-width:520px}.zapappy-account-gate h1{font:600 26px/1.2 system-ui,sans-serif}.zapappy-account-gate button{font:inherit;padding:10px 16px;margin:8px 8px 0 0;background:#303832;color:white;border:0;border-radius:6px;cursor:pointer}.zapappy-account-gate[hidden]{display:none!important}
@media(max-width:480px){.zapappy-profile-control{margin-left:4px}}
@media(max-width:520px){.catalog-topbar-tools:has(>.zapappy-profile-control){grid-template-columns:1fr 1fr 38px}.catalog-topbar-tools:has(>.zapappy-profile-control) .catalog-search{grid-column:1 / 3}.catalog-topbar-tools>.zapappy-profile-control{grid-column:3;grid-row:1;margin:0}}

.zapappy-profile-panel [hidden]{display:none!important}

/* Lantern TV pairing: large type and a quiet, high-contrast QR code. */
dialog.zapappy-tv-pairing{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1100px,90vw);max-width:90vw;max-height:90vh;overflow:auto;padding:44px;border:2px solid #b29b63;border-radius:24px;background:#25332e;color:#f7f2df;box-shadow:0 24px 80px #0008;font:24px/1.45 system-ui,sans-serif;text-align:left}
.zapappy-tv-pairing::backdrop{background:#080e10d9;backdrop-filter:none}
.zapappy-tv-pairing h2{font:42px/1.15 Georgia,serif;margin:0 0 14px;color:#f7f2df}
.zapappy-tv-pairing p{margin:12px 0}
.zapappy-tv-pairing-grid{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;margin:28px 0}
.zapappy-tv-pairing-grid img{display:block;width:320px;height:320px;background:white;border-radius:12px}
.zapappy-tv-code{font:700 48px/1.4 system-ui,sans-serif;letter-spacing:.13em;color:#f4c76f}
.zapappy-tv-pairing [data-pair-expiry]{font-size:22px;color:#d7ddce}
.zapappy-tv-pairing [role=status]{min-height:1.5em;color:#f4c76f}
.zapappy-tv-pairing-actions{display:flex;justify-content:flex-end;gap:24px;margin-top:28px}
.zapappy-tv-pairing-actions button{position:static;inset:auto;transform:none;min-width:170px;padding:16px 24px;border:2px solid #b4c3b5;border-radius:14px;background:#35453b;color:#fff8e5;font:600 24px/1.3 system-ui,sans-serif;cursor:pointer}
.zapappy-tv-pairing-actions button:focus{outline:5px solid #f6c35b;outline-offset:5px;background:#4c5c47}
.zapappy-tv-pairing-actions button:disabled{opacity:.4}
.zapappy-tv-pairing [hidden]{display:none!important}
@media(max-width:700px){dialog.zapappy-tv-pairing{padding:24px;font-size:18px}.zapappy-tv-pairing-grid{grid-template-columns:1fr;gap:12px}.zapappy-tv-pairing-grid img{width:200px;height:200px}.zapappy-tv-pairing-actions button{font-size:18px;min-width:0}.zapappy-tv-code{font-size:32px}}
