:root{--color-primary: #2c3e50;--color-secondary: hsl(from var(--color-primary) h s calc(l*1.5) );--color-background: #ecf0f1;--color-text: #2c3e50;--color-danger: rgb(220, 53, 69);--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-base: 16px;--font-size-small: .875rem;--spacing-base: 1rem;--spacing-small: calc(var(--spacing-base) / 2);--font-family-monospace: monospace;--font-size-monospace: .875rem;--border-radius: 8px;font-family:var(--font-family);box-sizing:border-box}a{color:var(--color-text)}button{font-family:var(--font-family);font-size:var(--font-size-base);padding:calc(var(--spacing-base) / 2) var(--spacing-base);border:none;background-color:var(--color-primary);color:#fff;border-radius:4px}button:not([disabled]){cursor:pointer}.audio-control-button{width:64px;height:48px;display:flex;align-items:center;justify-content:center}.audio-control-button:disabled{opacity:.5;cursor:not-allowed}.audio-control-cluster{display:flex;gap:calc(var(--spacing-small) / 2)}select{background-color:#fff;color:var(--color-text);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-small) var(--spacing-base);font-size:1rem}body{margin:0}#site-container{display:flex;flex-direction:row}bp-navigation-bar{flex-grow:0}bp-app{flex-grow:2;max-width:800px;margin:0 auto;padding:var(--spacing-base)}@media(max-width:1024px){#site-container{flex-direction:column}bp-app{max-width:none;margin:0}}.exercise-header{display:flex;gap:var(--spacing-base);margin-bottom:var(--spacing-base)}.exercise-header .exercise-title{flex-grow:1}#tuning-tone-container{flex-grow:0;display:inline-flex;align-items:center;gap:var(--spacing-base);padding:var(--spacing-small);border-radius:var(--border-radius);border:1px solid var(--color-primary)}.accordion{border:1px solid var(--color-primary);overflow:hidden}.accordion summary{cursor:pointer;padding:var(--spacing-base);background-color:var(--color-primary);color:#fff;list-style:none;display:flex;align-items:center;gap:var(--spacing-small)}.accordion summary::-webkit-details-marker{display:none}.accordion summary:before{content:"";display:inline-block;width:1em;height:1em;flex-shrink:0;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath d='M5.548 9.095a.75.75 0 0 1 1.06 0L12.328 14.814l5.72-5.72a.75.75 0 1 1 1.06 1.061l-6.25 6.25a.75.75 0 0 1-1.06 0l-6.25-6.25a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath d='M5.548 9.095a.75.75 0 0 1 1.06 0L12.328 14.814l5.72-5.72a.75.75 0 1 1 1.06 1.061l-6.25 6.25a.75.75 0 0 1-1.06 0l-6.25-6.25a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:transform .2s ease;transform:rotate(-90deg)}.accordion[open] summary:before{transform:rotate(0)}.accordion:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.accordion:last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.accordion:first-child:last-child{border-radius:var(--border-radius)}.accordion summary>*{display:inline}.accordion.sub-exercise summary>h3{margin:0}.accordion-content{padding:var(--spacing-base)}.video-container{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius)}.video-container h3{margin:0;padding:var(--spacing-base)}.video-player{display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:var(--spacing-base);border-radius:var(--border-radius)}footer{display:flex;justify-content:space-between;margin-top:var(--spacing-base);padding:var(--spacing-base);background-color:var(--color-secondary);--color-text: white;color:var(--color-text)}footer #locale-selector{align-self:flex-end}@media(min-width:1025px){body{height:100vh;overflow:hidden;display:flex;flex-direction:column}#site-container{flex:1;min-height:0}footer{flex-shrink:0}bp-app{display:flex;flex-direction:column;min-height:0}bp-app main{flex:1;min-height:0;display:flex;flex-direction:column}bp-exercise-page,bp-video-page{flex:1;min-height:0;display:flex;flex-direction:column}bp-imprint-page{flex:1;min-height:0;overflow-y:auto}.exercise-container,.video-page-container{flex:1;min-height:0;display:flex;flex-direction:column}.exercise-header,.video-header{flex-shrink:0}.exercise-content,.video-page-content{flex:1;overflow-y:auto;min-height:0}}