/* My Simple Health — shared Sensory System v1
   Atmosphere affects the environment. Meaning remains legible.
   Environmental treatment stays behind protected typography and controls. */
:root{--msh-motion-tempo:1;--msh-sun-visibility:0;--msh-moon-visibility:0;--msh-stars-visibility:0;--msh-personal-accent:var(--msh-accent);--msh-sensory-duration:calc(520ms / max(var(--msh-motion-tempo),.7))}
.msh-sound-control{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid var(--msh-border);border-radius:50%;background:color-mix(in srgb,var(--msh-surface) 82%,transparent);color:var(--msh-text);cursor:pointer;backdrop-filter:blur(12px)}
.msh-app-header,.msh-app-main,.msh-glass-content,.msh-thought-panel{position:relative;z-index:3}
.msh-app-main :where(p,li,label,legend,summary,small,time){opacity:1}
.msh-sound-control::before{content:"";width:14px;height:14px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 4px transparent;transition:background var(--msh-motion-base) ease,box-shadow var(--msh-motion-base) ease}
.msh-sound-control[aria-pressed="true"]::before{background:var(--msh-personal-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--msh-personal-accent) 18%,transparent)}
.msh-sound-control [data-msh-sound-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-msh-feedback="touch"]{transform:translateY(1px) scale(.992)!important}
[data-msh-feedback="select"],[data-msh-feedback="record"],[data-msh-feedback="settle"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--msh-personal-accent) 18%,transparent)}
.msh-kinetic-symbol{--symbol-color:var(--msh-personal-accent);display:grid;width:clamp(72px,10vw,112px);aspect-ratio:1;place-items:center;color:var(--symbol-color)}
.msh-kinetic-symbol svg{width:100%;height:100%;overflow:visible}.msh-kinetic-symbol :where(circle,path,line){vector-effect:non-scaling-stroke}
.msh-kinetic-symbol--orbit .msh-symbol-traveler{transform-origin:50px 50px;animation:msh-symbol-orbit calc(18s / max(var(--msh-motion-tempo),.7)) linear infinite}
.msh-kinetic-symbol--focus .msh-symbol-focus{animation:msh-symbol-focus var(--msh-sensory-duration) var(--msh-ease-standard) both}
.msh-kinetic-symbol--settle .msh-symbol-settle{animation:msh-symbol-settle var(--msh-sensory-duration) var(--msh-ease-standard) both}
.msh-kinetic-symbol--open .msh-symbol-left{animation:msh-symbol-open-left var(--msh-sensory-duration) var(--msh-ease-standard) both}.msh-kinetic-symbol--open .msh-symbol-right{animation:msh-symbol-open-right var(--msh-sensory-duration) var(--msh-ease-standard) both}
.msh-glide-shell{display:grid;width:100%;min-width:0;grid-template-columns:44px minmax(0,1fr) 44px;gap:var(--msh-space-3);align-items:center}.msh-glide{display:flex;width:100%;max-width:100%;min-width:0;gap:var(--msh-space-4);overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding-inline:var(--msh-space-4);scrollbar-color:color-mix(in srgb,var(--msh-text-muted) 36%,transparent) transparent;scrollbar-width:thin}.msh-glide>*{flex:0 0 min(78vw,420px);scroll-snap-align:center}.msh-glide:focus-visible{outline:3px solid var(--msh-focus);outline-offset:5px;border-radius:var(--msh-radius-sm)}
.msh-glide-arrow{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--msh-glass-border);border-radius:50%;background:var(--msh-glass-panel-bg);box-shadow:var(--msh-shadow-sm);color:var(--msh-glass-text-primary);font:400 20px/1 var(--msh-font-functional);cursor:pointer;transition:background-color var(--msh-motion-fast) ease,border-color var(--msh-motion-fast) ease,transform var(--msh-motion-fast) ease}.msh-glide-arrow:hover:not(:disabled){border-color:color-mix(in srgb,var(--msh-personal-accent) 56%,var(--msh-glass-border));background:var(--msh-glass-overlay-bg);transform:translateY(-1px)}.msh-glide-arrow:focus-visible{outline:3px solid var(--msh-focus);outline-offset:3px}.msh-glide-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
.msh-glide-position{grid-column:2;display:flex;min-height:24px;align-items:center;justify-content:center;margin-top:var(--msh-space-2);color:var(--msh-text-muted);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em}.msh-glide-position .msh-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.msh-sensory-constellation{position:absolute;inset:0;pointer-events:none}.msh-sensory-constellation::before,.msh-sensory-constellation::after{content:"";position:absolute;border-radius:50%;opacity:var(--msh-stars-visibility);background:var(--msh-world-ink);box-shadow:32vw 9vh 0 -1px currentColor,61vw 16vh 0 -1px currentColor,78vw 7vh 0 -1px currentColor}
.msh-sensory-constellation::before{top:12%;left:8%;width:2px;height:2px}.msh-sensory-constellation::after{top:25%;left:20%;width:1px;height:1px}
@keyframes msh-symbol-orbit{to{transform:rotate(360deg)}}@keyframes msh-symbol-focus{from{opacity:.3;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes msh-symbol-settle{from{opacity:.5;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes msh-symbol-open-left{from{transform:translateX(8px)}to{transform:translateX(-3px)}}@keyframes msh-symbol-open-right{from{transform:translateX(-8px)}to{transform:translateX(3px)}}
@media(max-width:860px){.msh-sound-control{width:40px;height:40px}.msh-glide-shell{display:block}.msh-glide-shell>.msh-glide-arrow{display:none}.msh-glide{margin-inline:0;padding:0 0 var(--msh-space-2);scroll-padding-inline:0}.msh-glide>*{flex-basis:min(78vw,340px)}.msh-glide-position{margin-top:var(--msh-space-2)}}
@media(prefers-reduced-motion:reduce){.msh-kinetic-symbol *,.msh-sensory-constellation{animation:none!important;transition:none!important}.msh-glide{scroll-behavior:auto}.msh-glide-arrow,.msh-tools-directory section{transition:none!important}[data-msh-feedback]{transform:none!important}}