/* Xing He / permanent midnight design system. */
:root,html[data-theme=dark]{color-scheme:dark;--bg:#080f1b;--surface:#101b2c;--raised:#16243a;--field:#0b1524;--ink:#edf3fc;--muted:#95a7c0;--line:#26354d;--blue:#9cc3ff;--button:#b8d4ff;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
body{background:var(--bg);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button{color:var(--ink)}a,button,input,select,textarea,summary{outline-color:var(--blue)}:is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--blue);outline-offset:4px}header,main,footer{max-width:1440px}header{height:104px;padding:0 56px;border-bottom:1px solid var(--line);gap:28px}.brand .logo-crop{width:178px;height:66px;transform:none;overflow:hidden;background:transparent}.brand .logo-crop img{width:178px;height:66px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;background:transparent;position:static}.brand{flex-shrink:0}header nav{gap:30px;font-size:13px}header nav a{color:#c9d5e8}header nav a:hover{color:white}#bag{border:1px solid var(--line);border-radius:100px;padding:10px 16px;text-decoration:none;background:#121f32}#count{background:#263a58;color:#e7f1ff;margin-left:8px;min-width:21px;height:21px;font-size:10px}.theme-toggle,.theme-controls{display:none!important}
h1{font-size:clamp(48px,6vw,84px);font-weight:500;letter-spacing:-4.5px;line-height:1.01}h2{font-size:34px;letter-spacing:-1.2px;font-weight:500}h3{font-weight:500}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin:0 0 25px}.xhl-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:.82fr 1.25fr;align-items:center;gap:10px;padding:55px 56px 65px;min-height:640px;overflow:hidden}.hero-copy{position:relative;z-index:3}.hero-copy h1{margin-bottom:28px}.intro-copy{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:34px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 21px;gap:24px;background:var(--button);color:#10213b;border:1px solid var(--button);border-radius:100px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#d0e3ff;border-color:#d0e3ff;transform:translateY(-1px)}.button:disabled,.button[aria-disabled=true]{background:#23324a;color:#a0aec2;border-color:#3a4b65;cursor:not-allowed;transform:none}.hero-cta{min-width:230px;justify-content:space-between}.hero-cta span{font-size:20px}.xhl-product-stage{position:relative;min-width:0;height:510px;isolation:isolate}.stage-halo{position:absolute;inset:-10% -15%;background:radial-gradient(ellipse at 52% 50%,#2b538d33,transparent 65%);z-index:-2}.stage-orbit{position:absolute;left:0;right:-8%;height:210px;bottom:25px;border:1px solid #47679124;border-radius:50%;transform:rotate(-13deg);z-index:-1}.hero-specimen{position:absolute;will-change:transform}.specimen-float{height:100%;width:100%;animation:xhl-float 7s ease-in-out infinite;transform-origin:center;transition:filter .4s}.specimen-float img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 14px #0008);display:block}.specimen-bottle{height:370px;width:265px;top:30px;left:34%;z-index:2;transform:rotate(8deg)}.specimen-vial{height:300px;width:195px;top:168px;left:2%;z-index:3;transform:rotate(-11deg)}.specimen-powder{height:180px;width:310px;top:278px;right:-7%;z-index:4;transform:rotate(-5deg)}.specimen-vial .specimen-float{animation-delay:-2.5s;animation-duration:8s}.specimen-powder .specimen-float{animation-delay:-4s;animation-duration:9s}.specimen-shadow{position:absolute;width:68%;height:21px;bottom:-28px;left:16%;background:#0009;filter:blur(12px);border-radius:50%;animation:xhl-shadow 7s ease-in-out infinite;z-index:-1}.specimen-vial .specimen-shadow{animation-duration:8s;animation-delay:-2.5s}.specimen-powder .specimen-shadow{animation-duration:9s;animation-delay:-4s}.hero-specimen:hover .specimen-float{filter:brightness(1.08)}@keyframes xhl-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-17px,0) rotate(1.5deg)}}@keyframes xhl-shadow{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(.8);opacity:.3}}
.catalog{position:relative;border-top:1px solid var(--line);padding:48px 56px 80px;background:linear-gradient(180deg,#101b2b80,transparent 70%);scroll-margin-top:24px}.section-heading{align-items:end;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading>span{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:100px}.tools{padding:0 0 25px;border-top:0;border-bottom:0;gap:18px;align-items:center}.category-filters{display:flex;gap:8px;flex-wrap:wrap}.category-filters button,.filters button{padding:9px 15px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:100px}.category-filters button[aria-pressed=true],.filters button[aria-pressed=true]{background:#b8d4ff;color:#10213b;border-color:#b8d4ff}.search{border:1px solid var(--line);border-radius:100px;background:var(--field);padding:0 16px;width:280px}.search input{padding:12px 0!important;border:0!important;background:transparent!important}.search>span:last-child{color:var(--muted);font-size:22px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product{display:grid;grid-template-columns:40% 60%;border:1px solid var(--line);background:#101c2c;border-radius:14px;overflow:hidden;min-width:0;transition:border-color .2s,background .2s}.product:hover{background:#142238;border-color:#496488}.product:nth-child(n) .product-art{height:235px;width:100%;background:radial-gradient(ellipse at 50% 40%,#243e62,#122035 75%);border:0;border-radius:0;display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.product-art:has(img){background:#17283e}.product-art img{max-width:100%;max-height:100%;object-fit:contain}.product .product-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:start;padding:26px 22px;min-width:0;gap:18px}.product h3{font-size:18px;line-height:1.3;margin:0 0 10px}.product p{color:var(--muted);font-size:12px;line-height:1.5}.product .product-meta p{margin-top:5px}.product-controls{margin:0;gap:9px;align-items:center;max-width:100%}.stock-controls{align-items:start}.out-of-stock{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#b3c2d8}.notify-button{font-size:12px;color:var(--blue);border-color:#5f7b9f;padding-bottom:3px}.quantity-control{background:var(--field);border-color:#496080;color:var(--ink);border-radius:100px}.quantity-control button{color:var(--ink)!important}.quantity-control button:hover{background:var(--raised)!important}.quantity-control button:disabled{color:#65768f!important}.item-quantity{font-size:13px}.product-art .bottle .body{background:linear-gradient(90deg,#dbe5f4,#9baec9 40%,#edf3fc);border-color:#8298b9}.product-art .bottle .label{background:#0e2c57;color:white}.product-art .bottle .label b{font-size:11px;color:white;letter-spacing:.3px}.product-art .bottle .label i{border-color:#aac4e8}.product-art .bottle .cap{background:repeating-linear-gradient(90deg,#abbcd4 0 2px,#dce7f7 2px 4px)}
/* Shared functional surfaces: forms, accounts, checkout, admin, and dialogs. */
:is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:var(--field)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none}input::placeholder,textarea::placeholder{color:#8294ae;opacity:1}input[readonly],input:disabled,select:disabled,textarea:disabled{background:#182438!important;color:#b6c5da!important;opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}label{color:#c9d6e8}.shipping-form .state-field::after{border-color:#bccde5}.sample-note,.auth-intro,.field-help,.auth-footnote,.back-link,.checkout-note,.account-empty p,.cart-row small,.checkout-row span:last-child,.payment-method span,.admin-product-row p,.affiliate-table th{color:var(--muted)}.text-button{color:var(--ink)}.underlined,.auth-footnote a,.notify-button{color:var(--blue)}.auth-main{padding:64px 24px 85px}.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px;max-width:470px}.auth-panel h1{font-size:36px;letter-spacing:-1.3px}.auth-divider{color:var(--muted)}.auth-divider::before,.auth-divider::after{background:var(--line)}.auth-preview,.account-sections section,.order-summary,#product-form,.discount-form,.category-editor{background:var(--surface);border:1px solid var(--line);border-radius:14px}.auth-footnote{border-color:var(--line)}.auth-footnote a{color:var(--blue)}.account-main,.admin-main{padding-top:45px;padding-bottom:65px}.account-main h1,.admin-main h1{font-size:44px;letter-spacing:-1.8px}.account-sections dt{color:var(--muted)}.account-sections section{padding:25px}.account-tabs a,.account-tabs button{color:var(--muted)}.account-tabs [aria-selected=true]{color:var(--ink);border-color:var(--blue)}.order-summary{padding:28px;align-self:start}.order-summary h2,.checkout-layout h2{font-size:23px}.checkout-row,.summary-total,.bag-totals .summary-total,.cart-row,.payment-method{border-color:var(--line)}.payment-choices .button{width:100%;justify-content:center}.payment-address-label{color:var(--muted)}#bitcoin-address{font-size:12px}.google-button{background:var(--raised);color:var(--ink);border-color:var(--line)}.google-button:hover{background:#20314c}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:-15px 0 70px #0006}dialog::backdrop{background:#020710bf;backdrop-filter:blur(5px)}.drawer-heading button{color:var(--ink)}.cart-row button{color:var(--blue)}.cart-row .remove-item{color:var(--muted)}#notify-dialog,#order-confirmation{border-radius:16px}#image-viewer{background:#111c2d}#image-viewer-close{color:var(--ink);background:#17263b}#image-viewer::backdrop{background:#020710e0}.photo-dropzone{background:var(--field);border-color:#496080;border-radius:10px}.photo-dropzone.is-dragging{background:var(--raised);outline-color:var(--blue)}.admin-tabs{flex-wrap:wrap;gap:8px;border:0}.admin-tabs button{border:1px solid var(--line);border-radius:100px;padding:11px 17px;background:var(--surface);color:var(--muted)}.admin-tabs button[aria-pressed=true]{background:var(--button);color:#10213b;border-color:var(--button)}.admin-product-row,.order-card{border-color:var(--line);border-radius:12px;background:var(--surface)}.admin-product-row.drop-target{outline-color:var(--blue)}.admin-product-row button{color:var(--ink)}.payment-evidence,.payment-proof-link img,.order-delete-controls,.saved-tracking{border-color:var(--line)}.fulfillment-status{background:#38232b;color:#f5c0cc;border:1px solid #6b3e4b}.fulfillment-status.is-complete{background:#17362d;color:#a6e4c3;border-color:#315d4c}.fulfillment-feedback{color:#a6e4c3}.affiliate-table{color:var(--ink)}.affiliate-table th,.affiliate-table td{border-color:var(--line)}.affiliate-table-wrap{border-color:var(--line);border-radius:12px}.discount-controls .button{padding:11px 18px}.category-create .button{border-radius:8px}.add{color:var(--ink);border-color:#496080}.add:hover{background:var(--blue);color:#10213b}.order-delete-controls button{color:#f1b5c3}footer{padding:32px 56px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer a{color:#c5d5ec}footer .footer-contact{border-color:var(--line);color:#c5d5ec;background:transparent}footer .footer-contact:hover{background:var(--raised)}[hidden]{display:none!important}
/* Private reporting. */
.analytics-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:25px 0}.analytics-controls label{font-size:13px}.analytics-controls select{padding:11px;min-width:165px}.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:26px 0}.analytics-metric{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.analytics-metric:first-child{background:#193557;border-color:#35577e}.analytics-metric p{font-size:12px;margin:0 0 20px;color:#b4c6df}.analytics-metric strong{font-size:30px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums}.analytics-table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:13px}.analytics-table{width:100%;border-collapse:collapse;font-size:14px;min-width:450px}.analytics-table th,.analytics-table td{text-align:left;padding:19px;border-bottom:1px solid var(--line)}.analytics-table th{font-weight:500;font-size:12px;color:var(--muted)}.analytics-table td:nth-child(3){font-variant-numeric:tabular-nums;font-weight:600}.analytics-bar{height:3px;background:var(--blue);border-radius:4px;margin-top:10px;width:var(--sold-share,0%)}.analytics-table tr:last-child td{border:0}
@media(min-width:1440px){.xhl-intro{min-height:700px}.xhl-product-stage{height:540px}.specimen-bottle{height:410px}.specimen-vial{height:330px}.specimen-powder{width:340px;height:195px}}
@media(max-width:1050px){header{padding:0 32px}.xhl-intro{padding:45px 32px;min-height:580px;grid-template-columns:.9fr 1.1fr}.hero-copy h1{font-size:64px;letter-spacing:-3.5px}.xhl-product-stage{height:430px}.specimen-bottle{height:300px;width:210px;left:30%;top:40px}.specimen-vial{height:245px;width:155px;top:160px;left:-4%}.specimen-powder{width:230px;height:145px;top:260px;right:-12%}.catalog{padding:40px 32px 65px}.product{grid-template-columns:40% 60%}.product .product-meta{padding:22px 16px}.product h3{font-size:16px}.analytics-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){header{height:84px;padding:0 22px;gap:18px}.brand .logo-crop,.brand .logo-crop img{width:132px;height:52px}header nav{gap:15px;font-size:12px}#bag{padding:8px 12px}#count{margin-left:4px}.xhl-intro{padding:46px 22px 22px;grid-template-columns:1fr;min-height:0;gap:10px;overflow:hidden}.hero-copy h1{font-size:62px;letter-spacing:-3.5px;margin-bottom:20px}.hero-copy .eyebrow{margin-bottom:24px}.intro-copy{font-size:14px;line-height:1.6;margin-bottom:25px}.hero-cta{min-width:225px}.xhl-product-stage{height:370px;margin:0 -8px}.specimen-bottle{height:270px;width:190px;top:23px;left:34%}.specimen-vial{height:220px;width:145px;top:119px;left:2%}.specimen-powder{height:125px;width:210px;top:235px;right:-5%}.stage-orbit{height:130px;bottom:15px;right:0}.catalog{padding:33px 22px 50px}.section-heading{margin-bottom:25px;gap:16px}.section-heading h2{font-size:30px}.section-heading .eyebrow{font-size:9px;margin-bottom:11px}.tools{flex-direction:column;align-items:stretch;gap:16px}.search{width:100%}.products{grid-template-columns:1fr;gap:14px}.product:nth-child(n) .product-art{height:220px}.product .product-meta{padding:24px 20px}.product h3{font-size:17px}.account-main,.admin-main{padding-top:32px}.account-main h1,.admin-main h1{font-size:37px}.auth-main{padding:38px 20px}.auth-panel{padding:26px 22px}.admin-tabs button{padding:10px 13px;font-size:12px}.analytics-metrics{gap:10px}.analytics-metric{padding:18px}.analytics-metric strong{font-size:24px}.analytics-controls{gap:10px}.analytics-table th,.analytics-table td{padding:14px}.order-summary{padding:23px}footer{padding:28px 22px}}
@media(max-width:370px){header{padding:0 16px;gap:8px}header nav{gap:10px}.brand .logo-crop,.brand .logo-crop img{width:113px}#bag{padding:7px 9px}.hero-copy h1{font-size:55px}.specimen-bottle{left:31%;height:245px;width:175px}.specimen-vial{height:195px;width:130px;left:0}.specimen-powder{width:190px;right:-9%}.xhl-product-stage{height:345px}.product .product-meta{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-specimen{will-change:auto}}
@media(forced-colors:active){.button,.product,.admin-tabs button{border:1px solid ButtonText}}
/* Resolve the retained layout's row spacing and high-specificity form rules. */
.product{gap:0;padding:0;align-items:stretch}.product:first-child{border-top:1px solid var(--line)}.product-meta .kit-note{color:var(--muted)}#product-form input[name=stock][readonly]{background:#182438;color:#b6c5da}.category-filters button:hover{background:var(--raised)}.category-filters button[aria-pressed=true]:hover{background:#cfe3ff}.category-editor{padding:20px}.discount-form{padding:24px}.preview-account{color:var(--muted)}.specimen-powder{right:0}
@media(max-width:700px){.specimen-powder{right:0}.product-meta{flex-wrap:nowrap}}
.catalog .tools .search input[type=search]{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}footer .footer-contact{border-radius:100px}
/* Email-only contact dialog, shared by each page with a contact control. */
footer button.footer-contact{font:inherit;font-size:12px;font-weight:400;cursor:pointer}
#contact-dialog{position:fixed;inset:0;margin:auto;width:min(470px,calc(100vw - 32px));height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:58px 26px 32px;background:var(--surface);color:var(--ink);border:1px solid #3a5171;border-radius:18px;box-shadow:0 24px 90px #0009;overflow:auto}
#contact-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:var(--muted);width:36px;height:36px;font-size:25px;line-height:1;border-radius:50%}#contact-close:hover{background:var(--raised);color:var(--ink)}
.contact-email-row{display:flex;align-items:center;justify-content:space-between;gap:18px}#contact-email{font-size:17px;letter-spacing:-.3px;overflow-wrap:anywhere;user-select:text}#contact-copy{padding:11px 18px;flex-shrink:0;font-size:12px}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero-copy h1{background:linear-gradient(110deg,#dcecff 0%,#a8d3ff 22%,#548bdf 45%,#bddfff 68%,#e6f1ff 84%,#76abf0 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:xhl-title-gradient 16s ease-in-out infinite alternate}
}
@keyframes xhl-title-gradient{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:400px){#contact-dialog{padding:56px 20px 28px}.contact-email-row{gap:12px}#contact-email{font-size:15px}#contact-copy{padding:10px 14px}}
@media(forced-colors:active){.hero-copy h1{color:CanvasText;background:none}#contact-dialog{border-color:CanvasText}}

/* Compact display-currency control, immediately before Shop. */
header nav .currency-picker{position:relative;display:inline-flex;align-items:center}
header nav .currency-picker select{width:76px;min-height:36px;padding:6px 8px;border:1px solid #29374e;border-radius:6px;background:#101927;color:#cbd9ed;font:inherit;font-size:12px;cursor:pointer;color-scheme:dark}
header nav .currency-picker select:focus-visible{outline:2px solid #76aaff;outline-offset:3px}
.currency-status{position:absolute;top:calc(100% + 8px);right:0;width:210px;background:#142035;border-radius:6px;color:#dbe7f9;font-size:12px;line-height:1.5;z-index:30}
.currency-status:not(:empty){padding:9px 12px;border:1px solid #2b4264}
@media(max-width:540px){header nav{gap:12px}header nav .currency-picker select{width:65px;padding:6px 3px}}

.test-order-result{margin-top:24px;padding:20px;border:1px solid #5878a6;border-radius:14px;background:#15253d}.test-order-result h3{color:#bcd8ff;margin-top:0}.test-order-result p{font-size:13px;line-height:1.7}.test-order-result a{font-size:12px}
