/* Web adaptation of Liquid Glass: the floating controls carry the material.
   Content stays readable on stable surfaces. No filters cover the whole page. */
:root {
  --glass-fill:rgba(252,253,248,.76);
  --glass-solid:#f7f9f3;
  --glass-stroke:rgba(255,255,255,.88);
  --glass-edge:rgba(38,66,49,.14);
  --glass-ink:#22382c;
  --glass-muted:#536658;
  --glass-selector:rgba(255,255,255,.73);
  --glass-shadow:0 12px 35px -16px rgba(20,48,34,.22),0 1px 2px rgba(20,48,34,.07),inset 0 1px 0 rgba(255,255,255,.92);
  --glass-highlight:rgba(255,255,255,.64);
  --glass-rim-top:rgba(255,255,255,.96);
  --glass-rim-side:rgba(174,211,204,.13);
  --glass-rim-bottom:rgba(27,63,44,.22);
  --glass-contact:rgba(19,44,29,.17);
  --glass-volume-top:rgba(255,255,255,.82);
  --glass-volume-bottom:rgba(190,222,205,.36);
  --glass-sheet-fill:rgba(252,253,248,.91);
  --glass-ease:cubic-bezier(.22,.8,.25,1);
  --radius-panel:32px;
  --radius-control:18px;
  --radius-small:22px;
}
html[data-theme=dark] {
  --glass-fill:rgba(30,47,38,.78);
  --glass-solid:#21342a;
  --glass-stroke:rgba(221,247,229,.2);
  --glass-edge:rgba(5,15,10,.3);
  --glass-ink:#edf6eb;
  --glass-muted:#c1d1c0;
  --glass-selector:rgba(220,244,224,.14);
  --glass-shadow:0 14px 36px -16px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.2),inset 0 1px 0 rgba(226,249,232,.15);
  --glass-highlight:rgba(233,255,239,.18);
  --glass-rim-top:rgba(228,255,242,.67);
  --glass-rim-side:rgba(168,230,207,.09);
  --glass-rim-bottom:rgba(0,8,5,.45);
  --glass-contact:rgba(0,8,4,.38);
  --glass-volume-top:rgba(205,244,220,.26);
  --glass-volume-bottom:rgba(117,185,159,.09);
  --glass-sheet-fill:rgba(30,47,38,.93);
}
/* A small floating bar lets the page pass behind its rounded, polished edge. */
.xinix-header {
  height:94px; padding:14px 0; border:0; background:transparent;
  box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
.xinix-header .lp-shell {
  width:min(1280px,calc(100% - 64px)); height:66px; padding:0 18px;
  border:1px solid var(--glass-stroke); border-radius:28px;
  background:transparent;
  backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:var(--glass-shadow); outline:1px solid var(--glass-edge); outline-offset:-1px;
}
.xinix-header .lp-shell::before {
  content:''; position:absolute; inset:0; border-radius:inherit; corner-shape:inherit; pointer-events:none; z-index:-1;
  background:linear-gradient(125deg,rgba(255,255,255,.09),transparent 65%),var(--glass-fill);
  backdrop-filter:blur(18px) saturate(1.65); -webkit-backdrop-filter:blur(18px) saturate(1.65);
}
.xinix-header .lp-header-inner { position:relative; gap:18px; }
.xinix-header .lp-brand { gap:10px; font-size:25px; }
.xinix-header .lp-mark { width:37px; height:37px; }
.xinix-header .lp-nav { gap:4px; }
.xinix-header .xh-controls { display:flex; gap:6px; align-items:center; flex-shrink:0; }
.xinix-header .xh-controls .lp-motion-toggle { margin-left:0; }
.xinix-header .lp-glass-toggle { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; padding:8px; margin-left:4px; border:1px solid var(--glass-stroke); border-radius:50%; color:var(--glass-ink); background:var(--glass-selector); cursor:pointer; }
.xinix-header .lp-glass-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; }
.xinix-header .lp-glass-toggle span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.xinix-header .lp-nav > a,.xinix-header .xh-text-control {
  min-height:42px; padding:10px 12px; border-radius:999px;
  font-size:11px; color:var(--glass-ink);
  transition:color 180ms,background-color 180ms;
}
.xinix-header .lp-nav > a:not(.lp-button)::after { display:none; }
.xinix-header .lp-nav > a:hover,.xinix-header .lp-nav > a.is-current { color:var(--glass-ink); }
.xinix-header .lp-nav > .lp-button {
  min-height:44px; padding:0 18px; margin-left:6px; border-radius:999px;
  border:1px solid color-mix(in srgb,var(--xh-green) 75%,white);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 12px -6px rgba(25,61,42,.25);
}
.xinix-header .lp-motion-toggle,.xinix-header .lp-theme-toggle,.xinix-header .lp-menu-toggle {
  width:42px; height:42px; border-color:var(--glass-stroke);
  background:var(--glass-selector); color:var(--glass-ink);
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 2px 6px -4px rgba(10,30,20,.25);
}
.xinix-header .lp-motion-toggle { margin-left:5px; }
.xinix-header .lp-motion-toggle[aria-pressed=true] { color:var(--xh-green); background:var(--glass-selector); }
.xinix-header .lp-nav > .xh-profile { min-height:44px; padding:5px 12px 5px 5px; background:var(--glass-selector); border-color:var(--glass-stroke); }
.xinix-header .xh-text-control:hover { background:var(--glass-selector); color:var(--glass-ink); }
.xinix-header .glass-nav-track { isolation:isolate; position:relative; }
.xinix-header .glass-nav-track .nav-motion-cursor { display:none; }
.glass-nav-indicator {
  position:absolute; left:0; top:0; border-radius:999px; pointer-events:none; z-index:-1;
  border:1px solid var(--glass-stroke); background:var(--glass-selector);
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 3px 9px -6px rgba(18,46,29,.24);
  transform-origin:center; will-change:transform; overflow:hidden;
}
.glass-nav-indicator[hidden] { display:none; }
/* Highlights track the pointer only while a small control is being touched. */
:is(.glass-nav-indicator,[data-glass-pointer=active]) {
  background-image:radial-gradient(ellipse at var(--glass-pointer-x,50%) var(--glass-pointer-y,0%),var(--glass-highlight),transparent 70%);
}
.xinix-header :focus-visible,
body.landing :is(a,button):focus-visible,
body.app-page :is(a,button,input,select):focus-visible {
  outline:2px solid var(--glass-ink); outline-offset:4px;
}
/* Existing spring and scroll choreography stays in motion.js/refinement.js. */
body.landing .lp-hero { padding-top:64px; }
body.landing .lp-hero-art::after {
  inset:-12% -10%; z-index:-3; opacity:.9; mask-image:radial-gradient(ellipse,#000 25%,transparent 76%);
  background:radial-gradient(ellipse at 30% 32%,rgba(163,198,132,.24),transparent 55%),radial-gradient(ellipse at 82% 68%,rgba(137,191,175,.17),transparent 56%);
}
html[data-theme=dark] body.landing .lp-hero-art::after {
  background:radial-gradient(ellipse at 30% 32%,rgba(146,199,114,.13),transparent 55%),radial-gradient(ellipse at 82% 68%,rgba(111,181,161,.12),transparent 56%);
}
body.landing .lp-product-card {
  border-radius:36px; padding:26px 28px; border-color:var(--glass-edge);
  background:linear-gradient(145deg,var(--lp-surface),var(--lp-card,var(--lp-surface)));
  box-shadow:0 32px 70px -32px rgba(17,51,31,.35),inset 0 1px 0 var(--glass-highlight);
}
body.landing .lp-preview-tabs {
  min-height:46px; padding:5px; margin-bottom:25px; border-radius:999px;
  background:color-mix(in srgb,var(--lp-green) 6%,var(--lp-surface)); border:1px solid var(--glass-edge);
}
body.landing .lp-preview-tabs button { min-height:34px; border-radius:999px; font-size:12px; position:relative; }
body.landing .lp-preview-indicator {
  top:5px; border-radius:999px; background:var(--glass-selector);
  border:1px solid var(--glass-stroke); box-shadow:inset 0 1px 0 var(--glass-highlight),0 3px 8px -5px rgba(12,43,25,.3);
}
body.landing .lp-product-row { border-radius:18px; }
body.landing .lp-product-row.is-preview { border-radius:18px; }
body.landing .lp-row-glyph { border-radius:12px; }
body.landing .lp-float-tag { border-radius:22px; border-color:var(--glass-edge); background:var(--lp-surface); padding:16px 18px; box-shadow:0 18px 36px -24px rgba(16,51,29,.5),inset 0 1px 0 var(--glass-highlight); }
body.landing .lp-tag-left { top:-26px; }
body.landing .lp-tag-right { bottom:-5px; right:-5px; }
body.landing .lp-button,body.app-page .button { border-radius:999px; min-height:50px; padding-inline:25px; box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 5px 16px -9px rgba(12,42,25,.35); }
body.landing .lp-button-small { min-height:44px; padding-inline:18px; }
body.landing .lp-feature-grid { gap:16px; border:0; border-radius:0; overflow:visible; }
body.landing .lp-feature,body.landing .lp-feature + .lp-feature {
  border:1px solid var(--lp-line); border-radius:30px; background:var(--lp-surface);
  overflow:clip; min-height:360px; padding:30px 28px; isolation:isolate;
}
body.landing .lp-feature-content p { font-size:14px; line-height:1.8; }
body.landing .lp-feature:hover { background:color-mix(in srgb,var(--lp-green) 3%,var(--lp-surface)); }
body.landing :is(.lp-tour,.lp-status-card,.lp-final-cta) { border-radius:32px; }
body.landing .lp-final-cta { overflow:clip; }
body.landing .lp-access-step { border-radius:22px; }
body.landing .lp-faq details { border-radius:18px; overflow:clip; }
/* Floating account sheets, with uninterrupted slide-in and slide-out motion. */
.drawer-panel {
  inset:12px 12px 12px auto; height:calc(100% - 24px); width:min(540px,calc(100% - 24px));
  border:1px solid var(--glass-stroke); border-radius:32px; background:var(--glass-fill);
  box-shadow:var(--glass-shadow),-20px 0 70px -32px rgba(8,32,17,.32);
  backdrop-filter:blur(16px) saturate(1.55); -webkit-backdrop-filter:blur(16px) saturate(1.55);
}
.drawer-top { padding:23px 30px; border-bottom-color:var(--glass-edge); }
.drawer-content { padding:28px 30px 22px; }
.drawer-bottom { padding:17px 30px; border-top-color:var(--glass-edge); }
.drawer-close { width:44px; height:44px; background:var(--glass-selector); border-color:var(--glass-stroke); color:var(--glass-ink); box-shadow:inset 0 1px 0 var(--glass-highlight); }
body.app-page :is(.auth-card,.surface,.stat-card,.model-card,.locked-card) { border-radius:28px; }
body.app-page .auth-card { border-radius:32px; box-shadow:0 24px 65px -38px rgba(17,51,31,.26),inset 0 1px 0 var(--glass-highlight); }
body.app-page .drawer-panel .auth-card { border-radius:0; background:transparent; box-shadow:none; }
body.app-page .form-field input,body.app-page .form-field select { border-radius:16px; min-height:48px; }
body.app-page :is(.small-button,.top-button) { border-radius:999px; min-height:40px; padding-inline:16px; border-color:var(--line); }
body.app-page :is(.form-error,.form-success,.secret-key) { border-radius:16px; }
body.app-page .app-sidebar { padding:20px 14px; border:1px solid var(--glass-stroke); border-radius:28px; background:var(--glass-fill); box-shadow:var(--glass-shadow); }
body.app-page .app-nav a { border-radius:16px; min-height:44px; display:flex; align-items:center; }
body.app-page .dashboard-nav-cursor { border-radius:16px; background:var(--glass-selector); border:1px solid var(--glass-stroke); box-shadow:inset 0 1px 0 var(--glass-highlight); }
body.app-page .xa-dialog { border-radius:28px; }
@supports (corner-shape:squircle) {
  :is(.xinix-header .lp-shell,.lp-product-card,.lp-feature,.lp-tour,.lp-float-tag,.auth-card,.surface,.drawer-panel,.app-sidebar,.xa-dialog) { corner-shape:squircle; }
}
@media(max-width:1100px) {
  .xinix-header { height:88px; padding:12px 0; }
  .xinix-header .lp-shell { width:calc(100% - 32px); height:64px; padding:0 14px; border-radius:26px; }
  .xinix-header .lp-header-inner { gap:10px; }
  .xinix-header .lp-menu-toggle { margin-right:96px; margin-left:auto; }
  .xinix-header .lp-nav,.xinix-header .lp-nav[data-dynamics] {
    position:absolute; inset:76px 0 auto; padding:12px; border:1px solid var(--glass-stroke); border-radius:26px;
    background:var(--glass-fill); backdrop-filter:blur(16px) saturate(1.55); -webkit-backdrop-filter:blur(16px) saturate(1.55);
    box-shadow:var(--glass-shadow); max-height:calc(100svh - 112px); overflow-y:auto;
  }
  .xinix-header .lp-nav > a,.xinix-header .xh-text-control { min-height:48px; padding:13px 16px; font-size:13px; border-radius:18px; }
  .xinix-header .lp-nav > a.is-current,.xinix-header .lp-nav > a:hover { background:var(--glass-selector); }
  .xinix-header .lp-nav > .lp-button { padding:14px; margin:8px 0 0; border-radius:999px; }
  .xinix-header .lp-glass-toggle { display:flex; justify-content:center; gap:10px; width:100%; min-height:46px; margin:10px 0 0; border-radius:18px; }
  .xinix-header .lp-glass-toggle span { position:static; width:auto; height:auto; overflow:visible; clip-path:none; font-size:12px; }
  .xinix-header .xh-controls { position:absolute; top:9px; right:14px; gap:6px; }
  .xinix-header .xh-controls .lp-motion-toggle,.xinix-header .xh-controls .lp-theme-toggle { position:static; width:44px; height:44px; margin:0; }
  .glass-nav-indicator { display:none; }
}
@media(max-width:700px) {
  body.landing .lp-hero { padding-top:42px; }
  body.landing .lp-product-card { padding:24px 22px; width:90%; border-radius:30px; }
  body.landing .lp-float-tag { padding:12px; border-radius:18px; }
  body.landing .lp-tag-left { top:-22px; left:0; }
  body.landing .lp-tag-right { right:0; bottom:-7px; }
  body.landing .lp-feature,body.landing .lp-feature + .lp-feature { min-height:0; padding:28px 24px; border:1px solid var(--lp-line); border-radius:26px; }
  .drawer-panel { inset:8px; height:calc(100% - 16px); width:calc(100% - 16px); border-radius:28px; }
  .drawer-top { padding:18px 22px; }.drawer-content { padding:24px 22px; }.drawer-bottom { padding:16px 22px max(16px,env(safe-area-inset-bottom)); }
  body.app-page .form-field input,body.app-page .form-field select { font-size:16px; }
}
/* Reliable opaque variants where glass cannot be drawn or is not wanted. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .xinix-header .lp-shell::before,.xinix-header .lp-nav,.drawer-panel { background:var(--glass-solid); }
}
html[data-glass=reduced] :is(.xinix-header .lp-nav,.drawer-panel,.app-sidebar),html[data-glass=reduced] .xinix-header .lp-shell::before { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
@media(prefers-reduced-transparency:reduce) {
  html:not([data-glass=full]) :is(.xinix-header .lp-nav,.drawer-panel,.app-sidebar),html:not([data-glass=full]) .xinix-header .lp-shell::before { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media(prefers-contrast:more) {
  .xinix-header .lp-shell::before,.xinix-header .lp-nav,.drawer-panel,.app-sidebar { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .xinix-header .lp-shell,.drawer-panel,.app-sidebar { border:1px solid var(--glass-ink); }
  .glass-nav-indicator,.lp-preview-indicator { background:var(--glass-solid); border-color:var(--glass-ink); }
}
@media(forced-colors:active) {
  .xinix-header .lp-shell,.drawer-panel,.glass-nav-indicator { background:Canvas; color:CanvasText; border:1px solid CanvasText; backdrop-filter:none; }
  .xinix-header .lp-nav > a,.xinix-header .xh-text-control { color:LinkText; }
}
html[data-motion=reduced] [data-glass-pointer] { background-image:none; }

/* Optical volume: a bright upper arc, dispersed side light and a contact bevel.
   The rim is a separate masked layer; neither text nor icons are filtered. */
:root {
  --glass-shadow:0 22px 54px -25px rgba(19,48,33,.24),0 4px 10px -5px rgba(21,48,31,.18),inset 0 1px .5px rgba(255,255,255,.7),inset 0 -1px 1px rgba(26,57,39,.12);
}
html[data-theme=dark] {
  --glass-shadow:0 24px 58px -24px rgba(0,6,3,.6),0 4px 12px -5px rgba(0,5,3,.5),inset 0 1px .5px rgba(230,255,241,.2),inset 0 -1px 1px rgba(0,6,3,.4);
}
.xinix-header .lp-shell { border-color:transparent; outline:none; }
.xinix-header .lp-shell::before {
  background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.16),transparent 58%),linear-gradient(112deg,rgba(61,187,149,.055),transparent 40%,rgba(93,170,213,.05)),var(--glass-fill);
  backdrop-filter:blur(18px) saturate(1.65); -webkit-backdrop-filter:blur(18px) saturate(1.65);
}
:is(.xinix-header .lp-shell,.drawer-panel,.app-sidebar,.lp-product-card,.lp-float-tag,.xa-dialog)::after {
  content:''; position:absolute; inset:0; padding:1.25px; border-radius:inherit; corner-shape:inherit;
  pointer-events:none; z-index:3;
  background:linear-gradient(180deg,var(--glass-rim-top),var(--glass-rim-side) 34%,transparent 54%,var(--glass-rim-bottom)),linear-gradient(115deg,rgba(123,216,190,.16),transparent 28% 76%,rgba(131,181,222,.13));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
}
.drawer-panel,.app-sidebar,.xa-dialog { position:relative; }
.drawer-panel { position:absolute; }
.drawer-panel {
  border-color:transparent;
  --muted:var(--glass-muted);
  background:radial-gradient(ellipse at 4% 0%,rgba(156,212,184,.075),transparent 65%),var(--glass-sheet-fill);
  backdrop-filter:blur(16px) saturate(1.55); -webkit-backdrop-filter:blur(16px) saturate(1.55);
  box-shadow:var(--glass-shadow),-26px 0 85px -38px rgba(6,28,14,.35);
}
body.app-page .xa-dialog { border-color:transparent; background:var(--glass-sheet-fill); backdrop-filter:blur(16px) saturate(1.55); -webkit-backdrop-filter:blur(16px) saturate(1.55); box-shadow:var(--glass-shadow); }
body.app-page .app-sidebar { border-color:transparent; box-shadow:var(--glass-shadow); }
body.landing .lp-product-card {
  border-color:transparent;
  background:radial-gradient(ellipse at 0% 0%,rgba(175,219,191,.075),transparent 70%),linear-gradient(145deg,var(--lp-surface),var(--lp-card));
  box-shadow:0 44px 90px -40px rgba(12,48,29,.38),0 9px 20px -12px var(--glass-contact),inset 0 1px .5px var(--glass-highlight),inset 0 -1px 1px var(--glass-contact);
}
body.landing .lp-float-tag { border-color:transparent; }
body.landing .lp-hero::before {
  inset:-7% -2% 0 30%;
  background:radial-gradient(ellipse at 30% 20%,rgba(132,199,155,.12),transparent 53%),radial-gradient(ellipse at 85% 65%,rgba(104,171,199,.12),transparent 58%);
}
body.landing .lp-hero-art::before {
  inset:0; width:auto; aspect-ratio:auto; border-radius:0;
  background:radial-gradient(ellipse at 22% 27%,rgba(155,204,132,.34),transparent 54%),radial-gradient(ellipse at 78% 70%,rgba(99,192,174,.27),transparent 57%);
  opacity:.85; mask-image:radial-gradient(ellipse,#000 22%,transparent 75%);
}
body.landing .lp-hero-art::after {
  inset:-14% -8%;
  background:radial-gradient(ellipse at 82% 24%,rgba(106,177,213,.19),transparent 48%),radial-gradient(ellipse at 15% 80%,rgba(210,190,128,.14),transparent 52%);
}
html[data-theme=dark] body.landing .lp-hero-art::before {
  background:radial-gradient(ellipse at 22% 27%,rgba(136,205,151,.23),transparent 54%),radial-gradient(ellipse at 78% 70%,rgba(66,173,156,.23),transparent 57%);
}
html[data-theme=dark] body.landing .lp-hero-art::after {
  background:radial-gradient(ellipse at 82% 24%,rgba(77,159,196,.18),transparent 48%),radial-gradient(ellipse at 15% 80%,rgba(170,183,95,.11),transparent 52%);
}
/* Ambient light is painted once. Interaction moves the card above it without
   continuously recapturing a changing backdrop into the glass surfaces. */
html[data-motion=full] body.landing .lp-hero-art.is-glass-visible :is(.lp-product-card,.lp-float-tag) { will-change:transform; backface-visibility:hidden; }
/* Real curved silhouettes stretch, divide and merge beneath sharp labels. */
.glass-fluid-track { position:relative; isolation:isolate; }
.glass-fluid-track .glass-fluid-layer {
  display:block;
  inset:0; left:0; top:0; border:0; border-radius:0; background:none; background-image:none;
  box-shadow:none; pointer-events:none; overflow:visible; z-index:-1; will-change:auto; contain:layout style;
}
.glass-fluid-layer[hidden] { display:none !important; }
.glass-fluid-track .glass-fluid-layer > .glass-fluid-svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.glass-fluid-shape { stroke:none; }
.glass-fluid-rim { fill:none; stroke-width:1.1; vector-effect:non-scaling-stroke; }
.glass-fluid-track[data-glass-fluid=ready] > .lp-preview-indicator { display:none; }
.glass-fluid-track[data-glass-fluid=ready] > :is(.pref-choice[aria-pressed=true],button[aria-selected=true]) { background:transparent; box-shadow:none; }
body.landing .lp-preview-tabs { border-color:transparent; background:color-mix(in srgb,var(--lp-green) 6%,var(--lp-surface)); box-shadow:inset 0 1px 1px var(--glass-highlight),inset 0 -1px 1px var(--glass-contact); }
body.landing .lp-preview-tabs button { min-height:44px; color:var(--glass-ink); }
body.app-page :is(.preference-options,.xa-subtabs) { border-radius:22px; padding:5px; gap:5px; box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px var(--glass-contact); }
body.app-page :is(.pref-choice,.xa-subtabs button) { border-radius:17px; min-height:44px; }
/* A small control has its own restrained meniscus, without uniform borders. */
:is(.xinix-header .lp-motion-toggle,.xinix-header .lp-theme-toggle,.xinix-header .lp-glass-toggle,.xinix-header .lp-menu-toggle,.drawer-close,.xh-profile) {
  border-color:transparent; background:linear-gradient(160deg,var(--glass-highlight),transparent 62%),var(--glass-selector);
  box-shadow:inset 0 1px 1px var(--glass-rim-top),inset 0 -1px 1px var(--glass-rim-bottom),0 4px 9px -5px var(--glass-contact);
}
.xinix-header .lp-header-inner :is(.lp-motion-toggle,.lp-theme-toggle,.lp-glass-toggle,.lp-menu-toggle) { box-shadow:inset 0 1px 1px var(--glass-rim-top),inset 0 -1px 1px var(--glass-rim-bottom),0 4px 9px -5px var(--glass-contact); }
:is(.lp-button,.button,.small-button,.top-button,.lp-theme-toggle,.lp-motion-toggle,.lp-glass-toggle,.drawer-close,.xh-profile) {
  position:relative; transition:transform 300ms cubic-bezier(.2,.85,.22,1.08),background-color 200ms ease-out;
}
@media(hover:hover) and (pointer:fine) {
  html[data-motion=full] :is(.lp-theme-toggle,.lp-motion-toggle,.lp-glass-toggle,.drawer-close,.xh-profile):hover { transform:translateY(-1px) scale(1.025); }
  :is(.lp-theme-toggle,.lp-motion-toggle,.lp-glass-toggle,.drawer-close,.xh-profile):hover { box-shadow:inset 0 1px 2px var(--glass-rim-top),inset 0 -1px 1px var(--glass-rim-bottom),0 6px 15px -6px var(--glass-contact); }
}
body.app-page .form-field input,body.app-page .form-field select {
  background:var(--bg); border-color:color-mix(in srgb,var(--line) 72%,transparent);
  box-shadow:inset 0 2px 4px -3px var(--glass-contact),0 1px 0 var(--glass-highlight);
  transition:border-color 200ms;
}
body.app-page .form-field input:focus { border-color:var(--green); box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent),inset 0 1px 3px -2px var(--glass-contact); }
@media(max-width:1100px) {
  .xinix-header .lp-nav,.xinix-header .lp-nav[data-dynamics] { border-color:transparent; backdrop-filter:blur(16px) saturate(1.55); -webkit-backdrop-filter:blur(16px) saturate(1.55); box-shadow:var(--glass-shadow); }
  .xinix-header .lp-nav::before { content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px .5px var(--glass-rim-top),inset 0 -1px 1px var(--glass-rim-bottom); }
  .xinix-header .glass-fluid-layer { display:none; }
  .xinix-header .lp-menu-toggle { width:44px; height:44px; }
}
html[data-glass=reduced] :is(.drawer-panel,.xa-dialog,.xinix-header .lp-nav,.app-sidebar),html[data-glass=reduced] .xinix-header .lp-shell::before { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .drawer-panel,.xa-dialog,.xinix-header .lp-nav,.xinix-header .lp-shell::before { background:var(--glass-solid); }
}
@media(prefers-reduced-transparency:reduce) {
  html:not([data-glass=full]) :is(.drawer-panel,.xa-dialog,.xinix-header .lp-nav,.app-sidebar),html:not([data-glass=full]) .xinix-header .lp-shell::before { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media(prefers-contrast:more) {
  .drawer-panel,.xa-dialog,.xinix-header .lp-nav,.xinix-header .lp-shell::before { background:var(--glass-solid); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .glass-fluid-shape { fill:var(--glass-solid) !important; }.glass-fluid-rim { stroke:var(--glass-ink) !important; }
}
@media(forced-colors:active) {
  .glass-fluid-shape { fill:Canvas !important; }.glass-fluid-rim { stroke:Highlight !important; }
  :is(.xinix-header .lp-shell,.drawer-panel,.app-sidebar,.lp-product-card,.lp-float-tag,.xa-dialog)::after { display:none; }
}

/* One material switch controls the actual fills, not the opacity of the text. */
:root {
  --glass-fill:rgba(252,253,248,.10);
  --glass-sheet-fill:rgba(252,253,248,.48);
  --glass-selector:rgba(255,255,255,.14);
  --glass-highlight:rgba(255,255,255,.20);
  --glass-volume-top:rgba(255,255,255,.28);
  --glass-volume-center:rgba(255,255,255,.10);
  --glass-volume-bottom:rgba(190,222,205,.08);
  --glass-filter:blur(6px) saturate(1.4);
  --glass-sheet-filter:blur(12px) saturate(1.3);
}
html[data-theme=dark] {
  --glass-fill:rgba(30,47,38,.16);
  --glass-sheet-fill:rgba(30,47,38,.60);
  --glass-selector:rgba(220,244,224,.10);
  --glass-highlight:rgba(233,255,239,.10);
  --glass-volume-top:rgba(205,244,220,.18);
  --glass-volume-center:rgba(205,244,220,.08);
  --glass-volume-bottom:rgba(117,185,159,.05);
}
html[data-glass=reduced] {
  --glass-fill:var(--glass-solid);
  --glass-sheet-fill:var(--glass-solid);
  --glass-selector:var(--glass-solid);
  --glass-volume-top:var(--glass-solid);
  --glass-volume-center:var(--glass-solid);
  --glass-volume-bottom:var(--glass-solid);
  --glass-filter:none;
  --glass-sheet-filter:none;
}
.xinix-header .lp-shell::before {
  background:var(--glass-fill);
  backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter);
}
body.landing :is(.lp-product-card,.lp-float-tag) {
  background:var(--glass-fill);
  backdrop-filter:var(--glass-filter); -webkit-backdrop-filter:var(--glass-filter);
  --lp-muted:var(--glass-muted);
}
body.landing .lp-preview-tabs { background:var(--glass-selector); }
.drawer-panel,body.app-page :is(.drawer-panel,.xa-dialog,.app-sidebar) {
  background:var(--glass-sheet-fill);
  backdrop-filter:var(--glass-sheet-filter); -webkit-backdrop-filter:var(--glass-sheet-filter);
}
@media(max-width:1100px) {
  .xinix-header .lp-nav,.xinix-header .lp-nav[data-dynamics] {
    background:var(--glass-sheet-fill);
    backdrop-filter:var(--glass-sheet-filter); -webkit-backdrop-filter:var(--glass-sheet-filter);
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  :root,:root[data-theme] {
    --glass-fill:var(--glass-solid); --glass-sheet-fill:var(--glass-solid);
    --glass-selector:var(--glass-solid);
  }
}
@media(prefers-reduced-transparency:reduce) {
  html:not([data-glass=full]) {
    --glass-fill:var(--glass-solid); --glass-sheet-fill:var(--glass-solid);
    --glass-selector:var(--glass-solid); --glass-filter:none; --glass-sheet-filter:none;
  }
}
@media(prefers-contrast:more), (forced-colors:active) {
  :root,:root[data-theme] {
    --glass-fill:var(--glass-solid); --glass-sheet-fill:var(--glass-solid);
    --glass-selector:var(--glass-solid); --glass-filter:none; --glass-sheet-filter:none;
  }
}
@media(forced-colors:active) { :root,:root[data-theme] { --glass-solid:Canvas; } }