/* The approved concept's type, surfaces and controls also serve every secondary tool. */
html.vr-app{--r:13px;--mono:var(--sans);--cond:var(--sans)}
.concept-icon{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle}
.concept-art{display:block;width:100%;height:100%;overflow:hidden}
html.vr-app :is(.card,.ui-stat,.settings-card,.xp-card){border-color:var(--day-line);background:var(--day-surface);border-radius:13px;box-shadow:var(--day-shadow)}
html.vr-app .panel:not(#p-start)>.vr-heading{gap:14px;margin-bottom:18px;align-items:center}
html.vr-app :is(.panel h1,.panel h2,dialog h1,dialog h2){letter-spacing:-.035em}
html.vr-app :is(.panel,dialog) :is(input,select,textarea){font-family:var(--sans);background-color:var(--day-surface);color:var(--day-ink);border:1px solid var(--day-line);border-radius:10px;min-height:44px;max-width:100%}
html.vr-app :is(.panel,dialog) :is(input,select,textarea):focus-visible{outline:2px solid var(--day-accent);outline-offset:2px}
html.vr-app :is(.panel,dialog) :is(input[type=checkbox],input[type=radio]){min-height:0;accent-color:var(--day-accent)}
html.vr-app :is(.panel,dialog) label{letter-spacing:0;text-transform:none}
html.vr-app :is(.btn,.mm-pro-cta,.fr-next){font-family:var(--sans);letter-spacing:0;text-transform:none;border-radius:10px}
html.vr-app :is(dialog:not(.th-gym-dialog),.mm-modal){background:var(--day-bg);color:var(--day-ink);border-color:var(--day-line);border-radius:18px}
html.vr-app dialog::backdrop{background:var(--concept-overlay);backdrop-filter:blur(5px)}
html.vr-app :is(dialog,.mm-modal) :is(h2,h3){line-height:1.25}
html.vr-app :is(dialog,.mm-modal) :is(.card,fieldset){border-radius:12px;border-color:var(--day-line)}
html.vr-app :is(.panel,dialog) :is(.btn.ghost,.btn.secondary){background:var(--day-soft);color:var(--day-ink);border-color:var(--day-line);box-shadow:none}
html.vr-app :is(.panel,dialog) :is(.btn.danger,[data-danger]){color:var(--danger,var(--day-accent-text));background:var(--day-surface)}
html.vr-app .panel :is(.muted,.sub,.subtle,.hint){color:var(--day-muted)}
html.vr-app :is(.panel,dialog) button:focus-visible,html.vr-app :is(.panel,dialog) a:focus-visible{outline:2px solid var(--day-accent);outline-offset:3px}
html.vr-app :is(.panel,dialog) :is(.empty-state,.ui-empty){padding:24px 18px;background:var(--day-soft);border-radius:12px;text-align:center}
html.vr-app :is(.panel,dialog) table{font-variant-numeric:tabular-nums}
@media(max-width:600px){html.vr-app .panel:not(#p-start)>.vr-heading{margin-bottom:14px}html.vr-app dialog:not(.th-gym-dialog){border-radius:16px}html.vr-app :is(.panel,dialog) :is(input,select,textarea){font-size:var(--type-16)}html.vr-app :is(.panel,dialog) input[type=range]{border:0;min-height:44px}}
@media(prefers-reduced-motion:reduce){html.vr-app dialog::backdrop{backdrop-filter:none}}
/* Accessible names remain available without adding visual labels to icon controls. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}