/* Pop It Here v6.3 — Pop90 design system
   Modern shared-life intelligence through a joyful late-80s/90s visual lens.
   This is the single visual authority loaded after legacy functional styles.
   Personality lives in hierarchy, motion and component construction, not decoration spam. */

:root{
  --pop-ink:#17233b;
  --pop-ink-2:#253451;
  --pop-paper:#fffdf8;
  --pop-paper-warm:#fff7e9;
  --pop-paper-cool:#f4fbfa;
  --pop-canvas:#f7f1e8;
  --pop-line:#d9d0c4;
  --pop-line-strong:#a99f92;
  --pop-muted:#6f7380;
  --pop-pink:#ff5f9e;
  --pop-pink-soft:#ffe0ec;
  --pop-aqua:#35c8c3;
  --pop-aqua-soft:#dff8f5;
  --pop-purple:#8c67d8;
  --pop-purple-soft:#eee6ff;
  --pop-yellow:#ffd84d;
  --pop-yellow-soft:#fff3b8;
  --pop-orange:#ff8a3d;
  --pop-orange-soft:#ffe6d2;
  --pop-blue:#478bf6;
  --pop-blue-soft:#e6efff;
  --pop-green:#3ea66a;
  --pop-green-soft:#e3f5e9;
  --pop-red:#d94e63;
  --pop-red-soft:#ffe2e7;
  --pop-shadow:0 16px 38px rgba(23,35,59,.10);
  --pop-shadow-soft:0 7px 18px rgba(23,35,59,.08);
  --pop-shadow-press:0 4px 0 rgba(23,35,59,.92);
  --pop-radius:18px;
  --pop-radius-lg:26px;
  --pop-radius-sm:12px;
  --pop-topbar-h:76px;
  --pop-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --pop-display:Fredoka,Poppins,Inter,ui-sans-serif,system-ui,sans-serif;
  /* Remap the existing v6 variables so legacy components inherit the new system. */
  --p62-bg:var(--pop-canvas);
  --p62-paper:var(--pop-paper);
  --p62-ink:var(--pop-ink);
  --p62-muted:var(--pop-muted);
  --p62-line:rgba(23,35,59,.13);
  --p62-blue:var(--pop-blue);
  --p62-red:var(--pop-pink);
  --p62-yellow:var(--pop-yellow);
  --p62-green:var(--pop-aqua);
  --p62-shadow:var(--pop-shadow);
}

html[data-pih-theme="sunshine"]{
  --pop-canvas:#fff5dc;--pop-paper:#fffdf6;--pop-pink:#ff5794;--pop-aqua:#25c8b9;--pop-purple:#9165d8;--pop-yellow:#ffd13f;--pop-orange:#ff8c32;
}
html[data-pih-theme="analog"]{
  --pop-canvas:#eee7dc;--pop-paper:#fffaf0;--pop-paper-warm:#f6ead6;--pop-pink:#d96f8e;--pop-aqua:#6aaaa2;--pop-purple:#827091;--pop-yellow:#e0b956;--pop-orange:#c8814f;--pop-blue:#6686aa;
}
html[data-pih-theme="clean"]{
  --pop-canvas:#f6f7f8;--pop-paper:#fff;--pop-paper-warm:#fff;--pop-pink:#e85e8d;--pop-aqua:#4db8b3;--pop-purple:#7b70c7;--pop-yellow:#efc94d;--pop-orange:#e8884e;--pop-line:#d9dee7;
}
html[data-pih-theme="midnight"]{
  --pop-ink:#f7f5ff;--pop-ink-2:#e9e6f3;--pop-paper:#172239;--pop-paper-warm:#202942;--pop-paper-cool:#172c3a;--pop-canvas:#0d1526;--pop-line:#34415b;--pop-line-strong:#59637b;--pop-muted:#aeb5c7;
  --pop-pink:#ff79ad;--pop-pink-soft:#402239;--pop-aqua:#54d9d1;--pop-aqua-soft:#173f42;--pop-purple:#a886ef;--pop-purple-soft:#30264e;--pop-yellow:#f7d45a;--pop-yellow-soft:#3d3520;--pop-orange:#ff9b58;--pop-orange-soft:#422c20;--pop-blue:#6aa4ff;--pop-blue-soft:#1d3153;--pop-green:#5ac782;--pop-green-soft:#183927;--pop-red:#ff7d8e;--pop-red-soft:#44232c;
  --pop-shadow:0 18px 46px rgba(0,0,0,.28);--pop-shadow-soft:0 8px 22px rgba(0,0,0,.22);
}

*{box-sizing:border-box}
html{background:var(--pop-canvas);color:var(--pop-ink);font-family:var(--pop-body)}
body{
  margin:0;color:var(--pop-ink)!important;background:var(--pop-canvas)!important;font-family:var(--pop-body)!important;
  background-image:
    radial-gradient(circle at 4% 9%,color-mix(in srgb,var(--pop-pink) 6%,transparent) 0 2px,transparent 2.6px),
    radial-gradient(circle at 96% 7%,color-mix(in srgb,var(--pop-yellow) 17%,transparent),transparent 24rem),
    radial-gradient(circle at -7% 96%,color-mix(in srgb,var(--pop-aqua) 10%,transparent),transparent 27rem)!important;
  background-size:28px 28px,auto,auto!important;background-attachment:fixed!important;
}
body,button,input,select,textarea{font-family:var(--pop-body)}
a{color:inherit}
::selection{background:var(--pop-yellow);color:#17233b}

/* Accessible focus is intentionally visible and a little playful. */
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid var(--pop-purple)!important;outline-offset:3px!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--pop-purple) 18%,transparent)!important;
}

/* --------------------------------------------------------------------------
   TYPE + PAGE RHYTHM
   -------------------------------------------------------------------------- */
:where(h1,h2,h3,.pih-display,.view-head h2,.quick-pop-copy h2,.section-heading h2,.connected-head h2,.final-inner h2){
  font-family:var(--pop-display)!important;color:var(--pop-ink);font-variation-settings:"wdth" 102;letter-spacing:-.035em;
}
.eyebrow,.widget-kicker,.pih-eyebrow,.plan-label,.lists-content .eyebrow,.view-head .eyebrow{
  color:var(--pop-purple)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
.pih-hero,.view-head{position:relative}
@media(min-width:801px){
  .pih-hero,.view-head{
    margin:0 0 20px!important;padding:6px 0 17px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 12%,transparent)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  }
  .pih-hero h1,.view-head h2{font-size:clamp(36px,3vw,54px)!important;line-height:.98!important;margin:.05em 0!important}
  .pih-hero p,.view-head p{font-size:13px!important;color:var(--pop-muted)!important;max-width:760px!important}
  .pih-hero::after,.view-head::after{
    content:"";position:absolute;left:0;bottom:-5px;width:132px;height:18px;background:url('assets/popithere/doodles/underline.svg') center/contain no-repeat;pointer-events:none;
  }
}

/* --------------------------------------------------------------------------
   GLOBAL SHELL — one mature app, with personality in the selected state.
   -------------------------------------------------------------------------- */
