@tailwind base;@tailwind components;@tailwind utilities;.settings-scrollbar::-webkit-scrollbar{width:6px}.settings-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.settings-scrollbar::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}.settings-scrollbar::-webkit-scrollbar-thumb:hover{background:#3b82f680}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .3s ease-out forwards}.perspective-1000{perspective:1000px}@media(max-width:768px){html,body,#root{width:100%;height:100%;overflow:hidden}body,input,select,textarea{font-size:16px}.app-shell{width:100%;height:100dvh;overflow:hidden;position:relative}.desktop-sidebar{display:none!important}.app-main{width:100%;min-width:0}.app-header{height:3.75rem!important;padding-inline:.75rem!important}.desktop-sidebar-toggle,.desktop-header-action{display:none!important}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.header-actions{right:.75rem!important;gap:.25rem!important}.station-wordmark{left:50%!important;transform:translate(-50%)!important;gap:.5rem!important}.station-title-window{width:8.5rem!important}.station-title-window h1{font-size:1rem!important;letter-spacing:0!important}.station-wordmark .w-10{width:2.25rem!important;height:2.25rem!important}.app-workspace{padding:.75rem .75rem calc(4.75rem + env(safe-area-inset-bottom))!important;gap:0!important;overflow:hidden!important}.studio-panel{width:100%;min-width:0;border-radius:.875rem!important}.mobile-menu-backdrop,.mobile-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#020617a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-drawer{position:fixed;inset:0 auto 0 0;z-index:55;width:min(88vw,22rem);display:flex;flex-direction:column;background:#0f172afa;border-right:1px solid rgba(255,255,255,.08);box-shadow:24px 0 60px #00000059;transition:transform .22s ease;will-change:transform}.settings-rail.mobile-settings-panel{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(92vw,24rem)!important;max-width:100%;padding:.75rem;gap:.75rem;overflow-y:auto!important;opacity:1!important;transform:translate(100%);background:#0f172afa;border-left:1px solid rgba(255,255,255,.08);box-shadow:-24px 0 60px #00000059}.settings-rail.mobile-settings-panel.mobile-settings-open{transform:translate(0)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(4.25rem + env(safe-area-inset-bottom));padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));background:#0f172af5;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav__item{min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:.75rem;color:#94a3b8;font-size:.68rem;font-weight:700;line-height:1}.mobile-bottom-nav__item.is-active{color:#60a5fa;background:#2563eb29}.app-shell button,.app-shell [role=button]{min-height:44px;-webkit-tap-highlight-color:rgba(96,165,250,.18);-webkit-touch-callout:none;-webkit-user-select:none;touch-action:manipulation;user-select:none}.research-tab,.research-tab>.absolute{border-radius:.875rem!important}.research-tab-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem;padding:1rem!important}.research-tab-header>div{width:100%}.research-tab-header>div:first-child>div{max-width:100%;overflow-x:auto;padding-bottom:.125rem}.research-tab-header>div:nth-child(2){align-items:flex-start!important}.research-messages{padding:1rem!important;gap:1rem!important}.research-messages [class*=max-w-]{max-width:92%!important}.research-input{padding:.75rem!important}.live-research-panel{padding:.75rem!important;overflow-y:auto!important}.live-research-panel>div{height:auto!important;min-height:100%}.live-research-panel .grid{overflow:visible!important}.live-controls{min-height:auto!important;padding:.75rem!important;align-items:stretch!important}.live-idle-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem!important}.live-idle-controls>input,.live-idle-controls>label{grid-column:1 / -1;width:100%!important;min-width:0!important}.live-idle-controls label{justify-content:flex-start!important}.live-idle-controls label input[type=checkbox]{grid-column:auto;width:1rem!important;min-width:1rem!important}.live-idle-controls button{width:100%!important;min-width:0!important;padding-inline:.75rem!important}.live-running-controls{grid-template-columns:1fr!important;gap:.625rem!important}.live-running-controls input,.live-running-controls button{width:100%!important}.audio-preview{padding:.75rem!important}.mobile-mic-controls{display:block!important}.audio-preview>div:first-child{align-items:flex-start!important;gap:.75rem!important}.audio-preview-controls{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.5rem!important}.audio-preview-controls input[type=range]:last-child,.audio-preview-controls button[title=Mute]{display:none}.script-workspace{min-width:0}.script-line{flex-direction:column!important;gap:.25rem!important}.script-line>div:first-child{width:auto!important;margin-top:0!important;text-align:left!important}.error-toast{left:.75rem!important;right:.75rem!important;bottom:calc(5rem + env(safe-area-inset-bottom))!important;max-width:none!important;padding:.875rem 1rem!important}[role=dialog] .glass-panel{max-width:calc(100vw - 1.5rem)!important;max-height:calc(100dvh - 1.5rem)!important;border-radius:.875rem!important}}@media(min-width:769px)and (max-width:1023px){.app-workspace{padding:1rem!important;gap:1rem!important}.settings-rail{width:18rem!important}.live-running-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.live-running-controls>div:last-child{grid-column:1 / -1}}