@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@700&display=swap);:root{--bg-main:#f5f5f7;--bg-surface:#ffffffb3;--bg-surface-hover:#ffffffe6;--glass-border:#0000000d;--glass-border-highlight:#0000001a;--accent-primary:#1d1d1f;--accent-glow:#0000001a;--success:#34c759;--warning:#ff9500;--danger:#ff3b30;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#d2d2d7;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--bg-main);background-image:radial-gradient(circle at 0 0,#fffc,#0000 50%),radial-gradient(circle at 100% 100%,#c8c8d233,#0000 50%);color:#1d1d1f;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans)}.app-container,body{height:100dvh;overflow:hidden}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:900px;padding:10px 4%}.navbar{align-items:center;animation:fadeInDown .6s cubic-bezier(.16,1,.3,1);display:flex;justify-content:space-between;padding:10px 0 15px}.navbar-brand{color:#1d1d1f;color:var(--text-primary);font-size:clamp(22px,5vw,28px);font-weight:800;letter-spacing:-1px;transition:opacity .3s ease}.navbar-brand:hover{opacity:.7}.brand-dot{color:#34c759;color:var(--success)}.navbar-status{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--bg-surface);border:1px solid #0000000d;border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 4px 12px #0000000a;display:flex;gap:10px;padding:8px 16px}.status-indicator{border-radius:50%;height:10px;width:10px}.status-connected{background:#34c759;background:var(--success);box-shadow:0 0 10px #34c75999}.status-waiting{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:#ff9500;background:var(--warning);box-shadow:0 0 10px #ff950099}.status-text{color:#1d1d1f;color:var(--text-primary);font-size:clamp(12px,3vw,14px);font-weight:600}.main-content{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding-bottom:20px}.room-card,.transmission-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffb3;background:var(--bg-surface);border:1px solid #0000000d;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0000000d;padding:clamp(20px,4vw,32px);transition:transform .4s ease,box-shadow .4s ease}.room-card{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.room-label{color:#86868b;color:var(--text-secondary);font-size:clamp(11px,2.5vw,13px);font-weight:700;letter-spacing:2px;text-transform:uppercase}.room-code{color:#1d1d1f;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:clamp(2.5rem,12vw,5rem);font-weight:800;letter-spacing:clamp(4px,3vw,16px);margin-left:clamp(4px,3vw,16px);text-shadow:0 4px 12px #0000000d}.room-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.mode-toggle{background:#0000000a;border-radius:16px;display:flex;margin-bottom:20px;padding:6px}.toggle-btn{background:#0000;border:none;border-radius:12px;color:#86868b;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:clamp(13px,3vw,15px);font-weight:600;padding:12px 8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.toggle-btn.active{background:#fff;box-shadow:0 4px 12px #00000014;color:#1d1d1f;color:var(--text-primary)}.input-section{display:flex;flex-direction:column;gap:16px}.main-textarea{background:#fffc;border:1px solid #0000001a;border:1px solid var(--glass-border-highlight);border-radius:18px;box-shadow:inset 0 2px 4px #00000005;color:#1d1d1f;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:clamp(15px,3.5vw,17px);line-height:1.6;min-height:clamp(150px,30vh,220px);padding:20px;resize:vertical;transition:all .3s ease;width:100%}.main-textarea:focus{background:#fff;border-color:#1d1d1f;border-color:var(--text-primary);box-shadow:0 0 0 4px #0000000d;outline:none}.main-textarea::placeholder{color:#d2d2d7;color:var(--text-muted);font-weight:400}.speed-controller{background:#ffffff80;border:1px solid #0000000d;border:1px solid var(--glass-border);border-radius:16px;padding:16px 20px}.speed-header{color:#86868b;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px}.speed-value{color:#1d1d1f;color:var(--text-primary);font-weight:800}.modern-slider{-webkit-appearance:none;background:#00000014;border-radius:3px;height:6px;outline:none;width:100%}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1d1d1f;background:var(--text-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:22px;-webkit-transition:transform .2s;transition:transform .2s;width:22px}.modern-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-labels{color:#86868b;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-top:10px}.btn-primary{background:#1d1d1f;background:var(--text-primary);border:none;border-radius:16px;box-shadow:0 8px 20px #00000026;color:#fff;cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:clamp(15px,3.5vw,17px);font-weight:700;padding:18px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.btn-primary:hover:not(:disabled){background:#000;box-shadow:0 12px 25px #0003;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:#0000000d;box-shadow:none;color:#d2d2d7;color:var(--text-muted);cursor:not-allowed}.btn-success{background:#34c759!important;background:var(--success)!important;box-shadow:0 8px 20px #34c7594d!important}.btn-secondary{background:#fff;border:1px solid #0000001a;border:1px solid var(--glass-border-highlight);border-radius:14px;box-shadow:0 2px 8px #00000005;color:#1d1d1f;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:clamp(13px,3vw,14px);font-weight:600;min-width:120px;padding:14px 20px;transition:all .3s ease}.btn-secondary:hover{border-color:#86868b;border-color:var(--text-secondary);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.typing-active-section{display:flex;flex-direction:column;gap:20px;text-align:center}.typing-header{color:#1d1d1f;color:var(--text-primary);font-size:clamp(18px,4.5vw,22px);font-weight:800}.progress-container{background:#0000000d;border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:#34c759;background:var(--success);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.progress-text{color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:600}.control-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-control{border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:700;min-width:90px;padding:16px;transition:all .3s ease}.btn-pause{background:#ff9500;background:var(--warning)}.btn-play{background:#34c759;background:var(--success)}.btn-stop{background:#ff3b30;background:var(--danger)}.btn-control:hover{filter:brightness(.95);transform:translateY(-2px)}.footer{padding:20px 0;text-align:center}.btn-text{background:none;border:none;color:#86868b;color:var(--text-secondary);cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:all .3s ease}.btn-text:hover{color:#1d1d1f;color:var(--text-primary);-webkit-text-decoration-color:#1d1d1f;text-decoration-color:#1d1d1f;-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;display:flex;inset:0;justify-content:center;padding:15px;position:fixed;z-index:1000}.modal-card{background:#fff;border:1px solid #0000001a;border:1px solid var(--glass-border-highlight);border-radius:28px;box-shadow:0 20px 60px #0000001a;max-width:440px;padding:clamp(24px,6vw,32px);width:100%}.modal-card h2{color:#1d1d1f;color:var(--text-primary);font-size:22px;font-weight:800;margin-bottom:20px}.modal-content{color:#86868b;color:var(--text-secondary);display:flex;flex-direction:column;font-size:15px;gap:16px;line-height:1.6;margin-bottom:24px}.modal-content strong{color:#1d1d1f;color:var(--text-primary);font-weight:700}.w-100{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:480px){.navbar{gap:10px}.navbar,.room-actions{flex-direction:row}.btn-secondary{flex-grow:1;padding:12px 10px;width:45%}.control-buttons{flex-direction:row}.btn-control{flex-grow:1;font-size:12px;padding:14px 10px;width:30%}.main-textarea{min-height:35vh}.room-card,.transmission-card{border-radius:20px;padding:16px}}
/*# sourceMappingURL=main.78a55ef5.css.map*/