@media(min-width:801px){
  body.pih-global-shell-active{padding-left:0!important;padding-top:var(--pop-topbar-h)!important;min-height:100vh!important;overflow-x:hidden!important}
  .pih-global-shell{
    position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:var(--pop-topbar-h)!important;min-height:var(--pop-topbar-h)!important;
    display:grid!important;grid-template-columns:minmax(154px,190px) minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;
    padding:0 max(20px,calc((100vw - 1500px)/2))!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 14%,transparent)!important;border-radius:0!important;
    background:color-mix(in srgb,var(--pop-paper) 94%,transparent)!important;color:var(--pop-ink)!important;box-shadow:0 8px 24px rgba(23,35,59,.055)!important;backdrop-filter:blur(18px) saturate(1.1)!important;z-index:5000!important;
  }
  .pih-global-shell:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:5px!important;background:linear-gradient(90deg,var(--pop-pink) 0 18%,var(--pop-aqua) 18% 39%,var(--pop-purple) 39% 60%,var(--pop-yellow) 60% 80%,var(--pop-orange) 80%)!important}
  .pih-global-shell:after{content:""!important;position:absolute!important;right:20%!important;top:10px!important;width:54px!important;height:17px!important;background:url('assets/popithere/doodles/squiggle.svg') center/contain no-repeat!important;opacity:.38!important;pointer-events:none!important}
  .pih-global-start{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:0!important;border:0!important}
  .pih-global-back{display:none!important}
  .pih-global-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;color:var(--pop-ink)!important}
  .pih-global-brand img{
    width:42px!important;height:42px!important;padding:4px!important;border:2px solid var(--pop-ink)!important;border-radius:13px 16px 12px 15px!important;background:var(--pop-paper)!important;box-shadow:3px 4px 0 var(--pop-ink)!important;transform:rotate(-2deg)!important;
  }
  .pih-global-brand span{min-width:0!important;display:block!important}.pih-global-brand strong{display:block!important;font:800 17px/1 var(--pop-display)!important;letter-spacing:-.03em!important;color:var(--pop-ink)!important}.pih-global-brand small{display:block!important;margin-top:4px!important;color:var(--pop-pink)!important;font:900 7px/1 var(--pop-body)!important;letter-spacing:.16em!important}
  .pih-global-nav{display:flex!important;flex-direction:row!important;flex:0 1 auto!important;justify-content:center!important;align-items:center!important;align-self:center!important;gap:2px!important;min-width:0!important;width:auto!important;height:auto!important;max-height:52px!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important}
  .pih-global-nav a{
    position:relative!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:0 11px!important;margin:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:color-mix(in srgb,var(--pop-ink) 66%,var(--pop-muted))!important;text-decoration:none!important;font:800 12px/1 var(--pop-body)!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important;
  }
  .pih-global-nav a:hover{background:color-mix(in srgb,var(--pop-purple) 8%,var(--pop-paper))!important;color:var(--pop-ink)!important}
  .pih-global-nav a.active{background:var(--pop-paper)!important;color:var(--pop-ink)!important;box-shadow:0 4px 12px rgba(23,35,59,.07)!important}
  .pih-global-nav a.active:after{display:block!important;content:""!important;position:absolute!important;left:12px!important;right:12px!important;bottom:4px!important;height:5px!important;border-radius:80% 20% 70% 30%!important;background:var(--nav-accent,var(--pop-pink))!important;transform:rotate(-1deg)!important}
  .pih-global-nav a.secondary-start{margin:0!important;padding-top:0!important}.pih-global-nav a.secondary-start:before{content:none!important;display:none!important}
  .pih-global-start{position:static!important;width:auto!important;height:auto!important;align-self:center!important}.pih-global-brand{position:static!important}.pih-global-shell-actions{position:static!important;align-self:center!important;border-top:0!important}
  .pih-global-nav-glyph{width:9px!important;height:9px!important;min-width:9px!important;border-radius:50% 45% 55% 48%!important;background:var(--nav-accent,var(--pop-aqua))!important;display:block!important;transform:rotate(10deg)!important;font-size:0!important;line-height:0!important}.pih-global-nav-glyph::before{content:none!important;display:none!important}
  .pih-global-nav a[data-pih-nav="home"]{--nav-accent:var(--pop-aqua)}.pih-global-nav a[data-pih-nav="board"]{--nav-accent:var(--pop-yellow)}.pih-global-nav a[data-pih-nav="kitchen"]{--nav-accent:var(--pop-pink)}.pih-global-nav a[data-pih-nav="watch"]{--nav-accent:var(--pop-purple)}.pih-global-nav a[data-pih-nav="people"]{--nav-accent:var(--pop-aqua)}.pih-global-nav a[data-pih-nav="fitness"]{--nav-accent:var(--pop-orange)}.pih-global-nav a[data-pih-nav="cocktails"]{--nav-accent:var(--pop-yellow)}
  .pih-global-shell-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important;padding:0!important;border:0!important;width:auto!important}
  .pih-global-shell-actions .pih-utility{display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;padding:0!important;background:transparent!important;border:0!important}
  .pih-global-shell-actions .pih-owner-switch{max-width:168px!important;margin:0!important;background:transparent!important}.pih-global-shell-actions .pih-owner-switch span{font-size:8px!important;color:var(--pop-muted)!important}.pih-global-shell-actions .pih-owner-switch select{height:42px!important;border:1.5px solid var(--pop-line)!important;border-radius:12px!important;background:var(--pop-paper)!important;color:var(--pop-ink)!important}
  .pih-global-shell-actions .pih-icon-btn,.pih-account-btn{
    border:1.5px solid var(--pop-line)!important;background:var(--pop-paper)!important;color:var(--pop-ink)!important;box-shadow:var(--pop-shadow-soft)!important;
  }
  .pih-global-shell-actions .pih-icon-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:13px!important;display:grid!important;place-items:center!important}
  .pih-account-btn{height:44px!important;min-height:44px!important;padding:4px 11px 4px 5px!important;border-radius:14px!important}.pih-account-avatar{width:34px!important;height:34px!important;border-radius:11px!important}.pih-account-label{display:inline!important;color:var(--pop-ink)!important;font-size:11px!important;font-weight:800!important}
  .pih-global-shell>#pihBetaFeedbackShortcut{display:none!important}

  body.pih-global-shell-active>.pih-page,body.pih-global-shell-active>.portal-shell,body.pih-global-shell-active>.lists-app,body.pih-global-shell-active>.cocktail-app,body.pih-global-shell-active>.app-shell{margin-left:auto!important;margin-right:auto!important}
  body.pih-global-shell-active>.pih-page,body.pih-global-shell-active .portal-shell,body.pih-global-shell-active .lists-layout,body.pih-global-shell-active .cocktail-layout{width:min(1380px,calc(100% - 48px))!important;max-width:1380px!important}
  body.pih-global-shell-active>.pih-page,body.pih-global-shell-active .portal-shell{padding:30px 0 86px!important}
  body.pih-global-shell-active #chooserPanel.chooser{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.pih-global-shell-active #chooserPanel>.chooser-head,body.pih-global-shell-active #chooserPanel>.desktop-app-nav{display:none!important}
  body.pih-global-shell-active .lists-layout{display:block!important;padding:30px 0 88px!important;grid-template-columns:none!important;gap:0!important;height:auto!important;min-height:calc(100vh - var(--pop-topbar-h))!important}
  body.pih-global-shell-active .lists-sidebar{display:none!important}.lists-content{width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important}
  body.pih-global-shell-active .app-shell{width:min(1380px,calc(100% - 48px))!important;max-width:1380px!important;padding:28px 0 80px!important;background:transparent!important}
  body.pih-global-shell-active .app-shell>.topbar,body.pih-global-shell-active .cocktail-topbar{display:none!important}
  body.pih-global-shell-active.pih-recipes-page .hub-toolbar{display:none!important}
  body.pih-recipes-page:not(.recipe-library-only) .app{width:min(1510px,calc(100% - 44px))!important;max-width:1510px!important;grid-template-columns:304px minmax(0,1fr)!important;gap:20px!important;padding:28px 0 84px!important;margin:0 auto!important}
  body.pih-recipes-page .sidebar{top:calc(var(--pop-topbar-h) + 16px)!important;height:calc(100vh - var(--pop-topbar-h) - 32px)!important;max-height:calc(100vh - var(--pop-topbar-h) - 32px)!important}
}

@media(min-width:801px) and (max-width:1210px){
  .pih-global-shell{grid-template-columns:150px minmax(0,1fr) auto!important;gap:9px!important}.pih-global-nav a{padding:0 8px!important;gap:5px!important}.pih-global-nav a[data-pih-nav="fitness"],.pih-global-nav a[data-pih-nav="cocktails"]{display:none!important}.pih-global-shell-actions .pih-owner-switch{max-width:135px!important}
}
@media(min-width:801px) and (max-width:980px){
  .pih-global-shell{grid-template-columns:128px minmax(0,1fr) auto!important}.pih-global-brand small,.pih-account-label,.pih-account-caret{display:none!important}.pih-global-nav a{font-size:11px!important;padding:0 7px!important}.pih-global-nav a[data-pih-nav="people"]{display:none!important}.pih-global-shell-actions .pih-owner-switch{display:none!important}
}

.pih-prepaint-shell{font-family:var(--pop-body)!important}
@media(min-width:801px){
  .pih-prepaint-shell{height:var(--pop-topbar-h)!important;padding:0 max(20px,calc((100vw - 1500px)/2))!important;background:var(--pop-paper)!important;border-bottom:1px solid var(--pop-line)!important;box-shadow:0 8px 24px rgba(23,35,59,.05)!important}.pih-prepaint-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--pop-pink) 0 18%,var(--pop-aqua) 18% 39%,var(--pop-purple) 39% 60%,var(--pop-yellow) 60% 80%,var(--pop-orange) 80%)}.pih-prepaint-brand{min-width:154px!important}.pih-prepaint-brand img{width:42px!important;height:42px!important;border:2px solid var(--pop-ink)!important;border-radius:13px!important;background:var(--pop-paper)!important;box-shadow:3px 4px 0 var(--pop-ink)!important}.pih-prepaint-brand strong{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}.pih-prepaint-nav{flex:1!important;justify-content:center!important;gap:3px!important}.pih-prepaint-nav b{min-height:42px!important;display:flex!important;align-items:center!important;padding:0 11px!important;border-radius:12px!important;font-size:12px!important}.pih-prepaint-account{min-width:94px!important;border:1.5px solid var(--pop-line)!important;border-radius:14px!important;background:var(--pop-paper)!important;color:var(--pop-ink)!important}
}

