.training-switch{display:flex!important;gap:4px!important;padding:0!important;border:0!important;margin:0!important;flex-shrink:0}.training-switch a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;border-radius:8px;font-size:15px;color:#196b55;text-decoration:none;white-space:nowrap}.training-switch a[aria-current]{background:#e4f1e9;font-weight:700}.site-header{gap:8px}.site-header .header-nav{display:none}.site-header .brand{min-width:0}.site-header .brand small{font-size:9px}.shared-volume{padding:12px 0;border-bottom:1px solid #cad8d0;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.shared-volume label{font-size:16px!important;margin:0!important}.shared-volume input{width:100%;min-height:44px}.shared-volume button,.shared-volume a{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #cad8d0;border-radius:8px;padding:8px;color:#196b55;background:white;font:inherit;text-decoration:none}.shared-volume a{grid-column:1/-1}.shared-volume output{float:right}.harmony-unified{height:100dvh;overflow:hidden}.harmony-unified main{height:100%;min-height:0}.harmony-unified main>header{flex-wrap:wrap;gap:8px;padding-top:6px;padding-bottom:6px;flex-shrink:0}.harmony-unified main>header>a{width:44px;min-width:44px;padding:0}.harmony-unified main>header img{width:40px;height:40px}.harmony-unified main>header>div{flex:1}.harmony-unified main>header h1{font-size:18px}.harmony-unified main>header small{display:block;font-size:11px;color:#52675b}.harmony-unified .answers{overflow:auto;min-height:0;overscroll-behavior:contain}.harmony-unified footer,.harmony-unified #reveal{flex-shrink:0}.harmony-unified main>nav,.harmony-unified .session{flex-shrink:0}.harmony-unified .training-switch{order:3}.harmony-unified #settings-open{order:4}.training-switch a:focus-visible,.shared-volume a:focus-visible{outline:2px solid #196b55;outline-offset:2px}@media(max-width:380px){.site-header .brand small{display:none}.site-header .brand strong{font-size:16px}.site-header .brand img{width:32px;height:32px}.site-header{padding-inline:10px!important}.training-switch a{padding-inline:5px;font-size:14px}}