/* Velumi Sea Glass Oxygen · shared visual system v1 */
:root{--velumi-ink:#304b3d;--velumi-muted:#788b81;--velumi-sea:#cdece9;--velumi-sage:#8db8a1;--velumi-stroke:rgba(111,154,133,.19);--velumi-glass:rgba(255,255,255,.70);--velumi-soft-shadow:0 15px 48px rgba(54,107,86,.065)}
html{background:#f8fcfb}
body{background:radial-gradient(ellipse 58% 38% at 94% 4%,rgba(171,224,218,.32),transparent 73%),radial-gradient(ellipse 51% 42% at 4% 56%,rgba(210,238,224,.43),transparent 77%),linear-gradient(145deg,#fffefb 5%,#f8fcfa 49%,#f8fdfc 100%)!important;background-attachment:fixed!important;color:var(--velumi-ink);-webkit-font-smoothing:antialiased}
body>header{background:rgba(255,255,255,.77)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--velumi-stroke)!important}
.hero{background:linear-gradient(119deg,rgba(255,255,255,.68),rgba(217,241,234,.44))!important;border:1px solid rgba(135,184,163,.22);box-shadow:var(--velumi-soft-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card,.panel,.tile,.stat,.onboard,.report{border-color:var(--velumi-stroke)!important;box-shadow:var(--velumi-soft-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.card,.panel,.tile,.onboard{background:var(--velumi-glass)!important}
.report,.stat{background:rgba(255,255,255,.64)!important}
.notice,.tip,.box,.note,.metric,.conclusion{background:rgba(220,241,234,.43)!important}
.btn:not(.outline),button.btn:not(.outline),a.btn:not(.outline){background:#8bb6a1;color:#244736}
.btn:not(.outline):hover,button.btn:not(.outline):hover{background:#75a48d}
.btn.outline,.outline.btn{background:rgba(255,255,255,.64)!important;border:1px solid rgba(127,176,149,.3)!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{background:rgba(255,255,255,.76);border-color:rgba(137,179,155,.35);color:var(--velumi-ink)}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #6aab93;outline-offset:2px}
:where(.card,.tile,.panel,.hero){transition:border-color .18s ease,box-shadow .18s ease}
:where(.tile,.card):hover{border-color:rgba(106,164,132,.32)!important}
p.muted,.muted,.small{color:var(--velumi-muted)}
#velumi-menu-panel,.velumi-menu-panel{background:rgba(251,255,253,.93)!important;backdrop-filter:blur(24px)}
/* Never apply translucent white over photographic creator cover layers */
.circle-profile-cover,.cover-photo,.coverPhoto{background-image:inherit}
@media(max-width:650px){.card,.panel{box-shadow:0 8px 30px rgba(58,99,78,.045)}body{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){.card,.tile,.panel,.hero{transition:none!important}}

/* V67 · discreet global bilingual switch: small, top-right, consistent */
header button#lang,
header button#language,
header button.lang,
body>header button#lang,
body>header button#language,
body>header button.lang{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(116,157,131,.25)!important;
  background:rgba(255,255,255,.46)!important;
  color:#698574!important;
  box-shadow:none!important;
  font:500 10px/1 Arial,"PingFang SC",sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer;
}
header button#lang:hover,header button#language:hover,header button.lang:hover{
  background:rgba(255,255,255,.78)!important;
}
header button#lang:focus-visible,header button#language:focus-visible,header button.lang:focus-visible{
  outline:2px solid #6aab93!important;
  outline-offset:2px;
}