/* --------------------------------------------------------------------------
   SHARED COMPONENT SYSTEM
   -------------------------------------------------------------------------- */
:where(.pih-card,.home-widget,.meal-planner-section,.dialog-card,.pih-modal-inner,.pih-search-inner,.pih-sheet,.smart-shop-card,.capture-card,.price-card,.panel,.card){
  border-color:color-mix(in srgb,var(--pop-ink) 12%,transparent)!important;
}
.pih-card,.home-widget,.pih-search-inner,.pih-sheet,.dialog-card,.pih-modal-inner{
  background:var(--pop-paper)!important;border:1.5px solid color-mix(in srgb,var(--pop-ink) 12%,transparent)!important;border-radius:var(--pop-radius)!important;box-shadow:var(--pop-shadow-soft)!important;color:var(--pop-ink)!important;
}

:where(.pih-btn,.pih-primary,.button,button:not(.unstyled):not(.drag-handle):not(.watch-status-badge)){
  -webkit-tap-highlight-color:transparent;
}
.pih-btn,.pih-primary,.button.primary,.dialog-actions button:not(.secondary),.meal-create-actions button:not(.meal-suggest-button),#quickAddButton:not(.secondary){
  border:2px solid var(--pop-ink)!important;border-radius:12px 14px 11px 13px!important;background:var(--pop-ink)!important;color:#fff!important;font-weight:900!important;box-shadow:0 3px 0 color-mix(in srgb,var(--pop-ink) 85%,#000)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.pih-btn:hover,.pih-primary:hover,.button.primary:hover{transform:translateY(-1px)!important}
.pih-btn:active,.pih-primary:active,.button.primary:active,.dialog-actions button:not(.secondary):active{transform:translateY(2px)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--pop-ink) 85%,#000)!important}
.pih-btn.secondary,.pih-secondary,.button.secondary,.secondary,.quiet,.compact-button{
  border:1.5px solid var(--pop-line)!important;background:var(--pop-paper)!important;color:var(--pop-ink)!important;border-radius:11px!important;box-shadow:none!important;font-weight:800!important;
}
.pih-btn.danger,.danger{--btn-danger:var(--pop-red);color:var(--pop-red)!important;border-color:color-mix(in srgb,var(--pop-red) 40%,var(--pop-line))!important}

:where(input,textarea,select){
  color:var(--pop-ink)!important;background:var(--pop-paper)!important;border-color:var(--pop-line)!important;border-radius:11px!important;
}
:where(input,textarea,select):focus{border-color:var(--pop-purple)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pop-purple) 15%,transparent)!important}
:where(input,textarea)::placeholder{color:color-mix(in srgb,var(--pop-muted) 78%,transparent)!important}

.pih-pill,.chip,.badge,.quantity,.meal-urgency-label,.watch-filter-toggle,.board-scope-filters button,.summary-strip>*{
  border-radius:999px!important;font-weight:800!important;
}

/* Paper-note empty states. */
:where(.pih-empty,.widget-empty,.home-now-empty,.empty-state,.empty,.pih-search-empty){
  color:var(--pop-muted)!important;background:color-mix(in srgb,var(--pop-yellow) 10%,var(--pop-paper))!important;border:1.5px dashed color-mix(in srgb,var(--pop-ink) 20%,transparent)!important;border-radius:15px!important;
}

/* Dialogs, sheets and search should feel like paper sliding over the app. */
.pih-sheet{border-radius:22px 0 0 22px!important;box-shadow:-16px 24px 70px rgba(23,35,59,.22)!important}.pih-sheet-head{border-bottom:1px solid var(--pop-line)!important}.pih-sheet-head h3{font-family:var(--pop-display)!important;font-size:22px!important}.pih-menu-card{border-radius:14px!important}.pih-menu-card:hover{background:var(--pop-purple-soft)!important}.pih-menu-icon{background:var(--pop-aqua-soft)!important;color:var(--pop-ink)!important;border:1px solid color-mix(in srgb,var(--pop-ink) 10%,transparent)!important;border-radius:12px!important}
.pih-search-dialog::backdrop,.pih-modal::backdrop,.daylivo-dialog::backdrop{background:rgba(23,35,59,.42)!important;backdrop-filter:blur(3px)!important}.pih-search-inner,.pih-modal-inner,.dialog-card{box-shadow:0 28px 80px rgba(23,35,59,.24)!important}.pih-modal-head h3,.dialog-head h2{font-family:var(--pop-display)!important}

/* Loading / thinking */
.spinner,.pih-thinking-dot{border-color:color-mix(in srgb,var(--pop-purple) 24%,transparent)!important;border-top-color:var(--pop-purple)!important}
.home-now-loading,.widget-empty{position:relative}

