/* Spürbar: scoped styles for the audio-first touch experience. */
.moment-home .moment-touch-card{grid-area:touch;background:#edf0e6;border-color:#d7dfce}
.moment-touch-card p{font-size:15px;line-height:1.65;color:#50604c;max-width:44rem}
.moment-touch-card .moment-button{align-self:flex-start;margin-top:auto}
.moment-touch-dialog{--touch-bg:#17282c;--touch-ink:#eff1e9;--touch-muted:#bbcac5;--touch-accent:#e9c997;--mm-paper:var(--touch-bg);--mm-ink:var(--touch-ink);--mm-line:#53635d;max-width:620px;width:min(100% - 20px,620px);padding:24px;background:var(--touch-bg);color:var(--touch-ink);color-scheme:dark;border-color:#546d69}
.moment-touch-dialog>.moment-dialog-header{background:var(--touch-bg);border-color:#465d58;top:-24px;margin:-24px -24px 22px;padding:16px 24px}
.moment-touch-dialog .moment-dialog-header h2{font:400 27px/1.25 var(--mm-serif);color:var(--touch-ink);margin:0}
#moment-touch-heading:focus{outline:none}
.moment-touch-dialog h3{font:400 clamp(27px,6.8vw,36px)/1.25 var(--mm-serif);color:var(--touch-ink);margin:12px 0 20px;text-wrap:balance}
.moment-touch-dialog h3 em{font-size:.88em;font-weight:400;color:#c4d6cb}
.moment-touch-dialog p{font-size:15px;line-height:1.7;color:var(--touch-muted)}
.moment-touch-dialog .moment-touch-eyebrow{font-size:12px;letter-spacing:.07em;line-height:1.5;color:var(--touch-accent)}
.moment-touch-dialog .moment-icon-button{color:var(--touch-ink);border-color:#536b64;background:transparent}
.moment-touch-choices{border:0;margin:24px 0;padding:0}
.moment-touch-choices legend{font-size:13px;color:var(--touch-muted);padding:0 0 10px}
.moment-touch-choices label{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #40564e;min-height:64px;cursor:pointer}
.moment-touch-choices input{accent-color:var(--touch-accent);width:20px;height:20px;flex:none}
.moment-touch-choices strong{display:block;font-size:15px;font-weight:500;line-height:1.5}
.moment-touch-choices small{display:block;font-size:12px;line-height:1.6;color:var(--touch-muted);margin-top:4px}
.moment-touch-dialog .moment-button{background:var(--touch-accent);color:#1f3029!important;border:1px solid var(--touch-accent);border-radius:25px;min-height:48px;padding:12px 22px;font:500 15px/1.45 var(--mm-sans);white-space:normal}
.moment-touch-dialog .moment-button:disabled{opacity:.6;cursor:wait}
.moment-touch-dialog .moment-text-button{min-height:44px;padding:10px 14px;background:transparent;border:1px solid transparent;color:var(--touch-muted);font:400 14px/1.5 var(--mm-sans);white-space:normal}
.moment-touch-dialog button:focus-visible,.moment-touch-dialog input:focus-visible{outline:2px solid var(--touch-accent);outline-offset:4px}
.moment-touch-dialog .moment-touch-note{font-size:13px;margin:-10px 0 20px}
.moment-touch-pad{min-height:340px;min-height:min(440px,55svh);padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#203a3b;border:1px solid #58706a;border-radius:24px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;overflow-wrap:break-word}
.moment-touch-pad[data-contact=true]{border-color:#cbb98f}
.moment-touch-pad h3{font-size:clamp(27px,6.5vw,34px);margin:10px 0 14px}
.moment-touch-pad p{margin:6px 0}
.moment-touch-pad .moment-touch-hint{margin:20px 0 0;font-size:12px;color:#c1cfbf}
.moment-touch-mark{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid #80968b;border-radius:50%;margin:0 auto 18px}
.moment-touch-mark.moment-touch-turn{font:400 40px/1 var(--mm-sans);color:var(--touch-accent)}
.moment-touch-mark i{display:block;width:8px;height:8px;background:var(--touch-accent);border-radius:50%}
.moment-touch-controls{display:flex;justify-content:space-between;gap:14px;padding-top:18px}
.moment-touch-controls>*{min-width:100px}
.moment-touch-dialog[data-touch-part=closing] .moment-touch-controls{justify-content:center}
#moment-touch-finished-title:focus{outline:none}
.moment-touch-end{display:block;margin:10px auto 0}
.moment-touch-dialog .moment-touch-status{font-size:13px;margin:12px 0 0;line-height:1.6;text-align:center}
.moment-touch-status:empty{display:none}
#moment-touch-player{display:none}
#moment-touch-finished{text-align:center;padding:32px 4px}
#moment-touch-finished button{display:block;margin:18px auto 0}
.moment-touch-dialog [hidden]{display:none!important}
.moment-touch-dialog[data-touch-state=waiting] .moment-touch-mark{opacity:.55}
@media(max-width:480px){.moment-touch-dialog{padding:18px}.moment-touch-dialog>.moment-dialog-header{top:-18px;margin:-18px -18px 18px;padding:14px 18px}.moment-touch-dialog .moment-dialog-header h2{font-size:25px}.moment-touch-pad{padding:24px 16px}.moment-touch-choices strong{font-size:14px}}
@media(max-height:620px){.moment-touch-pad{min-height:280px}.moment-touch-mark{width:44px;height:44px;margin-bottom:8px}}