@import url("themes.css?v=1.19");
.account-side .logout-button{margin-top:auto}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url('fonts/cormorant-italic.ttf') format('truetype')}
body[data-view=login] .login-inner,body[data-view=register] .login-inner{max-width:670px;width:100%}
body[data-view=login] .login-back,body[data-view=register] .login-back,.auth-topline+.auth-eyebrow{display:none}
.original-auth .login-form-wrap{padding:40px clamp(24px,4vw,80px) 60px}
.auth-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;font-size:14px}
.auth-topline>span{text-transform:uppercase;color:#a74c35;letter-spacing:2px;font-weight:700}
.auth-topline>div{display:flex;align-items:center;gap:22px}.auth-topline a{text-decoration:none;color:#17271f;white-space:nowrap}.auth-topline>div>a:last-child{padding-left:20px;border-left:1px solid #ddd}
.brand-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #999;border-radius:30px;padding:8px 16px}.brand-pill img{width:22px;height:22px}
.original-auth .login-inner h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,5.1vw,78px);line-height:1.02;font-style:italic;font-weight:400!important;letter-spacing:-1.8px;margin:22px 0 26px}
.login-description{color:#777;font-size:16px;line-height:1.8}.login-tabs{margin-top:30px;margin-bottom:18px;display:flex}.login-tabs>*{flex:1;text-align:center;padding:16px 8px}.login-tabs .active{border-bottom:3px solid #17271f}
.auth-brand-callout{display:flex;align-items:center;gap:15px;background:#f6f3ee;padding:16px;border-radius:9px;margin:18px 0 22px}.auth-brand-callout>img{width:32px;height:32px}.auth-brand-callout>div{flex:1}.auth-brand-callout strong{font-size:14px}.auth-brand-callout p{margin:3px 0 0;font-size:12px;color:#777;line-height:1.5}.auth-brand-callout>a{background:#172b22;color:#fff;padding:12px 14px;border-radius:8px;font-size:12px;text-decoration:none;white-space:nowrap}
.login-form label{font-size:14px;font-weight:500}.login-form input{height:54px;border:1px solid #d7d7d7;background:white;font-size:16px}.login-submit{background:#172b22!important;min-height:58px;border:0;font-weight:600}.login-forgot{display:inline-block;margin:18px 0}.login-divider{margin:24px 0}.login-social{display:grid;grid-template-columns:1fr;gap:12px}.login-social button{position:relative;display:flex;justify-content:center;align-items:center;min-height:58px;padding:14px 46px;background:white;border:1px solid #d7d7d7;font-weight:600}.login-social .provider-icon{position:absolute;left:20px;width:28px;height:28px;filter:none!important}.login-legal{font-size:13px;line-height:1.9;margin:30px 0 24px;color:#777}.login-brand{display:block;text-align:center;padding-top:24px;border-top:1px solid #e3e3e3;font-size:13px;color:#777}
.inline-arrow{display:inline-block;width:20px;height:20px;vertical-align:middle}.footer-intro .inline-arrow{filter:invert(1)}.photo-search-button{display:grid;place-items:center;background:transparent;border:0;padding:9px;cursor:pointer;flex-shrink:0}.photo-search-button:hover{background:#ecefe9}.photo-search-button .ui-icon{width:23px;height:23px}
.favorite-auth-dialog{border:1px solid #ddd;border-radius:12px;padding:40px;max-width:460px;width:calc(100% - 40px);color:#172b22}.favorite-auth-dialog::backdrop{background:#0007}.favorite-auth-dialog h2{font-size:38px;line-height:1.1}.favorite-auth-dialog p{color:#777;line-height:1.7}.favorite-auth-dialog .login-submit{display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;margin:24px 0}.dialog-dismiss{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.photo-modal{width:min(1000px,94vw)!important;max-width:1000px;max-height:90vh;overflow:auto}.photo-query-preview{width:100px;height:100px;object-fit:contain;margin:12px 0}.photo-match-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-match-grid .product-image-wrap{aspect-ratio:3/4}.photo-match-grid .product-info{font-size:13px}.photo-modal[aria-busy=true] #photo-status:before{content:'';display:inline-block;width:13px;height:13px;border:2px solid #ddd;border-top-color:#172b22;border-radius:50%;animation:orbit 1s linear infinite;margin-right:10px}button:focus-visible,a:focus-visible{outline:2px solid #a74c35;outline-offset:4px}
@media(max-width:1100px){.auth-brand-callout{flex-wrap:wrap}.auth-brand-callout>a{margin-left:47px}.original-auth{grid-template-columns:56% 44%}}
@media(max-width:820px){.original-auth .login-form-wrap{padding:28px 24px 50px}.auth-topline{font-size:12px;gap:10px}.auth-topline>div{gap:12px}.brand-pill{padding:7px 10px}.auth-topline>div>a:last-child{padding-left:10px}.original-auth .login-inner h1{font-size:clamp(48px,9vw,76px)}.photo-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-brand-callout>a{white-space:normal}.login-social button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.photo-modal[aria-busy=true] #photo-status:before{animation:none}}
.category-links{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.category-links::-webkit-scrollbar{display:none}.category-links button[data-audience]{font-weight:700}.category-links button.active{color:var(--terracotta)}
.terms-consent{display:flex;align-items:flex-start;gap:11px;margin:8px 0 18px;line-height:1.6}.login-form .terms-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#172b22}.terms-consent a{color:#172b22;text-underline-offset:3px}
.marketplace-load-more{display:flex;justify-content:center;padding:32px 0 10px}

:root{color-scheme:dark;--ink:#f1f3f8;--paper:#090b11;--white:#12151d;--line:#292e3b;--muted:#a4a9b7;--blue:#14263a;--gold:#72eee4;--terracotta:#c398ff;--neon-cyan:#6af2e6;--neon-violet:#c278ff}
body{color:var(--ink);background:radial-gradient(ellipse at 88% 8%,#39225d26,transparent 38%),radial-gradient(ellipse at 4% 55%,#0b676126,transparent 42%),var(--paper)}
a{color:inherit}
.site-header{background:#090b11ed;border-color:var(--line)}
.category-bar{background:#0c0f16;border-color:var(--line)}
.mobile-icon,.icon-button,.header-actions select,.language-button{color:var(--ink)}
.site-header .ui-icon,.auth-brand-callout>img,.brand-pill img{filter:invert(1)}
.header-search,.mobile-search,.mobile-menu-search{background:#11151e;border-color:var(--line);color:var(--ink)}
.header-search input,.mobile-search input,.mobile-menu-search input{color:var(--ink)}
.header-search input::placeholder,.mobile-search input::placeholder,.mobile-menu-search input::placeholder{color:#8c92a0}
.account-button,.button.dark,.logout-button{background:#171b25;color:var(--ink);border-color:#3a4050}
.account-button:hover,.button.dark:hover,.logout-button:hover{border-color:var(--neon-cyan);box-shadow:0 0 18px #6af2e633}
.account-button .ui-icon,.button.dark .ui-icon{filter:invert(1)}
.button.primary,.button.light{background:#171b25;color:var(--ink);border-color:#363c4a}
.button.primary:hover,.button.light:hover{background:#1c2230;color:#fff;border-color:var(--neon-cyan)}
.eyebrow.dark,.category-links button.active{color:var(--neon-violet)!important}
.desktop-nav a,.category-links button,.header-actions button{color:var(--ink)}
.desktop-nav a:after{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet))}
.announcement{background:#101722}
.section,.about-page,.product-page,.brand-meta,.brand-story{background-color:transparent;color:var(--ink)}
.editorial-split,.brand-marquee,.showcase-slider,.catalog-filter-panel,.catalog-filter-panel.open,
.mobile-drawer,.lele-mobile-menu,.account-side,.stats-grid article,.account-blocks article,
.analytics-card,.dashboard-products,.brand-form,.admin-queue,.admin-toolbar,.product-modal,
.auth-modal,.photo-modal,.original-auth,.login-layout,.login-form-wrap,.customer-auth-showcase,
.auth-product-collage article,.login-social button,.firebase-auth-modal,.favorite-auth-dialog,
.newsletter-dialog,.newsletter-copy{background:#12151d;color:var(--ink)}
.editorial-split{border-block:1px solid var(--line)}
.editorial-copy p:not(.eyebrow),.about-principles article p,.brand-story>div{color:var(--muted)}
.brand-marquee{border-color:var(--line)}
.product-image-wrap,.product-gallery>div{background:#171b24}
.product-badge{background:#141822ed;color:var(--ink)}
.favorite-button,.card-share{background:#171b25;color:var(--ink)}
.favorite-button:hover,.card-share:hover,.product-secondary-actions button:hover{background:#222a36;color:#fff}
.product-secondary-actions,.product-secondary-actions button{background:#11151d;color:var(--ink);border-color:var(--line)}
.catalog-filter-panel,.catalog-filter-panel .filter-selects,.filter-selects label{border-color:var(--line)}
html[data-theme="dark"] .filter-selects label:hover,
html[data-theme="dark"] .subfilters button:hover,
html[data-theme="neon"] .filter-selects label:hover,
html[data-theme="neon"] .subfilters button:hover{background:#1b202b;color:var(--ink)}
.filter-selects select,.admin-toolbar select,.catalog-filter-panel select{color:var(--ink)}
.subfilters button,.filter-selects select,.admin-toolbar select,.admin-toolbar button{border-color:var(--line)}
html[data-theme="light"] .subfilters button.active,
html[data-theme="light"] .subfilters button.active:hover{color:#fff;background:var(--blue);border-color:var(--blue)}
html[data-theme="light"] .filter-selects select{color:var(--ink);background-color:var(--white)}
html[data-theme="dark"] .filter-selects select,
html[data-theme="neon"] .filter-selects select{color:var(--ink);background-color:#0c0f16}
.dashboard-page,.account-page{background:radial-gradient(ellipse at 92% 10%,#39225d26,transparent 38%),radial-gradient(ellipse at 5% 55%,#0b676126,transparent 42%),#090b11}
.dashboard-sidebar,.account-side{background:#10141d!important;color:var(--ink)!important;border:1px solid var(--line)}
.account-avatar{background:#242b39;color:#fff}
.account-side nav button,.account-identity{border-color:var(--line);color:var(--muted)}
.account-side nav button.active{color:#fff}
.account-content,.dashboard-content{color:var(--ink)}
.account-blocks article,.stats-grid article,.analytics-card,.dashboard-products,.brand-form,.admin-queue{border:1px solid var(--line)}
.stats-grid small{color:var(--neon-cyan)}
.brand-form input,.brand-form textarea,.brand-form select,.auth-modal input,.login-form input,.login-form select,.login-form textarea,
.newsletter-copy input,.firebase-auth-modal form input{background:#0c0f16;color:var(--ink);border-color:#343a49}
.brand-form input::placeholder,.brand-form textarea::placeholder,.login-form input::placeholder{color:#838997}
.brand-form input:focus,.brand-form textarea:focus,.brand-form select:focus,.login-form input:focus,.login-form select:focus,.login-form textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #6af2e61c;outline:0}
.account-notice,.account-empty,.verify-email-icon{background:#171d28;color:var(--ink);border-color:var(--line)}
.account-page.settings-active .account-content{position:relative;padding:clamp(18px,3vw,38px);border:1px solid var(--line);border-radius:12px;background:#10131b;box-shadow:none}
.account-page.settings-active .brand-form{background:transparent;border:0;padding:0}
.account-page.settings-active .dashboard-head{margin-top:0}
.status.live{background:#153329;color:#8be8b5}
.status.review{background:#342b18;color:#f1d182}
.footer,.premium-footer{background:#05060a!important}
.footer-bottom,.footer-social-row{border-color:#ffffff25}
.mobile-menu-head,.mobile-drawer>button:not(.drawer-brand-button){background:#0e1118;color:var(--ink);border-color:var(--line)}
.drawer-categories button,.drawer-brand-button{background:#141923;color:var(--ink);border-color:var(--line)}
.global-modal{background:#03040bd9}
.newsletter-copy>p:not(.eyebrow),.newsletter-copy label,.newsletter-copy input{color:var(--ink)}
.newsletter-copy input{background:#0c0f16;border-color:var(--line)}
.contact-form input,.contact-form select,.contact-form textarea{background:#0c0f16;color:var(--ink);border-color:#343a49}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#838997}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 0 3px #6af2e61c;outline:0}
.contact-consent{color:var(--muted)}
#contact-status.success{color:var(--neon-cyan)}
#contact-status.error{color:#ff9b9b}
.login-description,.login-legal,.login-brand,.auth-brand-callout p,.favorite-auth-dialog p{color:var(--muted)}
.auth-topline a,.terms-consent a{color:var(--ink)}
.auth-topline>div>a:last-child,.login-brand{border-color:var(--line)}
.login-tabs a,.login-tabs button{color:var(--muted)}
.login-tabs .active{color:var(--ink);border-color:var(--neon-cyan)}
.auth-brand-callout{background:#191d27;border:1px solid var(--line)}
.auth-brand-callout>a,.login-submit{background:#191e29!important;color:#fff;border-color:#41495b!important}
.login-submit:hover,.auth-brand-callout>a:hover{border-color:var(--neon-cyan)!important;box-shadow:0 0 20px #6af2e633}
.login-form input{border-radius:5px}
.password-toggle{background:#1b202b!important;color:var(--ink);border-left:1px solid var(--line);border-radius:0 5px 5px 0}
.login-social button{border-color:var(--line)}
.login-social button:hover,.photo-search-button:hover{background:#1b202b}
.login-divider,.login-brand{border-color:var(--line)}
.login-legal a,.terms-consent a{color:var(--neon-cyan)}
.favorite-auth-dialog{color:var(--ink);border-color:var(--line)}
.photo-modal,.product-modal{border:1px solid var(--line)}
.photo-modal .eyebrow,.product-modal .eyebrow{color:var(--neon-violet)}
.photo-modal #photo-status,.product-modal label{color:var(--ink)}
.photo-modal .upload-zone{background:#0d1118;border-color:var(--line)}
html[data-theme="light"] .photo-modal .upload-zone{background:#f3f4f0;border-color:var(--line);color:var(--ink)}
.upload-zone span{color:var(--muted)}
.terms-consent a{ text-underline-offset:3px}
button:focus-visible,a:focus-visible{outline-color:var(--neon-cyan);box-shadow:0 0 14px #6af2e655}

@media (max-width: 820px) {
  .showcase-slider .showcase-slide .showcase-visual img,
  .product-image-wrap .product-image,
  .product-gallery img,
  .category-tile > img,
  .journal-card img,
  .article-cover {
    object-position: center center;
  }
}

html[data-theme="light"] .lele-mobile-menu,
html[data-theme="light"] .mobile-menu-head {
  color: var(--ink);
  background: #fcfcfa;
}

html[data-theme="light"] .mobile-menu-head {
  border-color: var(--line);
}

html[data-theme="light"] .mobile-menu-icon,
html[data-theme="light"] .mobile-menu-list button,
html[data-theme="light"] .mobile-menu-account > button {
  color: var(--ink);
}

html[data-theme="light"] .mobile-menu-icon.muted,
html[data-theme="light"] .mobile-menu-back {
  color: var(--muted);
}

html[data-theme="light"] .mobile-menu-search {
  background: #fff;
  border-color: var(--line);
}

html[data-theme="light"] .mobile-menu-search input {
  color: var(--ink);
}

html[data-theme="light"] .mobile-menu-search .mobile-search-submit {
  background: var(--ink);
  color: #fff;
}

html[data-theme="dark"] .showcase-arrow,
html[data-theme="neon"] .showcase-arrow {
  color: #fff;
  background: rgb(12 15 22 / 88%);
  border-color: rgb(255 255 255 / 58%);
}

html[data-theme="dark"] .showcase-arrow:hover,
html[data-theme="neon"] .showcase-arrow:hover {
  color: #090b11;
  background: var(--neon-cyan);
  border-color: var(--neon-cyan);
}

html[data-theme="dark"] .button.outline:hover,
html[data-theme="neon"] .button.outline:hover {
  color: var(--paper);
}

html[data-theme="dark"] .subfilters button:not(.active),
html[data-theme="neon"] .subfilters button:not(.active) {
  color: #e3e6ee;
  background: #171b25;
  border-color: #3a4050;
}

html[data-theme="dark"] .subfilters button:hover,
html[data-theme="neon"] .subfilters button:hover {
  color: var(--ink);
  background: #252c39;
  border-color: #4a5263;
}

html[data-theme="dark"] .role-options button,
html[data-theme="neon"] .role-options button,
html[data-theme="dark"] .role-card-button,
html[data-theme="neon"] .role-card-button {
  color: var(--ink);
  background: #171b25;
  border-color: var(--line);
}

html[data-theme="dark"] .role-options small,
html[data-theme="neon"] .role-options small {
  color: var(--neon-cyan);
}

html[data-theme="light"] .showcase-arrow {
  color: var(--ink);
  background: rgb(255 255 255 / 94%);
  border-color: var(--line);
}
