.product-photo video{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.86)}
.video-indicator{position:absolute;right:9px;bottom:9px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffffffdf;color:#4d5f49;font-size:8px;pointer-events:none}
.top-location{display:none;border:1px solid #e7e9e2;background:#fff;border-radius:5px;align-items:center;gap:8px;padding:7px 9px;color:#718167;font-size:9px;text-align:left}
.top-location b{font-size:9px;font-weight:600;color:#50554b;flex:1}
.district-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e8df;background:#fbfcf9;border-radius:5px;padding:0 10px;height:38px;margin:17px 0 11px;color:#819078}
.district-search>span{font-size:18px}.district-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:11px;color:#3c4037}
.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:330px;overflow:auto;padding-right:3px}
.district-option{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #e9ebe5;background:#fff;border-radius:4px;padding:9px 8px;text-align:left;font-size:10px;color:#55594f}
.district-option:hover,.district-option.selected{border-color:#aebca4;background:#f3f6f0;color:#435841}
.district-option small{margin-left:auto;color:#92988b;font-size:7px}
.district-radio{width:14px;height:14px;border:1px solid #d7dbd1;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font-size:8px}
.district-option.selected .district-radio{background:#61775a;border-color:#61775a}
.district-count{font-size:8px!important;text-align:right;margin:9px 0 0!important;color:#999c91!important}
.google-signin{display:flex;justify-content:center;padding:15px 0 3px}
.google-signin iframe{max-width:100%}
.district-modal{width:min(570px,100%)}
.category-row{overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.category-row::-webkit-scrollbar{display:none}.category{flex:0 0 126px}
@media(max-width:900px){.top-location{display:flex;white-space:nowrap;max-width:185px;overflow:hidden}.top-location b{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:600px){.topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:8px 0;row-gap:7px}.mobile-brand{order:1}.search{order:2}.top-actions{order:3}.top-location{display:flex;order:4;flex:0 0 100%;height:31px}.preview-banner{order:5;flex-basis:100%}.preview-banner small{display:none}.category{flex:0 0 99px}.district-grid{max-height:min(45vh,350px);gap:5px}.district-option{padding:9px 6px;font-size:9px}.district-modal{max-height:92vh}}
.category-filters{display:flex;gap:8px;min-width:0}
.category{flex:0 0 126px}
.category small{display:none}
.hero-empty-art{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#e6e9df,#f4f1e8 72%);text-align:center}
.hero-art-kicker{position:absolute;top:24px;left:26px;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#687b5f}
.hero-art-mark{width:110px;height:96px;position:relative;margin:0 auto 12px}
.hero-art-mark:before,.hero-art-mark:after{content:"";position:absolute;left:50%;top:50%;width:78px;height:78px;border:1px solid #c4cdbb;border-radius:50%;transform:translate(-50%,-50%)}
.hero-art-mark:after{width:55px;height:55px;border-color:#d0d7c9}
.hero-art-mark span{position:absolute;z-index:1;left:50%;bottom:15px;width:21px;height:43px;border:1px solid #74876c;border-radius:100% 100% 2px 100%;transform:translateX(-50%) rotate(8deg);background:#e9ede4}
.hero-art-mark span:nth-child(2){left:37%;bottom:12px;height:31px;transform:translateX(-50%) rotate(-28deg)}
.hero-art-mark span:nth-child(3){left:63%;bottom:12px;height:31px;transform:translateX(-50%) rotate(28deg)}
.hero-empty-art>strong{font:26px/1.05 Georgia,"Times New Roman",serif;color:#354a36;font-weight:400}
.hero-art-caption{margin-top:8px;font-size:9px;color:#7b8075}
.hero-seller-link{margin-top:14px;border:0;border-bottom:1px solid #aab5a2;background:transparent;color:#435a40;font-size:9px;font-weight:700;padding:5px 0}
.hero-seller-link b{padding-left:10px}
.hero-empty-art.hidden{display:none}
.hero-stamp{z-index:2}
.hero-caption{z-index:2}
.catalog-empty .category-row,.catalog-empty .feed-aside,.catalog-empty .story-banner{display:none}
.catalog-empty .feed-layout{display:block}
.catalog-empty .product-grid{display:block}
.catalog-empty .product-empty{max-width:760px;margin:0 auto;padding:30px 32px;border:1px solid #e7e9e2;border-radius:8px;background:#fff;text-align:left;box-shadow:0 8px 28px #29332108}
.catalog-empty .product-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef2eb;color:#61775a;font-size:16px}
.catalog-empty .product-empty h2{margin:14px 0 6px;font:24px/1.2 Georgia,"Times New Roman",serif;color:#30382d}
.catalog-empty .product-empty p{max-width:520px;margin:0;color:#777d72;font-size:12px;line-height:1.7}
.catalog-empty .product-empty .button-dark{margin-top:18px}
.field-hint{display:block;margin-top:5px;color:#858a7f;font-size:9px;line-height:1.5}
.signup-help{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#777d72;font-size:10px}
.signup-help button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #d9ded4;border-radius:50%;background:#fff;color:#53694e;font-size:11px;font-weight:700}
.signup-help button:hover,.sidebar-bottom button:hover{border-color:#88987f;background:#f3f6f0;color:#354a36}
.support-site-link{display:inline-block;margin:5px 0 8px}
.security-note{padding:12px 14px;border:1px solid #e7e9e2;border-radius:7px;background:#fafbf8;font-size:11px!important;line-height:1.65}
.security-note strong{color:#3f533d}
@media(max-width:600px){.category-filters{gap:6px}.category{flex-basis:105px}.catalog-empty .product-empty{padding:23px 19px}.hero-art-kicker{top:17px;left:17px}.hero-empty-art>strong{font-size:23px}}
:root{--motion-fast:180ms;--motion-medium:320ms;--motion-slow:650ms}
html{color-scheme:light;scroll-padding-top:82px}
body,button,input,textarea,select,.sidebar,.topbar,.hero,.location-switch,.seller-nudge,.category,.product-card,.product-empty,.feed-aside,.aside-note,.story-banner,.plans-preview,.modal,.mobile-nav,.search,.dash-hero,.career-card,.maker-hero,.plan-card,.field input,.field textarea,.field select{transition:background-color var(--motion-medium) ease,color var(--motion-medium) ease,border-color var(--motion-medium) ease,box-shadow var(--motion-medium) ease}
button,a,[role=button]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #829577;outline-offset:3px}
.top-actions{gap:10px}
.theme-toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);transition:transform var(--motion-fast) ease,background-color var(--motion-medium) ease,color var(--motion-medium) ease,border-color var(--motion-medium) ease}
.theme-toggle .theme-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.theme-icon-moon{display:none}
:root[data-theme=dark] .theme-icon-sun{display:none}
:root[data-theme=dark] .theme-icon-moon{display:block}
.category-row{align-items:flex-start}
.category-intro{padding-top:8px}
.category-filters{align-items:stretch;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;scrollbar-color:#c9d0c2 transparent}
.category{height:56px;flex:0 0 132px;min-width:0;grid-template-columns:28px minmax(0,1fr);grid-template-rows:1fr;column-gap:5px;padding:0 11px}
.category .cat-symbol{grid-row:1;align-self:center;justify-self:center;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0f2eb;color:#65795d;font-size:14px;transition:transform var(--motion-medium) cubic-bezier(.2,.75,.25,1.2),background-color var(--motion-medium) ease}
.category>span:nth-child(2){align-self:center;line-height:1.25}
.hero-stamp{right:18px;bottom:21px;width:64px;height:64px;z-index:3}
.hero-empty-art{isolation:isolate}
.hero-empty-art:before,.hero-empty-art:after{content:"";position:absolute;z-index:-1;border:1px solid #d8ddcf;border-radius:50%;width:210px;height:210px;animation:orbit-drift 18s linear infinite}
.hero-empty-art:after{width:270px;height:270px;animation-direction:reverse;animation-duration:28s}
.hero-art-mark{margin-bottom:17px}
.hero-art-mark span{transform-origin:50% 100%;animation:leaf-sway 4s ease-in-out infinite}
.hero-art-mark span:nth-child(2){animation-delay:-1.3s}
.hero-art-mark span:nth-child(3){animation-delay:-2.6s}
.hero-art-kicker{left:23px;top:21px;z-index:1}
.hero-empty-art>strong{position:relative;z-index:1}
.hero-art-caption,.hero-seller-link{position:relative;z-index:1}
.hero-caption{max-width:calc(100% - 90px)}
.hero-caption b,.hero-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.page-view:not(.hidden){animation:page-enter 520ms cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*{animation:content-enter 700ms cubic-bezier(.2,.7,.2,1) both}
.hero-copy>.eyebrow{animation-delay:60ms}
.hero-copy>h1{animation-delay:130ms}
.hero-copy>p{animation-delay:200ms}
.hero-copy>.hero-ctas{animation-delay:270ms}
.product-card{animation:content-enter 480ms cubic-bezier(.2,.7,.2,1) both}
.product-card:nth-child(2){animation-delay:55ms}
.product-card:nth-child(3){animation-delay:110ms}
.product-card:nth-child(4){animation-delay:165ms}
.product-card:nth-child(5){animation-delay:220ms}
.product-card:nth-child(6){animation-delay:275ms}
.category-filters .category{animation:content-enter 450ms cubic-bezier(.2,.7,.2,1) both}
.category-filters .category:nth-child(2){animation-delay:35ms}
.category-filters .category:nth-child(3){animation-delay:70ms}
.category-filters .category:nth-child(4){animation-delay:105ms}
.category-filters .category:nth-child(5){animation-delay:140ms}
.category-filters .category:nth-child(6){animation-delay:175ms}
.category-filters .category:nth-child(7){animation-delay:210ms}
.category-filters .category:nth-child(8){animation-delay:245ms}
.category-filters .category:nth-child(9){animation-delay:280ms}
.reveal-on-scroll{opacity:0;translate:0 24px;scale:.985;transition:opacity 700ms cubic-bezier(.2,.7,.2,1),translate 700ms cubic-bezier(.2,.7,.2,1),scale 700ms cubic-bezier(.2,.7,.2,1)}
.reveal-on-scroll.is-visible{opacity:1;translate:0 0;scale:1}
.hero-art .circle-back{translate:var(--back-x,0px) var(--back-y,0px);transition:translate 600ms cubic-bezier(.2,.7,.2,1)}
.hero-art .circle-front{translate:var(--front-x,0px) var(--front-y,0px);transition:translate 450ms cubic-bezier(.2,.7,.2,1)}
.hero-empty-art:before,.hero-empty-art:after{translate:var(--ring-x,0px) var(--ring-y,0px);transition:translate 500ms cubic-bezier(.2,.7,.2,1)}
.hero-stamp{animation:stamp-float 5s ease-in-out infinite}
.nudge-orbit{animation:orbit-drift 18s linear infinite}
.story-sun{animation:sun-breathe 7s ease-in-out infinite}
.seller-nudge{transition:transform var(--motion-medium) cubic-bezier(.2,.7,.2,1),background-color var(--motion-medium) ease,box-shadow var(--motion-medium) ease}
.seller-nudge .nudge-orbit{transform-origin:center}
@media(hover:hover){
  .theme-toggle:hover{transform:rotate(-12deg) scale(1.08);background:#edf1e9}
  .nav-link{transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease}
  .nav-link:hover{transform:translateX(4px)}
  .category:hover{transform:translateY(-3px);box-shadow:0 9px 20px #26332112}
  .category:hover .cat-symbol{transform:rotate(-12deg) scale(1.08);background:#e6ecdf}
  .product-card{transition:transform var(--motion-medium) cubic-bezier(.2,.75,.25,1)}
  .product-card:hover{transform:translateY(-5px)}
  .product-photo img,.product-photo video{transition:transform 700ms cubic-bezier(.2,.75,.25,1),filter 500ms ease}
  .product-card:hover .product-photo img,.product-card:hover .product-photo video{transform:scale(1.065);filter:saturate(1)}
  .maker-row{transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease}
  .maker-row:hover{transform:translateX(4px)}
  .button-dark{transition:transform var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
  .button-dark:hover{transform:translateY(-2px);box-shadow:0 8px 18px #26332126}
  .hero-seller-link:hover,.seller-nudge>button:hover,.career-card button:hover,.text-link:hover{letter-spacing:.15px;color:#344a36}
  .seller-nudge:hover{transform:translateY(-3px);box-shadow:0 12px 26px #26332112}
  .hero-art:hover .hero-stamp{animation-duration:2.2s}
  .top-actions>button:hover{filter:brightness(1.08)}
}
:root[data-theme=dark]{color-scheme:dark;--ink:#e9ece5;--muted:#a7afa2;--line:#343b34;--paper:#171a17;--white:#202520;--green:#9aaf8e;--green-dark:#c2d0b8}
:root[data-theme=dark] body{background:#171a17;color:#e9ece5}
:root[data-theme=dark] .sidebar,:root[data-theme=dark] .mobile-nav{background:#1c211d;border-color:#343b34}
:root[data-theme=dark] .topbar{background:rgba(23,26,23,.94);border-color:#343b34}
:root[data-theme=dark] .crumb,:root[data-theme=dark] .crumb strong,:root[data-theme=dark] .page-footer,:root[data-theme=dark] .faint{color:#a7afa2}
:root[data-theme=dark] .crumb b{color:#4c554b}
:root[data-theme=dark] .brand-word,:root[data-theme=dark] .brand-word small,:root[data-theme=dark] .sidebar-bottom{color:#d6dbd1}
:root[data-theme=dark] .location-switch,:root[data-theme=dark] .search,:root[data-theme=dark] .top-location,:root[data-theme=dark] .category,:root[data-theme=dark] .product-tag,:root[data-theme=dark] .hero-caption,:root[data-theme=dark] .modal,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .field input,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .field select,:root[data-theme=dark] .district-option,:root[data-theme=dark] .auth-switch button.selected{background:#232a24;border-color:#3c453b;color:#e4e9e0}
:root[data-theme=dark] .location-switch strong,:root[data-theme=dark] .top-location b,:root[data-theme=dark] .search input,:root[data-theme=dark] .product-title,:root[data-theme=dark] .maker-info b,:root[data-theme=dark] .modal h2,:root[data-theme=dark] .plan-card h3,:root[data-theme=dark] .career-card h3{color:#e8ece4}
:root[data-theme=dark] .location-switch small,:root[data-theme=dark] .search input::placeholder,:root[data-theme=dark] .product-meta span:nth-child(2),:root[data-theme=dark] .product-sub,:root[data-theme=dark] .maker-info small,:root[data-theme=dark] .modal p,:root[data-theme=dark] .field label,:root[data-theme=dark] .plan-card p,:root[data-theme=dark] .career-card p,:root[data-theme=dark] .profile-header p{color:#a7afa2}
:root[data-theme=dark] .nav-link{color:#b0b8aa}
:root[data-theme=dark] .nav-link:hover,:root[data-theme=dark] .nav-link.active{background:#2b352b;color:#dce8d3}
:root[data-theme=dark] .seller-nudge,:root[data-theme=dark] .aside-note,:root[data-theme=dark] .dash-hero,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .maker-hero,:root[data-theme=dark] .career-card,:root[data-theme=dark] .plan-card.featured{background:#252d25;color:#e3e9df}
:root[data-theme=dark] .hero{background:#222821}
:root[data-theme=dark] .hero-circle{background:#2e392e}
:root[data-theme=dark] .hero-empty-art{background:linear-gradient(145deg,#252d25,#30362c 72%)}
:root[data-theme=dark] .hero-empty-art:before,:root[data-theme=dark] .hero-empty-art:after{border-color:#465244}
:root[data-theme=dark] .hero-art-kicker,:root[data-theme=dark] .hero-art-caption{color:#aebaa6}
:root[data-theme=dark] .hero-art-mark:before,:root[data-theme=dark] .hero-art-mark:after{border-color:#52604e}
:root[data-theme=dark] .hero-art-mark span{background:#303a30;border-color:#9cab91}
:root[data-theme=dark] .hero-empty-art>strong{color:#dbe6d5}
:root[data-theme=dark] .hero-seller-link{color:#c3d3b9;border-color:#66775f}
:root[data-theme=dark] .hero-stamp{color:#e4eadf;border-color:#d2dccb}
:root[data-theme=dark] .hero-caption{box-shadow:0 5px 18px #0005}
:root[data-theme=dark] .category .cat-symbol{background:#303a30;color:#c1d1b6}
:root[data-theme=dark] .category.active,:root[data-theme=dark] .category:hover{background:#2c372c;border-color:#68795f}
:root[data-theme=dark] .feed-aside,:root[data-theme=dark] .product-foot,:root[data-theme=dark] .maker-row,:root[data-theme=dark] .profile-header,:root[data-theme=dark] .page-footer{border-color:#343b34}
:root[data-theme=dark] .story-banner,:root[data-theme=dark] .plans-preview{background:#252d25}
:root[data-theme=dark] .story-sun{border-color:#465244;box-shadow:0 0 0 18px #202820,0 0 0 19px #465244,0 0 0 43px #202820,0 0 0 44px #465244}
:root[data-theme=dark] .product-photo{background:#2a312a}
:root[data-theme=dark] .product-tag{background:#1c211de8;color:#d2d9cd}
:root[data-theme=dark] .product-empty,:root[data-theme=dark] .catalog-empty .product-empty{background:#202520;border-color:#343b34}
:root[data-theme=dark] .catalog-empty .product-empty>span{background:#2d392d;color:#c3d2b9}
:root[data-theme=dark] .catalog-empty .product-empty h2{color:#e5ebe1}
:root[data-theme=dark] .catalog-empty .product-empty p{color:#aab2a5}
:root[data-theme=dark] .hero h1 em,:root[data-theme=dark] .section-heading h2 em,:root[data-theme=dark] .aside-head h3 em,:root[data-theme=dark] .plans-preview h2 em{color:#afc3a3}
:root[data-theme=dark] .hero-copy>p,:root[data-theme=dark] .hero-trust,:root[data-theme=dark] .category-intro small,:root[data-theme=dark] .aside-head small,:root[data-theme=dark] .story-label,:root[data-theme=dark] .plans-preview p{color:#a5ae9f}
:root[data-theme=dark] .modal-backdrop{background:#080b09b8}
:root[data-theme=dark] .modal-close{color:#b6beb1}
:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .field textarea::placeholder{color:#929b8e}
:root[data-theme=dark] .auth-switch,:root[data-theme=dark] .security-note{background:#252c25;border-color:#3a4439}
:root[data-theme=dark] .auth-switch button{color:#a7afa2}
:root[data-theme=dark] .auth-switch button.selected{color:#e6ece2}
:root[data-theme=dark] .plan-card button{background:#252c25;color:#d1dfc7;border-color:#465342}
:root[data-theme=dark] .plan-card.featured button{background:#657c5c;color:#fff;border-color:#657c5c}
:root[data-theme=dark] .theme-toggle{background:#272e27;color:#e2e9dc;border-color:#414b40}
:root[data-theme=dark] .mobile-nav button.selected{color:#b9d0ad}
@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes content-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit-drift{to{transform:rotate(360deg)}}
@keyframes leaf-sway{0%,100%{rotate:-3deg}50%{rotate:4deg}}
@keyframes stamp-float{0%,100%{translate:0 0;rotate:8deg}50%{translate:0 -5px;rotate:5deg}}
@keyframes sun-breathe{0%,100%{scale:1;opacity:.55}50%{scale:1.035;opacity:.78}}
:root[data-theme=dark] .theme-toggle:hover{background:#354235;color:#eff6e9}
:root[data-theme=dark] .button-dark:hover{background:#71896a}
:root[data-theme=dark] .hero-seller-link:hover,:root[data-theme=dark] .seller-nudge>button:hover,:root[data-theme=dark] .career-card button:hover,:root[data-theme=dark] .text-link:hover{color:#d4e5c9}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}