.inst{--dim:1;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);display:flex;flex-direction:column;padding:20px;gap:24px;transition:background-color 3s linear}.inst__top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;opacity:var(--dim);transition:opacity 2.4s linear}.inst__mark{letter-spacing:.16em;text-decoration:none}.inst__clock,.inst__mark{font-family:var(--font-display);font-size:13px;color:var(--muted)}.inst__clock{letter-spacing:.1em;font-variant-numeric:tabular-nums}.inst__body{flex:1;justify-content:center;gap:28px}.inst__body,.inst__open{display:flex;flex-direction:column;align-items:center}.inst__open{max-width:30rem;text-align:center;gap:22px}.inst__line{font-family:var(--font-display);font-size:clamp(1.35rem,4.2vw,1.9rem);line-height:1.25;font-weight:400;margin:0;text-wrap:balance}.inst__sub{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:26rem}.inst__listen{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);padding:14px 34px;cursor:pointer}.inst__listen:disabled{opacity:.5;cursor:default}.inst__quiet{font-family:var(--font-body);font-size:.85rem;color:var(--muted);background:none;border:0;padding:6px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.inst__faders{width:100%;max-width:34rem;gap:26px;opacity:var(--dim);transition:opacity 2.4s linear}.inst__fader,.inst__faders{display:flex;flex-direction:column}.inst__fader{gap:9px}.inst__label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.9rem}.inst__name{font-family:var(--font-display);letter-spacing:.02em}.inst__matter{color:var(--muted);font-weight:400}.inst__level{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.08em}.inst__range{--fill:0%;-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.inst__range::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 var(--fill),color-mix(in srgb,var(--ink) 22%,transparent) var(--fill) 100%)}.inst__range::-moz-range-track{height:2px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 var(--fill),color-mix(in srgb,var(--ink) 22%,transparent) var(--fill) 100%)}.inst__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:20px;margin-top:-9px;border-radius:2px;border:0;background:var(--ink)}.inst__range::-moz-range-thumb{width:12px;height:20px;border-radius:2px;border:0;background:var(--ink)}.inst__range:focus-visible{outline:1px solid var(--accent);outline-offset:6px}.inst__hint{min-height:1.2em;font-size:.88rem;color:var(--muted);text-align:center;opacity:0;transition:opacity 1.8s linear}.inst__hint.is-on{opacity:1}.inst__bottom{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;font-size:.8rem;color:var(--muted);opacity:var(--dim);transition:opacity 2.4s linear}.inst__card{max-width:27rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:var(--radius);padding:34px 28px}.inst__card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.inst__card .inst__line{font-size:clamp(1.2rem,3.6vw,1.5rem)}@media (min-width:720px){.inst{padding:30px 40px 34px}}