/* Obsidian: smoked glass, restrained reflections, and the same living world. */
:root { color-scheme: light; }
.hero-art { background: url('assets/hero.webp') center / cover no-repeat; }
.theme-toggle { flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #2543291c; background: linear-gradient(145deg,#ffffffc4,#ffffff28); box-shadow: inset 0 1px 0 #ffffffd0; }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-day { display: none; }
.theme-toggle:hover { background: #e8f2de; }
.theme-picker { border: 0; padding: 0; margin: 25px 0 5px; }
.theme-picker legend { font-size: 14px; font-weight: 600; margin-bottom: 12px; }
.theme-options { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.theme-option { border: 1px solid var(--line); border-radius: 16px; padding: 10px; text-align: left; background: #fff; }
.theme-option[aria-pressed=true] { border-color: #69994b; box-shadow: 0 0 0 1px #69994b; }
.theme-option > span:last-child { display: flex; align-items: center; gap: 8px; padding: 10px 4px 2px; font-size: 13px; }
.theme-option > span:last-child svg { width: 16px; height: 16px; }
.theme-swatch { display: block; height: 68px; border-radius: 9px; position: relative; overflow: hidden; }
.theme-swatch:before { content: ''; position: absolute; inset: 10px 9px auto; height: 11px; border-radius: 6px; border: 1px solid #ffffff55; }
.theme-swatch:after { content: ''; position: absolute; left: 10px; bottom: 10px; width: 35%; height: 20px; border-radius: 5px; }
.swatch-light { background: linear-gradient(145deg,#f7fbf4,#d7eac7); }
.swatch-light:before { background: #ffffffe0; box-shadow: 0 2px 7px #34452b10; }
.swatch-light:after { background: #27452b; }
.swatch-dark { background: radial-gradient(ellipse at 85% 20%,#315843,transparent 60%),#080c0d; }
.swatch-dark:before { background: linear-gradient(135deg,#ffffff26,#ffffff04); }
.swatch-dark:after { background: #bee69b; }
.button-dark { background-color: #102928; }

html[data-theme=dark] {
  color-scheme: dark; --ink: #edf3ed; --pine: #c0ed9d; --muted: #9aa79e;
  --line: rgba(212,239,222,.12); --paper: #06090a; --green: #aadd7a; --lime: #d0f3ae;
  --smoke: linear-gradient(135deg,rgba(39,47,48,.78),rgba(12,19,20,.83) 45%,rgba(9,15,15,.76));
  --glass-edge: rgba(223,247,234,.2);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.21),inset 0 -1px 0 rgba(176,220,188,.055),0 14px 36px rgba(0,0,0,.26);
  background: #06090a;
}
html[data-theme=dark] body {
  background: radial-gradient(ellipse 65% 440px at 90% 600px,rgba(33,68,48,.1),transparent),#06090a;
}
html[data-theme=dark] .theme-night { display: none; }
html[data-theme=dark] .theme-day { display: block; }
html[data-theme=dark] .theme-toggle { color: #d9eccd; border-color: #e0f9d42e; background: linear-gradient(145deg,#ffffff1b,#ffffff03); box-shadow: inset 0 1px 0 #ffffff29,0 2px 10px #00000026; }
html[data-theme=dark] :is(button,a,input,select,textarea):focus-visible { outline-color: #c3ef9d; }
html[data-theme=dark] .glass { background: var(--smoke); border-color: var(--glass-edge); box-shadow: var(--glass-shadow); backdrop-filter: blur(16px) saturate(125%); -webkit-backdrop-filter: blur(16px) saturate(125%); }
html[data-theme=dark] .interactive-glass:after { background: radial-gradient(ellipse at var(--pointer-x,12%) var(--pointer-y,0%),#effff71f,transparent 60%); opacity: .8; }
html[data-theme=dark] .site-header { background: linear-gradient(115deg,#ffffff18,#ffffff04 23%,#89b09b08 59%,#ffffff12 75%,#ffffff03),#070e10a3; border-color: #e2f5ee24; box-shadow: inset 0 1px 0 #ffffff35,inset 0 -1px 0 #bddaca0d,0 10px 40px #0000002b; }
html[data-theme=dark] .brand-symbol { color: #b4e68d; filter: none; }
html[data-theme=dark] .desktop-nav { color: #dce5df; }
html[data-theme=dark] .desktop-nav a:hover { color: white; }
html[data-theme=dark] .network-button { color: #c8d4cb; }
html[data-theme=dark] .status-dot { background: #b4e877; box-shadow: 0 0 7px #b4e87724; }
html[data-theme=dark] .status-dot.blue { background: #68cfea; box-shadow: none; }
html[data-theme=dark] .status-dot.gray { background: #8e9a98; box-shadow: none; }
html[data-theme=dark] .icon-button:hover { background: #dcefe118; }
html[data-theme=dark] .button-dark { color: #102416; background-color: #c8e9a6; background-image: linear-gradient(145deg,#e0f8c8,#b9e392 70%,#a9cf89); border-color: #e9ffde80; box-shadow: inset 0 1px 0 #fafff7c4,0 4px 17px #00000021; }
html[data-theme=dark] .button-dark:hover { background-color: #d9f3bc; background-image: linear-gradient(140deg,#efffde,#c9eea6); box-shadow: inset 0 1px 0 white,0 5px 21px #c2eda51f; }
html[data-theme=dark] .wallet-trigger { color: #ecf4e8; background: linear-gradient(140deg,#3c514445,#111b16cc); border-color: #d8edca4a; box-shadow: inset 0 1px 0 #f0fff42b,0 3px 9px #00000024; }
html[data-theme=dark] .wallet-trigger:hover { background: linear-gradient(140deg,#54724680,#192920); }
html[data-theme=dark] .button-light,html[data-theme=dark] .round-button { color: #e2ece2; background: linear-gradient(145deg,#ffffff13,#ffffff02); border-color: #d5eddb24; box-shadow: inset 0 1px 0 #ffffff12; }
html[data-theme=dark] .button-light:hover,html[data-theme=dark] .round-button:hover { background: #c5e1c81c; border-color: #c9e7cd45; }
html[data-theme=dark] .text-link { color: #d4e2d5; border-color: #c6dcc259; }
html[data-theme=dark] .hero { background: #06090a; }
html[data-theme=dark] .hero-art { background-image: url('assets/hero-night.webp'); }
html[data-theme=dark] .hero-wash { background: linear-gradient(90deg,#06090ae8,#06090a99 31%,#06090a33 49%,transparent 69%),linear-gradient(0deg,#06090a,transparent 20%); }
html[data-theme=dark] .hero h1 { color: #f2f7ef; text-shadow: 0 2px 24px #0000001f; }
html[data-theme=dark] .hero h1 span { color: #c8eba9; }
html[data-theme=dark] .hero .eyebrow { color: #b9cead; }
html[data-theme=dark] .hero-description { color: #afbeb4; }
html[data-theme=dark] .slide-label { color: #c0ccc2; }
html[data-theme=dark] .slide-track:after { background: #ffffff24; }
html[data-theme=dark] .slide-track.active:after { background: #b9e88e; box-shadow: 0 0 9px #a8ed7136; }
html[data-theme=dark] .brand-note { border-color: #91b48566; }
html[data-theme=dark] .brand-note span,html[data-theme=dark] .world-note { color: #9dac9d; }
html[data-theme=dark] .brand-note svg { color: #a8d382; }
html[data-theme=dark] .world-note { border-color: #a0b59c4d; }
html[data-theme=dark] .hero-feature { background: linear-gradient(120deg,#dbeee51c,#ffffff04 35%,#6da08b0e 80%),#091210ba; border: 1px solid #d3eddb45; box-shadow: inset 0 1px 0 #ffffffe0,inset 1px 0 0 #ffffff19,inset 0 -1px 0 #9bbc9c17,0 18px 48px #00000052; backdrop-filter: blur(18px) saturate(130%); -webkit-backdrop-filter: blur(18px) saturate(130%); }
html[data-theme=dark] .feature-name { color: #e9f4dd; }
html[data-theme=dark] .feature-status { color: #e1ebe3; }
html[data-theme=dark] .feature-meta { color: #a3b39f; border-color: #d9edd418; }
html[data-theme=dark] .feature-meta strong { color: #d7e7d0; }
html[data-theme=dark] .featured { position: relative; }
html[data-theme=dark] .featured:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg,transparent,#d3ead826,transparent); pointer-events: none; }
html[data-theme=dark] h2 { color: #e6eee6; }
html[data-theme=dark] .segmented { background: linear-gradient(155deg,#ffffff09,#ffffff02); border-color: #d9ead41a; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: inset 0 1px 0 #ffffff09; }
html[data-theme=dark] .segmented button { color: #b8c5b7; }
html[data-theme=dark] .segmented button.active { color: #192e18; background: linear-gradient(150deg,#dcf1c4,#aacf87); box-shadow: inset 0 1px 0 #ffffffe0,0 2px 10px #00000033; }
html[data-theme=dark] .segmented button:not(.active):hover { background: #d5eacb12; }
html[data-theme=dark] .collection-card,html[data-theme=dark] .nft-card { background: linear-gradient(160deg,#1d29201f,#101718 36%,#0b1011); border-color: #daeeda1f; box-shadow: inset 0 1px 0 #f3fff210,0 5px 18px #0000001f; }
html[data-theme=dark] .collection-card:hover,html[data-theme=dark] .nft-card:hover { border-color: #c1e6b54d; box-shadow: inset 0 1px 0 #ddffd528,0 15px 30px #00000045; }
html[data-theme=dark] .collection-image-button { border-bottom: 1px solid #e4f4df1a; }
html[data-theme=dark] .collection-info { background: linear-gradient(130deg,#dbe5cb0c,transparent 40%),linear-gradient(180deg,#17221b4d,transparent 70%); }
html[data-theme=dark] .collection-emblem { border-color: #101b17; box-shadow: 0 0 0 1px #aac89a50,0 3px 8px #00000033; }
html[data-theme=dark] .badge-green { background: #c4eb9fe8; color: #1a391e; border: 1px solid #e1ffd885; }
html[data-theme=dark] .badge-white { background: #172321d9; color: #e2eee2; border: 1px solid #f1ffec59; }
html[data-theme=dark] .badge-blue { background: #0c293be6; border-color: #ccedff66; }
html[data-theme=dark] .collection-title p,html[data-theme=dark] .collection-price span,html[data-theme=dark] .secondary-tag,html[data-theme=dark] .community-profile p,html[data-theme=dark] .community-bottom>span,html[data-theme=dark] .raffle-row p,html[data-theme=dark] .nft-details .collection-label,html[data-theme=dark] .footer nav { color: #a0afa3; }
html[data-theme=dark] .collection-price strong { color: #deecd6; }
html[data-theme=dark] .nft-art { background-color: #14211a; }
html[data-theme=dark] .ecosystem-wrap { background: radial-gradient(ellipse at 5% 0%,#1d392320,transparent 60%),linear-gradient(120deg,#0d1414,#080d0e 65%,#101a142e); border-color: #e4ffe012; }
html[data-theme=dark] .community-profile+.community-profile,html[data-theme=dark] .raffles { border-color: #c5ddbd26; }
html[data-theme=dark] .fine-label { color: #92a18e; }
html[data-theme=dark] .fine-label:before { background: #c0d4b833; }
html[data-theme=dark] .community-logo { border-color: #0c1710; outline-color: #a8d08399; box-shadow: 0 3px 12px #00000033; }
html[data-theme=dark] .community-profile:nth-child(2) .community-logo { outline-color: #93c0e6a3; }
html[data-theme=dark] .raffle-row { background: linear-gradient(115deg,#ffffff08,transparent 50%),#0c14138c; border-color: #e1f1d617; box-shadow: inset 0 1px 0 #ffffff0a; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-theme=dark] .raffle-row h3 span { color: #8c9b89; }
html[data-theme=dark] .marketplace .section-kicker { color: #9caa94; }
html[data-theme=dark] .market-tabs button { border-color: #d2eac519; color: #a5b59f; background: #111916; }
html[data-theme=dark] .market-tabs button.active { background: #bfdc9e; color: #162819; border-color: #d8f5bc80; }
html[data-theme=dark] .market-tabs button:not(.active):hover { background: #243321; }
html[data-theme=dark] .market-search,html[data-theme=dark] .sort-control select { color: #dce6d6; background: #101718; border-color: #c9e0c326; box-shadow: inset 0 1px 0 #ffffff08; }
html[data-theme=dark] .market-search input { color: #e2ebe0; }
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder { color: #8c9b8b; opacity: 1; }
html[data-theme=dark] .market-search svg { color: #9daa99; }
html[data-theme=dark] .footer-tagline { color: #95a590; border-color: #b9ceaf2b; }
html[data-theme=dark] .footer nav button:hover { color: #d9edc3; }
html[data-theme=dark] .preview-label,html[data-theme=dark] .preview-pill { color: #bed5a7; background: #a6cf7a16; border: 1px solid #b7df9419; }
html[data-theme=dark] .empty-state { background: #101815; }
html[data-theme=dark] .skip-link { background: #182b1c; color: #ecffdc; }

/* Dialogs and forms are full surfaces, with legible values in both modes. */
html[data-theme=dark] .dialog-shell { background: linear-gradient(135deg,#b8d7c50d,#ffffff00 40%),#0d1416f7; border-color: #e3f3e238; box-shadow: inset 0 1px 0 #ffffff30,0 30px 100px #00000099; }
html[data-theme=dark] .dialog-shell::backdrop { background: #00070cc2; }
html[data-theme=dark] .dialog-close { background: #0e1a19df; color: #dff0db; border-color: #e2fbce57; }
html[data-theme=dark] .dialog-body .eyebrow { color: #a2c287; }
html[data-theme=dark] .dialog-body>p { color: #b1bfad; }
html[data-theme=dark] .detail-note { color: #a8b7a1!important; }
html[data-theme=dark] .detail-stats span,html[data-theme=dark] .phase small,html[data-theme=dark] .form-help,html[data-theme=dark] .settings-row p,html[data-theme=dark] .social-preview small,html[data-theme=dark] .mini-collection-row p { color: #a4b39b; }
html[data-theme=dark] .phase { background: linear-gradient(130deg,#a4c69508,transparent 50%),#131e1a; border-color: #ceebbf18; }
html[data-theme=dark] .phase-number { background: #bdd99712; color: #c0d7a9; }
html[data-theme=dark] .wallet-option,html[data-theme=dark] .requirement-row,html[data-theme=dark] .mini-collection-row,html[data-theme=dark] .search-result { background: #141e1a; border-color: #cbdfb721; box-shadow: inset 0 1px 0 #ffffff09; }
html[data-theme=dark] .wallet-option:hover,html[data-theme=dark] .search-result:hover { background: #23331f; border-color: #d0e9b63d; }
html[data-theme=dark] .wallet-option svg { color: #bada94; }
html[data-theme=dark] .wallet-option span,html[data-theme=dark] .search-result small { color: #adc096; }
html[data-theme=dark] .form-field input,html[data-theme=dark] .form-field select,html[data-theme=dark] .form-field textarea,html[data-theme=dark] .search-input-wrap { background: #080f10; color: #dcead4; border-color: #c0dbae2f; box-shadow: inset 0 1px 2px #0000005c; }
html[data-theme=dark] .form-field input:disabled { background: #19201c; color: #8d9e84; opacity: 1; }
html[data-theme=dark] select option { background: #111b16; color: #e0ebda; }
html[data-theme=dark] .search-input-wrap input { color: #e4efd9; }
html[data-theme=dark] .quantity-control>span,html[data-theme=dark] .summary-row span { color: #adbea1; }
html[data-theme=dark] .quantity-control button { background: linear-gradient(135deg,#ffffff14,#ffffff03); color: #d9ebc9; }
html[data-theme=dark] .trait-grid>div { border-color: #c6e8ac2e; background: #172216; }
html[data-theme=dark] .trait-grid span { color: #abc290; }
html[data-theme=dark] .dialog-tabs button { color: #a7b59c; }
html[data-theme=dark] .dialog-tabs button.active { color: #d8f4b7; border-color: #c0ea93; }
html[data-theme=dark] .success-icon { background: #bbeb8821; color: #c4ef9f; }
html[data-theme=dark] .toast { background: #111e15eb; border-color: #c6e2ad38; color: #dfecd6; }
html[data-theme=dark] .toast svg { color: #b7e086; }
html[data-theme=dark] input[type=checkbox] { accent-color: #bedf99; }
html[data-theme=dark] .theme-option { background: #101b16; }
html[data-theme=dark] .theme-option[aria-pressed=true] { border-color: #b9dd99; box-shadow: 0 0 0 1px #b9dd99; }

@media(max-width:1250px) and (min-width:701px) { .header-actions { gap: 9px; } .desktop-nav { gap: 17px; } }
@media(max-width:700px) {
  .hero-art { background-image: url('assets/hero-mobile.webp'); background-position: 68% center; }
  .header-actions { gap: 5px; }
  .theme-toggle { width: 30px; height: 30px; }
  .wallet-trigger { width: 34px; height: 34px; padding: 0; }
  .wallet-trigger>span { display: none; }
  .wallet-small { display: block; width: 17px!important; height: 17px!important; }
  html[data-theme=dark] .site-header { background: linear-gradient(110deg,#ffffff16,#ffffff02 60%),#080f12d4; }
  html[data-theme=dark] .mobile-nav { background: #0d1815ed; border-color: #bfdbaa36; }
  html[data-theme=dark] .mobile-nav a:hover { background: #c9e7b815; }
  html[data-theme=dark] .hero-art { background-image: url('assets/hero-night-mobile.webp'); }
  html[data-theme=dark] .hero-wash { background: linear-gradient(180deg,#06090a 0%,#06090a 31%,#06090a99 46%,#06090a00 70%),linear-gradient(0deg,#06090a,transparent 20%); }
  html[data-theme=dark] .hero-description { color: #b5c2b1; }
  html[data-theme=dark] .hero-pagination:before { background: linear-gradient(110deg,#09130eed,#0c181294); box-shadow: inset 0 1px 0 #d8f2c926; }
  html[data-theme=dark] .hero-feature { background: linear-gradient(130deg,#ffffff14,#ffffff00 50%),#0c1615de; }
}
@media(prefers-reduced-transparency:reduce) {
  html[data-theme=dark] .glass,html[data-theme=dark] .site-header,html[data-theme=dark] .hero-feature,html[data-theme=dark] .dialog-shell { background: #111a18; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media(max-width:370px) {
  .site-header .brand { font-size: 20px; gap: 3px; }
  .site-header .brand-symbol,.site-header .brand-symbol svg { width: 24px; height: 28px; }
  .header-actions { gap: 3px; }
  .hero h1 { font-size: 32px; }
  .hero-actions { flex-wrap: wrap; gap: 10px 12px; }
  .featured .section-controls { flex-wrap: wrap; gap: 10px; }
  .featured .segmented button { padding-inline: 11px; }
}
html[data-theme=dark].low-effects .glass,html[data-theme=dark].low-effects .site-header,html[data-theme=dark].low-effects .hero-feature,html[data-theme=dark].low-effects .dialog-shell { background: #111a18; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-theme=dark].low-effects .interactive-glass:after { display: none; }
@supports not (backdrop-filter:blur(1px)) {
  html[data-theme=dark] .glass,html[data-theme=dark] .site-header,html[data-theme=dark] .hero-feature { background: #111a18; }
}
@media(forced-colors:active) {
  html[data-theme=dark] { --ink: CanvasText; --paper: Canvas; }
  html[data-theme=dark] body,html[data-theme=dark] .glass,html[data-theme=dark] .hero-wash { background: Canvas; color: CanvasText; }
  html[data-theme=dark] h2,html[data-theme=dark] .hero h1,html[data-theme=dark] .hero h1 span { color: CanvasText; }
}