/* Toasts are stickers, never footers. */
:where(.toast,#toast,.watch-toast,.quick-pop-status.pih-toast){
  position:fixed!important;z-index:9000!important;left:50%!important;right:auto!important;bottom:24px!important;top:auto!important;width:auto!important;min-width:0!important;max-width:min(420px,calc(100vw - 28px))!important;height:auto!important;padding:11px 15px!important;border:2px solid var(--pop-ink)!important;border-radius:12px 15px 11px 14px!important;background:var(--pop-yellow)!important;color:#17233b!important;font:850 13px/1.35 var(--pop-body)!important;box-shadow:4px 5px 0 var(--pop-ink),0 14px 30px rgba(23,35,59,.16)!important;transform:translateX(-50%) rotate(-.35deg)!important;
}
:where(.toast,#toast,.watch-toast)[hidden]{display:none!important}

/* --------------------------------------------------------------------------
   HOME / POP — central character, not mascot.
   -------------------------------------------------------------------------- */
body:has(#homeNowSection) .portal-shell{max-width:1380px!important;width:min(1380px,calc(100% - 48px))!important}
body:has(#homeNowSection) :is(.quick-pop-hero,.home-now,.p62-home-context-grid,.beta-journey-card,.attention-strip,.proactive-brief,.home-secondary){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
body:has(#homeNowSection) .quick-pop-hero{
  width:100%!important;max-width:none!important;margin-inline:0!important;
  position:relative!important;isolation:isolate!important;overflow:hidden!important;margin:0 0 26px!important;padding:34px 38px 31px!important;border:2px solid var(--pop-ink)!important;border-radius:26px 30px 24px 29px!important;
  background:linear-gradient(135deg,#1a2947 0%,#17233b 64%,#263355 100%)!important;color:#fff!important;box-shadow:6px 7px 0 color-mix(in srgb,var(--pop-purple) 78%,var(--pop-ink)),0 20px 44px rgba(23,35,59,.17)!important;
}
body:has(#homeNowSection) .quick-pop-hero:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;width:235px!important;height:235px!important;right:-78px!important;top:-105px!important;border-radius:42% 58% 61% 39% / 54% 44% 56% 46%!important;background:var(--pop-pink)!important;opacity:.94!important;transform:rotate(11deg)!important;
}
body:has(#homeNowSection) .quick-pop-hero:after{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;width:164px!important;height:54px!important;right:112px!important;bottom:18px!important;background:url('assets/popithere/doodles/squiggle.svg') center/contain no-repeat!important;opacity:.55!important;transform:rotate(-6deg)!important;
}
body:has(#homeNowSection) .quick-pop-copy .eyebrow{color:var(--pop-yellow)!important}
body:has(#homeNowSection) .quick-pop-copy h2{font-family:var(--pop-display)!important;color:#fff!important;font-size:clamp(42px,4.5vw,64px)!important;line-height:.93!important;letter-spacing:-.045em!important;margin:7px 0 9px!important;max-width:820px!important}
body:has(#homeNowSection) .quick-pop-copy p{color:rgba(255,255,255,.78)!important;font-size:14px!important}.p62-product-promise{color:#fff!important;font-weight:800!important}
body:has(#homeNowSection) .quick-pop-tools{display:flex!important;gap:8px!important;align-items:center!important}.quick-pop-memory{border:1.5px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important}.quick-pop-memory:hover{background:rgba(255,255,255,.17)!important}
body:has(#homeNowSection) .quick-pop-badge{display:none!important}
body:has(#homeNowSection) .quick-pop-form{
  position:relative!important;margin-top:20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:stretch!important;padding:7px!important;background:var(--pop-paper)!important;border:2px solid var(--pop-ink)!important;border-radius:17px 20px 16px 19px!important;box-shadow:4px 5px 0 rgba(0,0,0,.28)!important;
}
body:has(#homeNowSection) .quick-pop-form textarea{min-height:64px!important;max-height:170px!important;padding:15px 16px!important;border:0!important;border-radius:11px!important;background:var(--pop-paper)!important;color:#17233b!important;font-size:15px!important;line-height:1.45!important;box-shadow:none!important;resize:vertical!important}
body:has(#homeNowSection) .quick-pop-form textarea:focus{box-shadow:none!important}
body:has(#homeNowSection) .quick-pop-voice{width:50px!important;min-width:50px!important;border:0!important;border-radius:12px!important;background:var(--pop-aqua-soft)!important;color:#17233b!important;box-shadow:none!important}
body:has(#homeNowSection) .quick-pop-form>button[type="submit"]{
  min-width:112px!important;border:2px solid #17233b!important;border-radius:12px 15px 11px 14px!important;background:var(--pop-pink)!important;color:#17233b!important;font:900 14px/1 var(--pop-display)!important;box-shadow:0 4px 0 #0d1628!important;transform:translateY(0)!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body:has(#homeNowSection) .quick-pop-form>button[type="submit"]:hover{background:#ff76ae!important;transform:translateY(-1px)!important}
body:has(#homeNowSection) .quick-pop-form>button[type="submit"]:active{transform:translateY(3px)!important;box-shadow:0 1px 0 #0d1628!important}
body:has(#homeNowSection) .quick-pop-hero.is-thinking .quick-pop-form>button[type="submit"]{background:var(--pop-yellow)!important;animation:popThinking 900ms ease-in-out infinite alternate!important}
body:has(#homeNowSection) .quick-pop-hero.is-thinking:after{animation:popWiggle 700ms ease-in-out infinite alternate!important;opacity:.9!important}
body:has(#homeNowSection) .quick-pop-hero.is-celebrating{animation:popCelebrate .34s ease-out both!important}
body:has(#homeNowSection) .quick-pop-examples{display:flex!important;gap:7px!important;margin-top:12px!important;flex-wrap:wrap!important}.quick-pop-chip{min-height:32px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}.quick-pop-chip:hover{background:rgba(255,255,255,.16)!important}.quick-pop-hint{color:rgba(255,255,255,.46)!important}

.home-now-head{margin:0 2px 13px!important}.home-now-head h2{font-family:var(--pop-display)!important;font-size:clamp(32px,3vw,46px)!important;line-height:1!important;color:var(--pop-ink)!important}.home-now-head .eyebrow{color:var(--pop-pink)!important}.home-now-stamp{color:var(--pop-muted)!important;font-weight:700!important}
.home-next-move{
  position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:20px 22px!important;border:2px solid var(--pop-ink)!important;border-radius:19px 22px 18px 21px!important;background:var(--pop-paper)!important;box-shadow:4px 5px 0 color-mix(in srgb,var(--pop-aqua) 80%,var(--pop-ink)),var(--pop-shadow-soft)!important;overflow:hidden!important;
}
.home-next-move:before{width:6px!important;background:var(--next-accent,var(--pop-pink))!important}.home-next-icon{width:50px!important;height:50px!important;border-radius:13px!important;background:var(--pop-yellow-soft)!important;border:1px solid color-mix(in srgb,var(--pop-ink) 10%,transparent)!important}.home-next-copy small{color:var(--pop-purple)!important;font-weight:900!important}.home-next-copy strong{font-family:var(--pop-display)!important;font-size:20px!important;color:var(--pop-ink)!important}.home-next-copy p{font-size:13px!important;color:var(--pop-muted)!important}.home-next-actions a,.home-next-actions button{min-height:42px!important;border:2px solid var(--pop-ink)!important;border-radius:11px!important;background:var(--pop-ink)!important;color:#fff!important;font-weight:900!important;box-shadow:0 3px 0 color-mix(in srgb,var(--pop-ink) 85%,#000)!important}.home-next-dismiss{right:10px!important;top:8px!important}

.attention-strip,.beta-invite-strip{border:1.5px solid color-mix(in srgb,var(--pop-yellow) 62%,var(--pop-line))!important;border-radius:14px!important;background:linear-gradient(90deg,var(--pop-yellow-soft),var(--pop-paper))!important;box-shadow:none!important}
.p62-home-context-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;gap:14px!important;margin-top:15px!important}.p62-pop-knows,.p62-needs-help{position:relative!important;min-height:102px!important;padding:17px 18px!important;border:1.5px solid var(--pop-line)!important;border-radius:17px 20px 16px 19px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}.p62-pop-knows:before,.p62-needs-help:before{content:"";position:absolute;left:18px;top:-8px;width:54px;height:15px;background:var(--pop-aqua);opacity:.32;transform:rotate(-2deg)}.p62-needs-help:before{background:var(--pop-yellow);transform:rotate(2deg)}.p62-context-head strong{font-family:var(--pop-display)!important;font-size:15px!important}.p62-memory-chip{padding:7px 10px!important;background:var(--pop-aqua-soft)!important;border:1px solid color-mix(in srgb,var(--pop-aqua) 38%,var(--pop-line))!important;color:var(--pop-ink)!important;font-size:10px!important}
.beta-journey-card{position:relative!important;max-width:none!important;margin:15px 0 18px!important;padding:17px 18px!important;border:1.5px solid var(--pop-line)!important;border-radius:18px!important;background-color:var(--pop-paper)!important;background-image:repeating-linear-gradient(to bottom,transparent 0 27px,color-mix(in srgb,var(--pop-aqua) 12%,transparent) 28px)!important;box-shadow:none!important}.beta-journey-card:after{content:"";position:absolute;right:18px;top:12px;width:30px;height:30px;background:url('assets/popithere/doodles/star.svg') center/contain no-repeat;opacity:.8;transform:rotate(8deg)}.beta-journey-head h2{font-family:var(--pop-display)!important;font-size:20px!important}.beta-journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.beta-journey-steps button{min-height:68px!important;padding:11px 12px!important;border:1.5px solid color-mix(in srgb,var(--pop-ink) 11%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--pop-paper) 92%,transparent)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--pop-ink) 7%,transparent)!important}.beta-journey-steps button:nth-child(1){--step:var(--pop-pink)}.beta-journey-steps button:nth-child(2){--step:var(--pop-aqua)}.beta-journey-steps button:nth-child(3){--step:var(--pop-purple)}.beta-journey-steps button>span{background:var(--step)!important;color:#17233b!important;border:1.5px solid #17233b!important}.beta-journey-steps button strong{font-size:12px!important}.beta-journey-steps button small{font-size:10px!important;color:var(--pop-muted)!important}
.home-secondary{margin-top:13px!important;border-top:1px solid var(--pop-line)!important}.home-secondary>summary{color:var(--pop-ink)!important}.home-widget{overflow:hidden!important}.widget-head{border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 8%,transparent)!important}.widget-heading img,.mini-app-icon{border-radius:11px!important}.home-widget[data-accent="red"]{border-top:4px solid var(--pop-pink)!important}.home-widget[data-accent="yellow"]{border-top:4px solid var(--pop-yellow)!important}.home-widget[data-accent="blue"]{border-top:4px solid var(--pop-blue)!important}.home-widget[data-accent="green"],.home-widget[data-accent="teal"]{border-top:4px solid var(--pop-aqua)!important}.home-widget[data-accent="purple"]{border-top:4px solid var(--pop-purple)!important}

/* --------------------------------------------------------------------------
   BOARD / SHOPPING / LISTS
   -------------------------------------------------------------------------- */
.lists-app{height:auto!important;min-height:calc(100vh - var(--pop-topbar-h))!important;background:transparent!important;display:block!important}.lists-topbar,.board-tabs{display:none!important}.lists-content>.view-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;min-height:auto!important}.lists-content>.view-head .eyebrow{font-size:9px!important;color:var(--pop-pink)!important}.lists-content>.view-head h2{font-family:var(--pop-display)!important;font-size:clamp(38px,3vw,54px)!important}.view-actions button{min-height:38px!important;padding:.45rem .72rem!important;font-size:.75rem!important}
.capture-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:10px!important;border:2px solid var(--pop-ink)!important;border-radius:16px 19px 15px 18px!important;background:var(--pop-paper)!important;box-shadow:3px 4px 0 var(--pop-purple)!important}.capture-main{min-width:0!important}.capture-icon{width:42px!important;height:42px!important;border:2px solid var(--pop-ink)!important;border-radius:12px!important;background:var(--pop-yellow)!important;color:#17233b!important;box-shadow:0 3px 0 #17233b!important}.capture-copy strong{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}.capture-copy span{color:var(--pop-muted)!important}.capture-actions{display:flex!important;align-items:center!important;gap:7px!important}.capture-actions .capture-hint{display:none!important}.summary-strip{display:flex!important;gap:9px!important;align-items:center!important;margin:14px 0 10px!important}.summary-strip>*{padding:6px 10px!important;border:0!important;background:transparent!important}.summary-strip>*:nth-child(1){background:var(--pop-purple-soft)!important}.summary-strip>*:nth-child(2){background:var(--pop-aqua-soft)!important}.summary-strip>*:nth-child(3){background:var(--pop-yellow-soft)!important}.board-scope-filters{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-bottom:14px!important}.board-scope-filters button{min-height:36px!important;border:1.5px solid transparent!important;background:color-mix(in srgb,var(--pop-ink) 6%,var(--pop-paper))!important;color:var(--pop-muted)!important}.board-scope-filters button.active{border-color:var(--pop-ink)!important;background:var(--pop-ink)!important;color:#fff!important;box-shadow:0 3px 0 color-mix(in srgb,var(--pop-ink) 82%,#000)!important}
.smart-shop-card{padding:14px!important;border:1.5px solid color-mix(in srgb,var(--pop-aqua) 38%,var(--pop-line))!important;border-radius:18px!important;background:linear-gradient(135deg,var(--pop-aqua-soft),var(--pop-paper) 72%)!important;box-shadow:none!important}.smart-shop-icon{background:var(--pop-yellow)!important;color:#17233b!important;border:2px solid #17233b!important;box-shadow:0 3px 0 #17233b!important}.smart-shop-head h3{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}.shop-plan-result{border:1.5px solid var(--pop-line)!important;border-radius:14px!important;background:var(--pop-paper)!important}.shop-plan-result strong{color:var(--pop-aqua)!important}
.view-body{display:grid!important;gap:12px!important}.list-card,.list-section,.list-group,.list-panel{border-radius:18px!important}.list-section-head,.list-group-head{background:color-mix(in srgb,var(--pop-yellow) 8%,var(--pop-paper))!important;border-color:var(--pop-line)!important}.list-item{
  position:relative!important;min-height:68px!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 9%,transparent)!important;background:var(--pop-paper)!important;box-shadow:none!important;
}
.list-item:hover{background:color-mix(in srgb,var(--pop-aqua) 4%,var(--pop-paper))!important}.list-item.completed{opacity:.6!important}.item-check{width:22px!important;height:22px!important;accent-color:var(--pop-aqua)!important}.shopping-item-thumb{border:1.5px solid var(--pop-line)!important;background:var(--pop-paper-warm)!important;box-shadow:0 2px 0 color-mix(in srgb,var(--pop-ink) 8%,transparent)!important}.item-title{font-size:15px!important;font-weight:850!important;line-height:1.25!important;color:var(--pop-ink)!important}.quantity{padding:3px 7px!important;background:var(--pop-pink-soft)!important;color:var(--pop-ink)!important;font-size:10px!important}.meta-row,.item-provenance{color:var(--pop-muted)!important;font-size:11px!important}.item-edit{width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:var(--pop-muted)!important;box-shadow:none!important;border-radius:10px!important}.item-edit:hover{background:var(--pop-purple-soft)!important;color:var(--pop-ink)!important}
body:has(.lists-layout) .list-item.has-shopping-thumb{display:grid!important;grid-template-columns:24px 48px minmax(0,1fr) 36px!important;grid-template-areas:"check thumb copy edit"!important;align-items:center!important;column-gap:12px!important;min-height:72px!important}.list-item.has-shopping-thumb>.item-check{grid-area:check!important}.list-item.has-shopping-thumb>.shopping-item-thumb{grid-area:thumb!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:13px!important}.list-item.has-shopping-thumb>.item-main{grid-area:copy!important;min-width:0!important;width:auto!important;max-width:none!important}.list-item.has-shopping-thumb>.item-edit{grid-area:edit!important;justify-self:end!important}.list-item .item-title-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}.list-item .item-title{min-width:0!important;width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;text-overflow:clip!important}.list-item .meta-row{min-width:0!important;max-width:100%!important}

/* --------------------------------------------------------------------------
   RECIPES / KITCHEN
   -------------------------------------------------------------------------- */
body.pih-recipes-page .sidebar{background:var(--pop-paper)!important;border:1.5px solid var(--pop-line)!important;border-radius:20px 23px 18px 22px!important;box-shadow:var(--pop-shadow-soft)!important}.sidebar .sidebar-head h2,.recipe-title,.detail-title{font-family:var(--pop-display)!important}.sidebar input[type="search"]{border:1.5px solid var(--pop-line)!important}.sidebar .new-btn,.sidebar button.primary{background:var(--pop-aqua)!important;color:#17233b!important;border:2px solid #17233b!important;box-shadow:0 3px 0 #17233b!important;border-radius:11px 13px 10px 12px!important}.recipe-row,.recipe-list-item{border-radius:13px!important}.recipe-row.active,.recipe-list-item.active{background:var(--pop-yellow-soft)!important;box-shadow:inset 4px 0 0 var(--pop-pink)!important}.recipe-row img,.recipe-list-item img{border-radius:11px!important}.recipe-main,.recipe-detail,.recipe-content{min-width:0!important}.recipe-hero,.recipe-detail-hero,.hero-card{border-radius:24px 28px 22px 26px!important;overflow:hidden!important;box-shadow:var(--pop-shadow)!important}.recipe-hero img,.hero-card img{object-fit:cover!important}.recipe-hero .recipe-title,.recipe-detail h1{font-family:var(--pop-display)!important}.ingredient-card,.ingredients-card,.instructions-card,.recipe-section{background:var(--pop-paper)!important;border:1.5px solid var(--pop-line)!important;border-radius:19px!important;box-shadow:var(--pop-shadow-soft)!important}.ingredients-card,.ingredient-card{border-top:4px solid var(--pop-pink)!important}.instructions-card{border-top:4px solid var(--pop-aqua)!important}.ingredient-row{border-color:color-mix(in srgb,var(--pop-ink) 9%,transparent)!important}.ingredient-row button{border:1px solid color-mix(in srgb,var(--pop-aqua) 36%,var(--pop-line))!important;background:var(--pop-aqua-soft)!important;color:var(--pop-ink)!important;box-shadow:none!important}.recipe-actions button,.recipe-actions a{border-radius:12px!important}.recipe-actions .primary,.start-cooking{background:var(--pop-ink)!important;color:#fff!important}.recipe-favorite,.favorite-btn{background:var(--pop-pink-soft)!important;color:var(--pop-red)!important;border-color:color-mix(in srgb,var(--pop-pink) 40%,var(--pop-line))!important}

/* --------------------------------------------------------------------------
   WATCH
   -------------------------------------------------------------------------- */
body:has(#watchGrid) .pih-page{position:relative}.watch-sharing-rule{border:1.5px solid var(--pop-line)!important;border-radius:16px!important;background:var(--pop-purple-soft)!important}.watch-library-toolbar{padding:14px!important;border:1.5px solid var(--pop-line)!important;border-radius:18px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}.watch-filter-toggle{border:1.5px solid transparent!important;background:color-mix(in srgb,var(--pop-ink) 5%,var(--pop-paper))!important}.watch-filter-toggle.active{background:var(--pop-purple)!important;color:#fff!important;border-color:var(--pop-ink)!important;box-shadow:0 3px 0 var(--pop-ink)!important}.watch-library-grid{gap:16px!important}.watch-library-card{position:relative!important;border:1.5px solid var(--pop-line)!important;border-radius:17px!important;overflow:hidden!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important;transition:transform .18s ease,box-shadow .18s ease!important}.watch-library-card:hover{transform:translateY(-3px) rotate(-.15deg)!important;box-shadow:var(--pop-shadow)!important}.watch-library-card img{border-radius:0!important}.watch-library-card .watch-card-badge{border:1px solid rgba(23,35,59,.12)!important}.watch-library-card:has(.watch-comment-bubble):after{content:"";position:absolute;right:8px;top:8px;width:14px;height:14px;background:var(--pop-pink);border:2px solid #fff;border-radius:50%}

/* --------------------------------------------------------------------------
   PEOPLE / FRIENDS
   -------------------------------------------------------------------------- */
body:has(#friendsHub) .pih-friends-hub{border:1.5px solid var(--pop-line)!important;border-top:5px solid var(--pop-aqua)!important;border-radius:20px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}.pih-people-section{border-radius:18px!important}.pih-person-card,.friend-card,.people-card{border:1.5px solid var(--pop-line)!important;border-radius:17px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}.pih-person-avatar,.friend-avatar{border:2px solid var(--pop-ink)!important;box-shadow:2px 3px 0 var(--pop-yellow)!important}.pih-person-card:nth-child(3n+1) .pih-person-avatar{box-shadow:2px 3px 0 var(--pop-pink)!important}.pih-person-card:nth-child(3n+2) .pih-person-avatar{box-shadow:2px 3px 0 var(--pop-aqua)!important}.pih-person-card:nth-child(3n) .pih-person-avatar{box-shadow:2px 3px 0 var(--pop-purple)!important}.pih-people-section h2,.pih-people-section h3{font-family:var(--pop-display)!important}

/* --------------------------------------------------------------------------
   FITNESS / COCKTAILS / ADMIN
   -------------------------------------------------------------------------- */
body.pih-global-shell-active .app-shell>.view{max-width:none!important;padding:0!important}.app-shell .section{margin-top:16px!important}.app-shell .card{background:var(--pop-paper)!important;border:1.5px solid var(--pop-line)!important;border-radius:18px!important;box-shadow:var(--pop-shadow-soft)!important}.app-shell .stat-card:nth-child(4n+1){background:var(--pop-pink-soft)!important}.app-shell .stat-card:nth-child(4n+2){background:var(--pop-aqua-soft)!important}.app-shell .stat-card:nth-child(4n+3){background:var(--pop-yellow-soft)!important}.app-shell .stat-card:nth-child(4n){background:var(--pop-purple-soft)!important}.cocktail-layout{grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important;padding:30px 0 82px!important}.cocktail-sidebar{top:calc(var(--pop-topbar-h) + 16px)!important;border:1.5px solid var(--pop-line)!important;border-radius:20px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}.drink-hero{border:2px solid var(--pop-ink)!important;border-radius:23px 27px 22px 25px!important;box-shadow:4px 5px 0 var(--pop-purple),var(--pop-shadow)!important;overflow:hidden!important}.cocktail-content .panel{background:var(--pop-paper)!important;border-color:var(--pop-line)!important}.admin-activity-card,.beta-metrics-card,.admin-card{background:var(--pop-paper)!important;border:1.5px solid var(--pop-line)!important;border-radius:18px!important;box-shadow:var(--pop-shadow-soft)!important}

/* --------------------------------------------------------------------------
   DAILY QUESTION + AI RECEIPTS / NOTIFICATIONS
   -------------------------------------------------------------------------- */
.pih-daily-quiz{position:relative!important;border-top:4px solid var(--pop-yellow)!important}.pih-daily-quiz:after{content:"";position:absolute;right:14px;top:10px;width:34px;height:34px;background:url('assets/popithere/doodles/spiral.svg') center/contain no-repeat;opacity:.48;pointer-events:none}.quick-pop-result,.pih-action-receipt,.action-receipt{border:2px solid var(--pop-ink)!important;border-radius:13px 16px 12px 15px!important;background:var(--pop-paper)!important;box-shadow:3px 4px 0 var(--pop-aqua)!important}.pih-notice-row.unread{background:var(--pop-yellow-soft)!important}.pih-notice-bullet{background:var(--pop-pink)!important}.pih-network-status{border-radius:12px!important}

/* --------------------------------------------------------------------------
   SIGNED-OUT / MARKETING
   -------------------------------------------------------------------------- */
.site-header{background:color-mix(in srgb,var(--pop-paper) 94%,transparent)!important;border-bottom:1px solid var(--pop-line)!important;backdrop-filter:blur(16px)!important}.nav-wrap{max-width:1400px!important}.brand strong{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}.brand small{color:var(--pop-pink)!important}.brand img{border:2px solid var(--pop-ink);border-radius:12px;background:var(--pop-paper);box-shadow:2px 3px 0 var(--pop-ink);transform:rotate(-2deg)}.site-nav a{font-weight:800!important}.site-nav .button,.button{border-radius:12px 14px 11px 13px!important}.hero{background:linear-gradient(180deg,var(--pop-paper-warm),var(--pop-canvas))!important}.hero-copy h1{font-family:var(--pop-display)!important;color:var(--pop-ink)!important;letter-spacing:-.045em!important}.hero-punch{font-family:var(--pop-display)!important;color:var(--pop-pink)!important;position:relative!important;display:inline-block!important}.hero-punch:after{content:"";position:absolute;left:-4px;right:-8px;bottom:-15px;height:24px;background:url('assets/popithere/doodles/underline.svg') center/contain no-repeat}.hero .eyebrow{color:var(--pop-purple)!important}.pop-demo{border:2px solid var(--pop-ink)!important;border-radius:24px 28px 23px 26px!important;box-shadow:5px 6px 0 var(--pop-purple),var(--pop-shadow)!important}.human-photo-card{border:2px solid var(--pop-ink)!important;box-shadow:4px 5px 0 var(--pop-yellow)!important}.float-card{border:1.5px solid var(--pop-ink)!important;box-shadow:3px 4px 0 var(--pop-ink)!important}.section-heading h2,.connected-head h2,.together-copy h2,.beta-story h2,.pricing h2{font-family:var(--pop-display)!important}.steps-grid article,.feature-node,.shared-card,.price-card{border-color:var(--pop-line)!important}.step-one{box-shadow:4px 5px 0 var(--pop-pink)!important}.step-two{box-shadow:4px 5px 0 var(--pop-aqua)!important}.step-three{box-shadow:4px 5px 0 var(--pop-purple)!important}.feature-center{border:2px solid var(--pop-ink)!important;box-shadow:4px 5px 0 var(--pop-yellow)!important}.price-card{border:1.5px solid var(--pop-line)!important;border-radius:22px!important}.plus-card{border:2px solid var(--pop-purple)!important;box-shadow:5px 6px 0 var(--pop-purple)!important}.billing-toggle{border:1.5px solid var(--pop-ink)!important;border-radius:14px!important;background:var(--pop-paper)!important}.billing-toggle button.active{background:var(--pop-yellow)!important;color:#17233b!important;border:1.5px solid #17233b!important;box-shadow:0 2px 0 #17233b!important}.final-cta{background:var(--pop-purple)!important;color:#fff!important}.final-inner h2{color:#fff!important}.final-inner em{color:var(--pop-yellow)!important}.site-footer{background:var(--pop-ink)!important}

/* --------------------------------------------------------------------------
   MOBILE — tactile, simple and POP-first.
   -------------------------------------------------------------------------- */
@media(max-width:800px){
  body{background-image:radial-gradient(circle at 105% 0,color-mix(in srgb,var(--pop-yellow) 18%,transparent),transparent 18rem)!important;padding-bottom:86px!important}
  .pih-global-shell{display:none!important}.pih-prepaint-shell{display:none!important}
  .pih-mobile-tabs{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:68px!important;padding:5px!important;border:2px solid var(--pop-ink)!important;border-radius:19px 22px 18px 21px!important;background:var(--pop-paper)!important;box-shadow:4px 5px 0 var(--pop-ink),0 12px 28px rgba(23,35,59,.13)!important;overflow:hidden!important}.pih-mobile-tabs a,.pih-mobile-tabs button{border-radius:13px!important;color:var(--pop-muted)!important}.pih-mobile-tabs .active{background:var(--pop-yellow-soft)!important;color:var(--pop-ink)!important}.pih-mobile-tabs .active svg{color:var(--pop-purple)!important}.pih-mobile-tabs .active:after{content:"";position:absolute;bottom:5px;left:28%;right:28%;height:4px;border-radius:60% 40%;background:var(--pop-pink)}
  body:has(#homeNowSection) .portal-shell{width:100%!important;max-width:none!important;margin:0!important;padding:.7rem .65rem 6.8rem!important}body:has(#homeNowSection) #chooserPanel.chooser{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.quick-pop-hero{padding:22px 17px 20px!important;border-radius:21px 24px 20px 23px!important;box-shadow:4px 5px 0 var(--pop-purple)!important}.quick-pop-copy h2{font-size:39px!important;line-height:.96!important;max-width:90%!important}.quick-pop-copy p{font-size:12px!important}.quick-pop-tools{position:absolute!important;right:13px!important;top:13px!important}.quick-pop-memory{width:40px!important;min-height:38px!important;padding:0!important;font-size:0!important}.quick-pop-memory:after{content:"✦";font-size:15px}.quick-pop-form{grid-template-columns:minmax(0,1fr) auto!important;margin-top:16px!important}.quick-pop-form textarea{grid-column:1/-1!important;min-height:78px!important}.quick-pop-voice{grid-column:1!important;width:45px!important;justify-self:start!important}.quick-pop-form>button[type="submit"]{grid-column:2!important;min-width:96px!important}.quick-pop-hint{display:none!important}.quick-pop-examples{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important}.quick-pop-chip{flex:0 0 auto!important}.home-now-head h2{font-size:31px!important}.home-next-move{grid-template-columns:auto minmax(0,1fr)!important;padding:15px!important}.home-next-actions{grid-column:1/-1!important;width:100%!important}.home-next-actions a,.home-next-actions button{flex:1!important;justify-content:center!important}.p62-home-context-grid{grid-template-columns:1fr!important;gap:9px!important}.beta-journey-steps{grid-template-columns:1fr!important}.beta-journey-card:after{display:none!important}
  .lists-layout{width:auto!important;padding:.65rem .65rem 6rem!important}.lists-content>.view-head h2{font-size:34px!important}.capture-card{grid-template-columns:1fr!important;padding:9px!important}.capture-actions{justify-content:flex-end!important}.summary-strip{overflow-x:auto!important;flex-wrap:nowrap!important}.board-scope-filters{overflow-x:auto!important;flex-wrap:nowrap!important}.board-scope-filters button{flex:0 0 auto!important}
  body:has(.lists-layout) .list-item.has-shopping-thumb{grid-template-columns:22px 42px minmax(0,1fr) 32px!important;column-gap:9px!important;min-height:62px!important}.list-item.has-shopping-thumb>.shopping-item-thumb{width:42px!important;height:42px!important;min-width:42px!important;border-radius:11px!important}.list-item{padding:10px 9px!important}.item-title{font-size:14px!important}.meta-row,.item-provenance{font-size:10px!important}
  body.pih-recipes-page:not(.recipe-library-only) .app{width:100%!important;display:block!important;padding:0 0 88px!important}.recipe-hero,.recipe-detail-hero,.hero-card{border-radius:0 0 22px 22px!important;box-shadow:none!important;border-left:0!important;border-right:0!important}.pih-sheet{border-radius:22px 22px 0 0!important;box-shadow:0 -18px 50px rgba(23,35,59,.2)!important}
  :where(.toast,#toast,.watch-toast){bottom:92px!important}
  .site-header .nav-wrap{padding-left:15px!important;padding-right:15px!important}.hero-copy h1{font-size:clamp(44px,13vw,66px)!important}.hero-punch{font-size:clamp(36px,11vw,54px)!important}.pop-demo{box-shadow:3px 4px 0 var(--pop-purple)!important}.steps-grid article{box-shadow:3px 4px 0 var(--pop-ink)!important}
}

@media(max-width:430px){.quick-pop-copy h2{font-size:34px!important}.quick-pop-hero{padding:20px 15px 18px!important}.pih-mobile-tabs{left:6px!important;right:6px!important;bottom:6px!important}.capture-actions .voice-button span{display:none!important}}

/* --------------------------------------------------------------------------
   MOTION — fast, tactile, optional.
   -------------------------------------------------------------------------- */
@keyframes popThinking{from{transform:translateY(0) rotate(-.4deg)}to{transform:translateY(-2px) rotate(.4deg)}}
@keyframes popWiggle{from{transform:rotate(-8deg) translateX(-2px)}to{transform:rotate(-3deg) translateX(3px)}}
@keyframes popCelebrate{0%{transform:scale(1)}45%{transform:scale(1.008)}100%{transform:scale(1)}}
@keyframes popIn{from{opacity:0;transform:translateY(8px) rotate(.2deg)}to{opacity:1;transform:none}}
.pih-pop90-enter{animation:popIn .24s ease-out both}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Recipe simple mode is the everyday cooking surface, so it gets explicit Pop90 treatment. */
body.pih-recipes-page .simple-recipe-view{width:100%!important;max-width:none!important;padding:0 0 78px!important;overflow:visible!important}
body.pih-recipes-page .simple-recipe-hero{display:grid!important;grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr)!important;gap:28px!important;align-items:stretch!important;padding:16px!important;border:2px solid var(--pop-ink)!important;border-radius:23px 28px 22px 25px!important;background:var(--pop-paper)!important;box-shadow:5px 6px 0 var(--pop-purple),var(--pop-shadow)!important;overflow:hidden!important}
body.pih-recipes-page .simple-hero-image-wrap{border-radius:17px!important;overflow:hidden!important;background:var(--pop-paper-warm)!important}
body.pih-recipes-page .simple-hero-image{width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important}
body.pih-recipes-page .simple-hero-copy{padding:22px 22px 18px 6px!important;align-self:center!important}
body.pih-recipes-page .simple-hero-copy h1{font-family:var(--pop-display)!important;color:var(--pop-ink)!important;font-size:clamp(36px,3.2vw,54px)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:.18em 0!important}
body.pih-recipes-page .simple-kicker{color:var(--pop-pink)!important;font-weight:900!important;letter-spacing:.14em!important}.simple-description{color:var(--pop-muted)!important;line-height:1.55!important}.simple-facts>*,.simple-facts label{border:1.5px solid var(--pop-line)!important;border-radius:13px!important;background:var(--pop-paper-warm)!important}.simple-primary-actions .primary-cook{background:var(--pop-ink)!important;color:#fff!important;border:2px solid var(--pop-ink)!important;box-shadow:0 3px 0 color-mix(in srgb,var(--pop-ink) 82%,#000)!important}.simple-primary-actions .secondary{border:1.5px solid var(--pop-line)!important;background:var(--pop-paper)!important}.simple-favorite{border:1.5px solid color-mix(in srgb,var(--pop-pink) 45%,var(--pop-line))!important;background:var(--pop-pink-soft)!important;color:var(--pop-red)!important;box-shadow:none!important}
body.pih-recipes-page .simple-recipe-body{width:100%!important;max-width:none!important;margin-top:20px!important;display:grid!important;gap:20px!important}
body.pih-recipes-page .simple-section{padding:clamp(22px,2.4vw,32px)!important;border:1.5px solid var(--pop-line)!important;border-radius:20px 23px 19px 22px!important;background:var(--pop-paper)!important;box-shadow:var(--pop-shadow-soft)!important}
body.pih-recipes-page .simple-section:first-child{border-top:5px solid var(--pop-pink)!important}.simple-section:nth-child(2){border-top:5px solid var(--pop-aqua)!important}.simple-section-title h2{font-family:var(--pop-display)!important;color:var(--pop-ink)!important;font-size:29px!important}.simple-section-subtitle{color:var(--pop-muted)!important}.simple-ingredients{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:30px!important}.simple-ingredients li{padding:12px 3px!important;border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 9%,transparent)!important;color:var(--pop-ink)!important;gap:12px!important}.ingredient-add-list{min-height:31px!important;padding:4px 9px!important;border:1.5px solid color-mix(in srgb,var(--pop-aqua) 40%,var(--pop-line))!important;border-radius:10px!important;background:var(--pop-aqua-soft)!important;color:var(--pop-ink)!important;font-weight:850!important;box-shadow:none!important}.ingredient-add-list.added{background:var(--pop-green-soft)!important;color:var(--pop-green)!important}.simple-steps li{border-bottom:1px solid color-mix(in srgb,var(--pop-ink) 8%,transparent)!important}.simple-more-card{border:1.5px dashed color-mix(in srgb,var(--pop-purple) 45%,var(--pop-line))!important;border-radius:16px!important;background:var(--pop-purple-soft)!important}.experience-switch{border:1px solid var(--pop-line)!important;border-radius:12px!important;background:color-mix(in srgb,var(--pop-ink) 5%,var(--pop-paper))!important}.experience-switch button.active{background:var(--pop-ink)!important;color:#fff!important;border-color:var(--pop-ink)!important}
body.pih-recipes-page .recipe-card{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-width:0!important;padding:7px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important}.pih-recipes-page .recipe-card .thumb,.pih-recipes-page .recipe-card img.thumb{width:78px!important;height:62px!important;min-width:78px!important;border-radius:10px!important;object-fit:cover!important}.pih-recipes-page .recipe-card-copy{min-width:0!important;overflow:hidden!important}.pih-recipes-page .recipe-card .recipe-title{font-family:var(--pop-body)!important;font-size:12.5px!important;font-weight:850!important;line-height:1.22!important;color:var(--pop-ink)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.pih-recipes-page .recipe-card .recipe-meta{font-size:10px!important;color:var(--pop-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.pih-recipes-page .recipe-card:hover{background:var(--pop-purple-soft)!important}.pih-recipes-page .recipe-card.active{background:var(--pop-yellow-soft)!important;border-color:color-mix(in srgb,var(--pop-yellow) 55%,var(--pop-line))!important;box-shadow:inset 4px 0 0 var(--pop-pink)!important}
@media(max-width:800px){body.pih-recipes-page .simple-recipe-hero{grid-template-columns:1fr!important;gap:14px!important;padding:11px!important;border-left:0!important;border-right:0!important;border-radius:0 0 22px 22px!important;box-shadow:none!important}.simple-hero-copy{padding:8px 5px 12px!important}.simple-hero-copy h1{font-size:34px!important}.simple-hero-image{min-height:240px!important}.simple-ingredients{grid-template-columns:1fr!important}.simple-section{padding:20px 17px!important}.pih-recipes-page .sidebar .recipe-card{grid-template-columns:72px minmax(0,1fr)!important}.pih-recipes-page .recipe-card .thumb,.pih-recipes-page .recipe-card img.thumb{width:72px!important;height:58px!important;min-width:72px!important}}

/* v6.3 release-hardening: beat legacy compact-shop/display:contents rules and
   guarantee sane mobile Watch card geometry. */
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head>div:first-child{
  display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head>div:first-child>div{
  display:grid!important;gap:2px!important;min-width:0!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head .eyebrow{
  color:var(--pop-purple)!important;font-size:9px!important;line-height:1.1!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head h3{
  color:var(--pop-ink)!important;font-size:16px!important;line-height:1.1!important;margin:0!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head p{
  color:var(--pop-muted)!important;font-size:11px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:850px!important;
}
body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-actions{flex:0 0 auto!important;align-self:center!important}
body:has(.lists-layout) .smart-shop-card.compact-shop .shop-plan-stats{margin-top:10px!important}

@media(max-width:800px){
  body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-actions{justify-self:start!important}
  body:has(.lists-layout) .smart-shop-card.compact-shop .smart-shop-head p{max-width:none!important}

  body:has(#watchGrid) .pih-page,
  body:has(#watchGrid) .pih-card.wide,
  body:has(#watchGrid) .watch-library-toolbar,
  body:has(#watchGrid) .watch-library-grid{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  body:has(#watchGrid) .watch-library-grid{grid-template-columns:1fr!important}
  body:has(#watchGrid) .watch-library-card,
  body:has(#watchGrid) .watch-card{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:88px minmax(0,1fr)!important;overflow:hidden!important}
  body:has(#watchGrid) .watch-card-copy,
  body:has(#watchGrid) .watch-card-actions{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  body:has(#watchGrid) .watch-card-copy :is(strong,span,small,p){max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
  body:has(#watchGrid) .watch-card-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  body:has(#watchGrid) .watch-card-actions :is(button,a){max-width:100%!important;white-space:normal!important}
}

/* Final responsive guardrails. These intentionally sit last so no legacy
   compiled breakpoint can resurrect old desktop furniture on small screens. */
@media(max-width:800px){
  body>.pih-global-shell,
  body .pih-global-shell{display:none!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important}
  body:has(#homeNowSection) .desktop-app-nav,
  body:has(#homeNowSection) .chooser-head{display:none!important}
  body:has(#homeNowSection) .ambient{max-width:100vw!important;overflow:hidden!important}
  html,body{max-width:100%!important;overflow-x:hidden!important}
}

@media(min-width:801px) and (max-width:1100px){
  body.pih-recipes-page:not(.recipe-library-only) .app{grid-template-columns:270px minmax(0,1fr)!important;gap:16px!important;width:100%!important;max-width:100%!important;padding:22px 20px 80px!important}
  body.pih-recipes-page .simple-recipe-view{min-width:0!important;width:100%!important;max-width:100%!important}
  body.pih-recipes-page .simple-recipe-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:18px!important;width:100%!important;max-width:100%!important}
  body.pih-recipes-page .simple-hero-image{min-height:300px!important}
  body.pih-recipes-page .simple-hero-copy{padding:16px 12px 14px 0!important;min-width:0!important}
  body.pih-recipes-page .simple-hero-copy h1{font-size:clamp(30px,4vw,42px)!important}
  body.pih-recipes-page .simple-primary-actions{flex-wrap:wrap!important}
  body.pih-recipes-page .simple-ingredients{grid-template-columns:1fr!important}
}

/* Shopping structural guarantees: keep intelligence, headings and item copy readable
   regardless of compact/expanded renderer variants. */
body:has(.lists-layout) .smart-shop-card .smart-shop-head{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;
}
body:has(.lists-layout) .smart-shop-card .smart-shop-head>div:not(.smart-shop-actions){min-width:0!important;display:grid!important;gap:2px!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-head :is(small,.eyebrow){display:block!important;color:var(--pop-purple)!important;font-size:9px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.12em!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-head :is(strong,h3){display:block!important;margin:0!important;color:var(--pop-ink)!important;font-family:var(--pop-display)!important;font-size:16px!important;line-height:1.15!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-head p{grid-column:auto!important;margin:2px 0 0!important;max-width:900px!important;color:var(--pop-muted)!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-self:end!important}
body:has(.lists-layout) .list-group-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:16px!important;padding:14px 0 10px!important}
body:has(.lists-layout) .list-group-head>div{display:grid!important;gap:3px!important}.list-group-head small{color:var(--pop-muted)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}.list-group-head h3{margin:0!important;font-family:var(--pop-display)!important;font-size:20px!important;color:var(--pop-ink)!important}
body:has(.lists-layout) .list-category-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 2px!important;border-top:1px solid var(--pop-line)!important;border-bottom:1px solid var(--pop-line)!important;color:var(--pop-muted)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
body:has(.lists-layout) .list-category-head span{flex:0 0 auto!important}
@media(max-width:800px){
  body:has(.lists-layout) .smart-shop-card .smart-shop-head{grid-template-columns:auto minmax(0,1fr)!important}
  body:has(.lists-layout) .smart-shop-card .smart-shop-actions{grid-column:1/-1!important;justify-self:start!important}
}
body:has(.lists-layout) .smart-shop-card .smart-shop-head>.smart-shop-icon{grid-column:1!important;grid-row:1!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-head>div:not(.smart-shop-actions){grid-column:2!important;grid-row:1!important;align-self:start!important}
body:has(.lists-layout) .smart-shop-card .smart-shop-head>.smart-shop-actions{grid-column:3!important;grid-row:1!important;align-self:start!important}
@media(max-width:800px){
 body:has(.lists-layout) .smart-shop-card .smart-shop-head>.smart-shop-icon{grid-column:1!important;grid-row:1!important}
 body:has(.lists-layout) .smart-shop-card .smart-shop-head>div:not(.smart-shop-actions){grid-column:2!important;grid-row:1!important}
 body:has(.lists-layout) .smart-shop-card .smart-shop-head>.smart-shop-actions{grid-column:1/-1!important;grid-row:2!important}
}

/* Legal and trust surfaces inherit the brand without turning legal text into a scrapbook. */
body:has(.legal-shell){background:var(--pop-canvas)!important;color:var(--pop-ink)!important}
body:has(.legal-shell) .legal-shell{max-width:980px!important}
body:has(.legal-shell) .legal-top{border-bottom:1.5px solid var(--pop-line)!important}
body:has(.legal-shell) .brand-lockup img{border:2px solid var(--pop-ink)!important;border-radius:13px!important;box-shadow:2px 2px 0 var(--pop-yellow)!important}
body:has(.legal-shell) .brand-name{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}
body:has(.legal-shell) .brand-tagline,body:has(.legal-shell) .eyebrow{color:var(--pop-pink)!important;font-weight:900!important;letter-spacing:.12em!important}
body:has(.legal-shell) .legal-card{background:var(--pop-paper)!important;border:1.5px solid var(--pop-line)!important;border-radius:22px 25px 20px 23px!important;box-shadow:4px 5px 0 var(--pop-purple-soft)!important}
body:has(.legal-shell) .legal-card h1,body:has(.legal-shell) .legal-card h2{font-family:var(--pop-display)!important;color:var(--pop-ink)!important}
body:has(.legal-shell) .legal-card h1{font-size:clamp(40px,6vw,62px)!important;letter-spacing:-.04em!important}
body:has(.legal-shell) .callout{background:var(--pop-aqua-soft)!important;border:1.5px solid color-mix(in srgb,var(--pop-aqua) 42%,var(--pop-line))!important;border-left:5px solid var(--pop-aqua)!important;border-radius:14px!important}
body:has(.legal-shell) .back-link{color:var(--pop-ink)!important;text-decoration-color:var(--pop-pink)!important;text-decoration-thickness:3px!important}