:root{--freiraum-accent: #e07b39;--freiraum-accent-contrast: #ffffff;--freiraum-surface: #ffffff;--freiraum-surface-muted: #f4f4f5;--freiraum-border: #d4d4d8;--freiraum-text: #18181b;--freiraum-text-muted: #52525b;--freiraum-spectrogram-0: #140a28;--freiraum-spectrogram-1: #641e50;--freiraum-spectrogram-2: #c85028;--freiraum-spectrogram-3: #e07b39;--freiraum-radius: 12px;--freiraum-gap: 16px;--freiraum-font: "Source Sans 3", "Segoe UI", sans-serif;--freiraum-header-height: 3.25rem;--freiraum-min-width: 20rem;--freiraum-columns-breakpoint: 48rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:var(--freiraum-min-width);font-family:var(--freiraum-font);color:var(--freiraum-text);background:var(--freiraum-surface-muted)}.freiraum-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.freiraum-header{display:flex;align-items:center;gap:var(--freiraum-gap);min-height:var(--freiraum-header-height);padding:.5rem 1.25rem;background:var(--freiraum-surface);border-bottom:1px solid var(--freiraum-border)}.freiraum-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.freiraum-brand img{display:block;height:1.75rem;width:auto}.freiraum-module-title{font-size:1rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.freiraum-nav{margin-left:auto;min-width:0}.freiraum-nav ol{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin:0;padding:0;list-style:none}.freiraum-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);background:var(--freiraum-surface);color:var(--freiraum-text-muted);border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.875rem;line-height:1.2}.freiraum-nav-item[data-status=current]{background:var(--freiraum-accent);border-color:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-weight:600}.freiraum-nav-item[data-status=completed]{color:var(--freiraum-text);cursor:pointer}.freiraum-nav-item[data-status=completed]:hover,.freiraum-nav-item[data-status=completed]:focus-visible{border-color:var(--freiraum-accent);outline:none}.freiraum-nav-item[data-status=upcoming],.freiraum-nav-item[data-status=locked],.freiraum-nav-item:disabled{opacity:.55;cursor:not-allowed}.freiraum-main{flex:1;display:flex;flex-direction:column;min-width:0}.freiraum-video{width:100%;max-width:36rem;aspect-ratio:16 / 9;background:var(--freiraum-surface-muted);border-radius:var(--freiraum-radius);overflow:hidden;border:1px solid var(--freiraum-border)}.freiraum-video-el{display:block;width:100%;height:100%;object-fit:contain;background:var(--freiraum-surface-muted)}.freiraum-slide{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--freiraum-surface)}.freiraum-slide-title{margin:0;padding:.85rem 1.25rem;background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-size:1.25rem;font-weight:700;line-height:1.3}.freiraum-slide-intro{padding:1rem 1.25rem .25rem;color:var(--freiraum-text);font-size:1rem;line-height:1.45}.freiraum-slide-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--freiraum-gap);padding:1rem 1.25rem;flex:1;min-height:0}.freiraum-slide-left,.freiraum-slide-right{min-width:0;display:flex;flex-direction:column}.freiraum-slide-action{display:flex;justify-content:flex-end;gap:.75rem;padding:.75rem 1.25rem 1.25rem}@media(max-width:48rem){.freiraum-slide-columns{grid-template-columns:1fr}}.freiraum-next{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--freiraum-radius);background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font:inherit;font-weight:600;padding:.65rem 1.25rem;cursor:pointer}.freiraum-next:disabled{opacity:.45;cursor:not-allowed}.freiraum-next:not(:disabled):hover,.freiraum-next:not(:disabled):focus-visible{filter:brightness(.95);outline:none}.freiraum-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#18181b73}.freiraum-confirm-dialog{width:min(28rem,100%);background:var(--freiraum-surface);border-radius:var(--freiraum-radius);border:1px solid var(--freiraum-border);padding:1.25rem;display:grid;gap:1rem}.freiraum-confirm-dialog p{margin:0;line-height:1.45}.freiraum-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.freiraum-confirm-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);color:var(--freiraum-text);font:inherit;padding:.5rem .9rem;cursor:pointer}.freiraum-confirm-actions button[data-primary=true]{border-color:var(--freiraum-accent);background:var(--freiraum-accent);color:var(--freiraum-accent-contrast);font-weight:600}.freiraum-overview{padding:1.25rem}.freiraum-overview-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.freiraum-overview-list button{width:100%;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);padding:1rem;font:inherit;cursor:pointer;display:grid;gap:.35rem}.freiraum-overview-label{font-weight:600}.freiraum-overview-desc{color:var(--freiraum-text-muted);font-size:.95rem}.freiraum-waveform,.freiraum-spectrum,.freiraum-spectrogram{display:flex;flex-direction:column;gap:.35rem;min-height:10rem;height:100%}.freiraum-waveform-svg,.freiraum-spectrum-svg{width:100%;height:12rem;display:block;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface-muted);touch-action:none;cursor:crosshair}.freiraum-waveform-bg,.freiraum-spectrum-bg{fill:var(--freiraum-surface-muted)}.freiraum-waveform-path{fill:var(--freiraum-text);fill-opacity:.55;stroke:none;pointer-events:none}.freiraum-waveform-unit{fill:var(--freiraum-accent);fill-opacity:.28;cursor:pointer}.freiraum-waveform-unit:hover{fill-opacity:.42}.freiraum-waveform-selection{fill:var(--freiraum-accent);fill-opacity:.18;stroke:var(--freiraum-accent);stroke-width:.35;pointer-events:none}.freiraum-waveform-footer{display:flex;align-items:center;gap:.75rem}.freiraum-waveform-footer .freiraum-chart-meta{flex:1;min-width:0}.freiraum-waveform-play{flex-shrink:0;font:inherit;font-size:.85rem;font-weight:600;padding:.3rem .75rem;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);color:var(--freiraum-text);cursor:pointer}.freiraum-waveform-play:hover{border-color:var(--freiraum-accent);color:var(--freiraum-accent)}.freiraum-spectrum-path{fill:none;stroke:var(--freiraum-accent);stroke-width:.45;vector-effect:non-scaling-stroke}.freiraum-spectrum-cursor{fill:var(--freiraum-text);stroke:var(--freiraum-surface);stroke-width:.3}.freiraum-chart-grid{stroke:var(--freiraum-border);stroke-width:.25;vector-effect:non-scaling-stroke}.freiraum-chart-cursor-line{stroke:var(--freiraum-text);stroke-opacity:.35;stroke-width:.35;vector-effect:non-scaling-stroke;pointer-events:none}.freiraum-chart-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.85rem;color:var(--freiraum-text-muted);min-height:1.25rem}.freiraum-chart-meta span:last-child{text-align:right}.freiraum-chart-empty{align-items:center;justify-content:center;border:1px dashed var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface-muted);color:var(--freiraum-text-muted);padding:1.25rem;text-align:center;min-height:12rem}.freiraum-chart-empty p{margin:0;max-width:22rem;line-height:1.45}.freiraum-spectrogram-frame{position:relative;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);overflow:hidden;background:var(--freiraum-surface-muted);min-height:12rem;height:12rem}.freiraum-spectrogram-canvas{display:block;width:100%;height:100%;touch-action:none}.freiraum-spectrogram-measure{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--freiraum-accent) 28%,transparent);border-left:2px solid var(--freiraum-accent);border-right:2px solid var(--freiraum-accent);pointer-events:none}.bioakustik-intro-heading{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;line-height:1.3}.bioakustik-intro-body p{margin:0 0 .85rem;line-height:1.5;color:var(--freiraum-text)}.bioakustik-intro-body p:last-child{margin-bottom:0}.bioakustik-panel{display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0}.bioakustik-panel-title{margin:0;font-size:1rem;font-weight:700;line-height:1.3}.bioakustik-axis-hint{margin:0;font-size:.85rem;color:var(--freiraum-text-muted)}.bioakustik-field{display:grid;gap:.35rem;font-size:.95rem}.bioakustik-field select{font:inherit;padding:.45rem .6rem;border:1px solid var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface);color:var(--freiraum-text)}.bioakustik-empty-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex:1;min-height:12rem;padding:1.25rem;border:1px dashed var(--freiraum-border);border-radius:var(--freiraum-radius);background:var(--freiraum-surface-muted);text-align:center}.bioakustik-hint,.bioakustik-selected{margin:0;color:var(--freiraum-text-muted);font-size:.95rem}.bioakustik-hint-secondary{margin:0;color:var(--freiraum-text-muted);font-size:.85rem;max-width:22rem;line-height:1.4}.bioakustik-error{margin:0;color:#b91c1c;font-size:.9rem}