body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--admin-green:#10b981;--guest-blue:#3b82f6;--speaking-red:#ef4444;--processing-orange:#f59e0b;--connected-green:#10b981;--disconnected-red:#ef4444;--warning-yellow:#f59e0b;--dark-bg:#1f2937;--card-bg:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-xl:24px;--text-lg:20px;--text-base:16px;--text-sm:14px;--text-xs:12px;--font-normal:400;--font-medium:500;--font-semibold:600;--button-height:48px;--button-large:60px;--input-height:44px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f2937;background-color:var(--dark-bg);color:#f9fafb;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container,body{min-height:100vh;min-height:-webkit-fill-available}.app-container{background:#1f2937;background:var(--dark-bg);padding:0;width:100%;@media (min-width:768px){border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:500px;padding-bottom:0;padding-left:24px;padding-right:24px;padding-top:0}@media (min-width:1024px){border-bottom-color:#4b5563;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#4b5563;border-left-style:solid;border-left-width:1px;border-radius:16px;border-right-color:#4b5563;border-right-style:solid;border-right-width:1px;border-top-color:#4b5563;border-top-style:solid;border-top-width:1px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:40px;margin-left:auto;margin-right:auto;margin-top:40px;max-width:420px;overflow:hidden}}.form-container{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);justify-content:center;min-height:100vh;padding:32px;padding:var(--spacing-xl)}.input-field{background:#374151;background:var(--card-bg);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#f9fafb;color:var(--text-primary);font-size:16px;font-size:var(--text-base);height:44px;height:var(--input-height);padding:0 16px;padding:0 var(--spacing-md);transition:border-color .2s ease;width:100%}.input-field:focus{border-color:#10b981;border-color:var(--admin-green);outline:none}.input-field::placeholder{color:#9ca3af;color:var(--text-secondary)}.input-field select{background:#374151;background:var(--card-bg);color:#f9fafb;color:var(--text-primary);cursor:pointer}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:16px;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--spacing-sm);height:48px;height:var(--button-height);justify-content:center;padding:0 24px;padding:0 var(--spacing-lg);touch-action:manipulation;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-admin{background-color:#10b981;background-color:var(--admin-green);color:#fff}.btn-admin:hover{background-color:#059669;transform:translateY(-1px)}.btn-admin:active{transform:scale(.95)}.btn-guest{background-color:#3b82f6;background-color:var(--guest-blue);color:#fff}.btn-guest:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-guest:active{transform:scale(.95)}.btn-record{background-color:#ef4444;background-color:var(--speaking-red);border-radius:12px;border-radius:var(--radius-lg);color:#fff;font-size:20px;font-size:var(--text-lg);height:60px;height:var(--button-large);width:100%}.btn-record.recording{animation:pulse 1s infinite}.btn-record.processing,.btn-record.recording{background-color:#f59e0b;background-color:var(--processing-orange)}.btn-record.processing{cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading{align-items:center;color:#9ca3af;color:var(--text-secondary);display:flex;gap:8px;gap:var(--spacing-sm);justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #9ca3af;border-top:2px solid #10b981;border:2px solid var(--text-secondary);border-radius:50%;border-top-color:var(--admin-green);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.session-header{align-items:center;background:#0000001a;border-bottom:1px solid #4b5563;display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.connection-status{align-items:center;display:flex;font-size:14px;font-size:var(--text-sm);gap:8px;gap:var(--spacing-sm)}.status-indicator{background-color:#10b981;background-color:var(--connected-green);border-radius:50%;height:8px;width:8px}.status-indicator.disconnected{background-color:#ef4444;background-color:var(--disconnected-red)}@media (min-width:768px){.form-container{padding:32px 64px;padding:var(--spacing-xl) calc(var(--spacing-xl)*2)}}@media (min-width:1024px){.app-container:before{background:#6b7280;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:100px;z-index:1}}
/*# sourceMappingURL=main.0d91885b.css.map*/