:root{--fst-navy:#12344c;--fst-accent:#087f91;--fst-line:#d5e0e7;--fst-sidebar:320px}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f8b950;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#navbar{flex:none;width:var(--fst-sidebar);overflow-y:auto;overscroll-behavior:contain;background:#14354d}.sidebar-header{background:#102b40;border-bottom:0;padding:20px 20px 14px}.sidebar-header .subtitle{color:#a8cfdf;font-size:10px}.fst-navigation{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;background:#102b40;position:sticky;top:0;z-index:2}.fst-navigation button{display:flex;align-items:center;flex-direction:column;gap:5px;min-height:64px;padding:9px 1px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dce9f0;font-size:10px;cursor:pointer}.fst-navigation button>span:first-child{font-size:23px;line-height:25px}.fst-navigation button.active{background:#e8f6f7;color:#12344c;border-color:#8dd2d8;font-weight:700}.fst-navigation button:hover{border-color:#b5d9e7}.fst-session-indicator{font-size:12px;padding:10px 16px;background:#21465e;color:#e5f4f8}.sidebar-section{padding:16px;border-color:#39566c}.sidebar-section h3{font-size:12px;color:#d0e1e9}.sidebar-section .form-control{min-height:42px}.search-status{font-size:12px}.accordion-item.search-expanded .accordion-content{display:block;max-height:none}.accordion-header{min-height:44px}.btn{min-height:42px}.bottom-actions{gap:8px}.plan-save{font-size:11px;line-height:1.5;color:#d8e9ed}.plan-save.error{color:#ffd4c4}.fst-workspace{position:fixed;left:var(--fst-sidebar);right:0;top:0;bottom:32px;z-index:1050;background:#20252b;display:flex;flex-direction:column;color:#eef4f8}.fst-workspace .fst-funkraum-heading{flex:none;padding:18px 24px;min-height:88px}.fst-funkraum-heading h1{margin:0;font-size:25px}.workspace-eyebrow{margin:0 0 5px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a9c8d8}.fst-funkraum-heading button{font:14px system-ui;padding:9px 12px;min-height:42px}#fstFunkraumFrame,#fstRadioFrame{width:100%;height:100%;min-height:0;flex:1;border:0;background:#20252b}.fst-overview{overflow:auto;padding:24px;max-width:1200px;width:100%;margin:auto}.fst-overview form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.fst-overview input{width:140px;font-size:22px;padding:8px;border-radius:6px;border:1px solid #93a9b7}.overview-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#123f50;border-radius:12px;border:1px solid #398191}.overview-invite strong{font-size:clamp(16px,2.6vw,30px)}.overview-code{font-size:clamp(40px,6vw,76px);font-weight:750;letter-spacing:.14em;margin:14px 0}.overview-invite p{margin:6px 0;color:#d7f0f3}#overviewMembers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.overview-member{padding:16px;border:1px solid #536470;border-radius:9px}.overview-member p{font-size:13px;color:#bacbd7}.overview-member.speaking{border:3px solid #38edb4;background:#123b31}.fst-overview .fine{color:#b8cbd5;line-height:1.6}body:not([data-workspace=karte]) #navbar>.sidebar-section{display:none}body:not([data-workspace=karte]) #toolPalette,body:not([data-workspace=karte]) #timerArea,body:not([data-workspace=karte]) #openclosenavbar{display:none}body:not([data-workspace=karte]) #map{visibility:hidden}body:has(#navbar.hidden) .fst-workspace{left:0}#fstWhatsNew{max-width:540px;width:calc(100% - 32px);border:1px solid #93bac8;border-radius:16px;padding:28px;color:#12344c;line-height:1.65;box-shadow:0 20px 90px #0008}#fstWhatsNew::backdrop{background:#061826ad}#fstWhatsNew h2{font-size:23px;line-height:1.3}#fstWhatsNew li{margin-bottom:12px}#fstWhatsNew .btn{width:100%}#pageFooter{z-index:1200}#openclosenavbar{min-height:44px}.message-toast{max-width:min(580px,85vw);line-height:1.5}#overviewError{padding:12px;border:1px solid #f5a385;border-radius:7px;background:#5b2a26;color:#fff0e9}@media(max-width:700px){:root{--fst-sidebar:82px}#navbar{width:82px}body[data-workspace=karte] #navbar{width:min(320px,85vw)}body[data-workspace=karte]{--fst-sidebar:min(320px,85vw)}body:not([data-workspace=karte]) .sidebar-header{padding:12px 6px}body:not([data-workspace=karte]) .sidebar-header h2{font-size:14px;text-align:center}body:not([data-workspace=karte]) .sidebar-header .subtitle,body:not([data-workspace=karte]) .fst-session-indicator{display:none}body:not([data-workspace=karte]) .fst-navigation{grid-template-columns:1fr;padding:6px}.fst-workspace .fst-funkraum-heading{padding:12px;min-height:75px;gap:10px}.fst-funkraum-heading h1{font-size:20px}.fst-funkraum-heading button{font-size:12px}.fst-overview{padding:14px}.overview-invite{padding:14px;display:block}.overview-invite button{margin-top:12px;width:100%}#overviewMembers{grid-template-columns:1fr}#pageFooter{font-size:9px}.fst-overview form label{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#fstFunkraumModal{width:auto;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}#soundscapesNav{margin:10px 12px;padding:10px;min-height:42px;border:1px solid #8cabbc;border-radius:8px;background:#21465e;color:#eff8fb;cursor:pointer}#openSoundscapes{display:none}#soundscapesDialog,#geoPointDialog{width:min(780px,94vw);max-height:90dvh;overflow:auto;padding:24px;border:1px solid #9ab3c2;border-radius:14px;color:#17394d;background:#f7fafc;box-shadow:0 18px 70px #0007}#soundscapesDialog::backdrop,#geoPointDialog::backdrop{background:#061826ad}#soundscapesDialog header{display:flex;justify-content:space-between;gap:20px;align-items:center}#soundscapesDialog section+section{margin-top:28px;padding-top:20px;border-top:1px solid #c4d4dc}#soundscapesDialog label,#geoPointDialog label{display:flex;flex-direction:column;gap:7px;font-size:14px;margin:10px 0}#soundscapesDialog select,#geoPointDialog input,#geoPointDialog textarea,#geoPointDialog select{padding:10px;border:1px solid #9eb1bf;border-radius:6px;color:#17394d;background:white;width:100%}.sound-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}.sound-grid label{position:relative;padding-right:34px}.sound-grid output{position:absolute;right:0;bottom:3px;font-size:12px}.sound-grid input{width:100%}#soundscapesDialog .sound-check{display:flex;flex-direction:row;align-items:center}#soundscapesDialog .sound-check input{width:20px;height:20px}.geo-actions{display:flex;gap:10px;flex-wrap:wrap}.geo-actions .btn{flex:1}.data-note{font-size:12px;line-height:1.6;color:#bfd2de}#soundscapesDialog .data-note,#geoPointDialog .data-note{color:#486477}#worldDataPanel{margin-top:20px;border-top:1px solid #607487;padding-top:16px}#worldDataPanel label{display:flex;align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;margin:12px 0}#worldDataPanel input[type=checkbox]{width:18px;height:18px;flex:none}#worldDataPanel .btn{width:100%;margin:6px 0}#participantSoundEffects fieldset{border:1px solid #afc4ce;border-radius:7px;margin:10px 0;padding:10px}#participantSoundEffects legend{font-weight:600;padding:0 8px}#participantSoundEffects label{display:grid;grid-template-columns:130px 1fr 35px;align-items:center}#soundscapesDialog .music-control{flex-wrap:wrap}#soundscapeStatus,#radioEffectsResult{font-size:13px;line-height:1.6}#geoPointDialog h2{margin-top:0}@media(max-width:700px){body:not([data-workspace=karte]) #soundscapesNav{font-size:9px;margin:5px;padding:8px 2px}.sound-grid{grid-template-columns:1fr}#soundscapesDialog,#geoPointDialog{padding:18px}#participantSoundEffects label{grid-template-columns:100px 1fr 30px}}
#messageToast{position:fixed;top:auto;bottom:52px;left:calc(var(--fst-sidebar) + (100vw - var(--fst-sidebar))/2);transform:translateX(-50%);width:max-content;max-width:calc(100vw - var(--fst-sidebar) - 24px);border-radius:9px;padding:12px 16px;font-size:14px;line-height:1.5;z-index:1500}#soundscapesDialog .btn-secondary,#geoPointDialog .btn-secondary{background:#254963;color:#fff;border:1px solid #315f7b}#soundscapesDialog .modal-close{color:#17394d;border:1px solid #9eb1bf;border-radius:6px;min-width:42px;min-height:42px;background:white}#soundscapesDialog .btn-primary{background:#087f91;color:#fff;border:1px solid #086e7d}body[data-workspace=karte] #openclosenavbar{left:var(--fst-sidebar)}body[data-workspace=karte]:has(#navbar.hidden) #openclosenavbar{left:0}