@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0f111a;--bg-card:#161927d9;--bg-panel:#ffffff0f;--accent:#f4b86a;--accent-strong:#ff9f5a;--text-primary:#f8f3ec;--text-muted:#f8f3ecb3;--text-soft:#f8f3ec80;--border-soft:#f8f3ec1f;--shadow-soft:0 20px 60px #0f111a80}body,html{background:radial-gradient(circle at 10% 20%,#23324b,#0f111a 55%);color:#f8f3ec;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:16px;max-width:100vw}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{cursor:pointer}.App{background:linear-gradient(130deg,#0f111aeb,#131927eb);min-height:100vh;padding-top:72px;width:100%}.app-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr 280px;min-height:calc(100vh - 140px);padding:24px}.nav-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f111ae6;border-bottom:1px solid #f8f3ec1f;border-bottom:1px solid var(--border-soft);color:#f8f3ec;color:var(--text-primary);height:72px;justify-content:space-between;left:0;padding:12px 32px;position:fixed;top:0;width:100%;z-index:10}.nav-bar,.nav-bar__left{align-items:center;display:flex}.nav-bar__left{gap:12px}.nav-bar h1{font-family:Inter,sans-serif;font-size:1.4rem;letter-spacing:.03em}.avatar{align-items:center;background:#f8f3ec33;border-radius:999px;color:#f8f3ec;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;overflow:hidden}.avatar img{display:block;height:100%;object-fit:cover;width:100%}.sign-in{background-color:initial;border:none;padding:0}.sign-in img{display:block;height:36px;width:auto}.sign-out{background-color:#f4b86a;background-color:var(--accent);border:1px solid #f4b86a;border:1px solid var(--accent);border-radius:999px;color:#0f111a;color:var(--bg-dark);font-weight:600;padding:8px 14px}.welcome{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;min-height:calc(100vh - 140px);padding:32px}.welcome-card{grid-gap:20px;background:#161927d9;background:var(--bg-card);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:24px;box-shadow:0 20px 60px #0f111a80;box-shadow:var(--shadow-soft);display:grid;gap:20px;max-width:480px;padding:32px;text-align:left}.welcome-tag{color:#f4b86a;color:var(--accent);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.welcome h2{font-size:2.2rem}.welcome p{line-height:1.5}.welcome p,.welcome-disclaimer{color:#f8f3ecb3;color:var(--text-muted)}.welcome-disclaimer{background:#ffffff0a;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:16px;font-size:.95rem;padding:16px}.welcome-disclaimer a{color:#f4b86a;color:var(--accent);font-weight:600}.welcome-disclaimer--muted{color:#f8f3ec80;color:var(--text-soft);font-size:.85rem}.welcome-inline{font-weight:600}.demo-rooms{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:1.5rem 0;padding:1rem}.demo-rooms h3{color:#f8f3ec;color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.demo-rooms p{color:#f8f3ecb3;color:var(--text-muted);font-size:.9rem;margin:.5rem 0}.room-codes{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.room-code{align-items:center;background:#ffffff08;border-radius:4px;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem}.room-code strong{color:#f8f3ec;color:var(--text-primary)}.room-code code{background:#007bff1a;border-radius:3px;color:#4dabf7;font-family:Space Grotesk,monospace;font-weight:500;padding:.2rem .4rem}.room-code-note{color:#f8f3ec80!important;color:var(--text-soft)!important;font-size:.8rem!important;font-style:italic}.copy-code{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font:inherit;gap:8px;padding:0;white-space:nowrap}.copy-code code{transition:filter .15s ease,box-shadow .15s ease}.copy-code:hover code{box-shadow:0 0 0 1px #ffffff40;filter:brightness(1.12)}.copy-code__status{color:#7fd9a6;font-size:.7rem;font-weight:600;white-space:nowrap}.rooms-panel{grid-gap:20px;background:#ffffff0f;background:var(--bg-panel);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:24px;display:grid;gap:20px;height:calc(100vh - 160px);overflow:hidden;padding:24px}.rooms-panel__header h2{font-size:1.4rem;margin-bottom:6px}.rooms-panel__header p{color:#f8f3ecb3;color:var(--text-muted);font-size:.95rem}.room-create{grid-gap:12px;display:grid;gap:12px}.room-create__label{color:#f8f3ec80;color:var(--text-soft);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.room-create input[type=text]{background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:12px;color:#f8f3ec;color:var(--text-primary);padding:12px 14px}.room-create__toggle{align-items:center;color:#f8f3ecb3;color:var(--text-muted);display:flex;font-size:.9rem;gap:8px}.room-create__button{background:#ff9f5a;background:var(--accent-strong);border:1px solid #ff9f5a;border:1px solid var(--accent-strong);border-radius:12px;color:#1a1d2a;font-weight:600;padding:10px 14px}.room-code-panel{grid-gap:10px;background:#0f111a8c;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:16px;display:grid;gap:10px;padding:14px}.room-code-panel__title{color:#f8f3ec80;color:var(--text-soft);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.room-code-panel__code{align-items:center;color:#f8f3ec;color:var(--text-primary);display:flex;font-size:.95rem;gap:12px;justify-content:space-between}.room-code-panel__code code{background:#f4b86a1f;border-radius:10px;color:#f4b86a;color:var(--accent);font-family:Space Grotesk,monospace;font-weight:600;padding:6px 10px}.room-code-panel__hint{color:#f8f3ecb3;color:var(--text-muted);font-size:.85rem}.room-join{grid-gap:12px;display:grid;gap:12px}.room-join input[type=text]{background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:12px;color:#f8f3ec;color:var(--text-primary);padding:12px 14px}.room-join__button{background:#0000;border:1px solid #f4b86a;border:1px solid var(--accent);border-radius:12px;color:#f4b86a;color:var(--accent);font-weight:600;padding:10px 14px}.room-join__status{font-size:.85rem}.room-join__status--success{color:#7fd9a6}.room-join__status--error{color:#f28b82}.rooms-list-panel{grid-gap:20px;background:#ffffff0f;background:var(--bg-panel);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:24px;display:grid;gap:20px;grid-template-rows:auto auto auto 1fr;height:calc(100vh - 160px);overflow:hidden;padding:24px}.rooms-list-panel__header{grid-gap:12px;display:grid;gap:12px}.rooms-list-panel__header h2{font-size:1.4rem;margin-bottom:6px}.rooms-tabs{background:#0f111ab3;border-radius:12px;display:flex;gap:4px;padding:4px}.rooms-tab{background:#0000;border:none;border-radius:8px;color:#f8f3ecb3;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.rooms-tab:hover{background:#ffffff0d;color:#f8f3ec;color:var(--text-primary)}.rooms-tab--active,.rooms-tab--active:hover{background:#f4b86a;background:var(--accent);color:#1a1d2a}.rooms-search{display:grid}.rooms-search input[type=text]{background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:12px;color:#f8f3ec;color:var(--text-primary);font-size:.9rem;padding:12px 14px}.rooms-search input[type=text]::placeholder{color:#f8f3ec80;color:var(--text-soft)}.room-card__content{grid-gap:4px;display:grid;flex:1 1;gap:4px;text-align:left}.room-card__meta{align-items:center;color:#f8f3ec80;color:var(--text-soft);display:flex;font-size:.8rem;gap:8px}.room-card__code{background:#f4b86a1f;border-radius:6px;color:#f4b86a;color:var(--accent);font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:600;padding:2px 6px}.rooms-actions-panel{background:#ffffff0f;background:var(--bg-panel);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:24px;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 160px);overflow-y:auto;padding:24px}.rooms-actions-panel__header h2{font-size:1.4rem;margin-bottom:6px}.rooms-actions-panel__header p{color:#f8f3ecb3;color:var(--text-muted);font-size:.95rem}.rooms-list{grid-gap:12px;display:grid;gap:12px;overflow-y:auto;padding-right:4px}.room-card{align-items:flex-start;background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:16px;color:#f8f3ec;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease}.room-card--active{border-color:#f4b86a;border-color:var(--accent);box-shadow:0 0 0 1px #f4b86a66}.room-card__name{font-weight:600;margin-bottom:4px}.room-card__action{color:#f4b86a;color:var(--accent);font-size:.8rem;font-weight:600}.chat-box{background:#ffffff0f;background:var(--bg-panel);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:24px;display:flex;flex-direction:column;height:calc(100vh - 160px);padding:24px}.chat-box__header{align-items:center;border-bottom:1px solid #f8f3ec1f;border-bottom:1px solid var(--border-soft);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.chat-box__code{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.chat-box__code-label{color:#f8f3ec80;color:var(--text-soft);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.chat-box__code code{background:#f4b86a1f;border-radius:8px;color:#f4b86a;color:var(--accent);font-family:Space Grotesk,monospace;font-size:.85rem;font-weight:600;padding:4px 8px}.chat-box__header h2{font-size:1.5rem;margin-bottom:6px}.chat-box__header p{color:#f8f3ecb3;color:var(--text-muted);font-size:.95rem}.messages-wrapper{grid-gap:16px;display:grid;flex:1 1;gap:16px;overflow-y:auto;padding-right:6px}.messages-empty{color:#f8f3ec80;color:var(--text-soft);margin-top:24px;text-align:center}.chat-bubble{align-items:flex-start;background:#f4b86a33;border-radius:20px 20px 20px 6px;box-shadow:0 12px 30px #0f111a73;color:#f8f3ec;color:var(--text-primary);display:flex;gap:12px;height:-webkit-max-content;height:max-content;max-width:70%;padding:16px}.chat-bubble.right{background:#f8f3ec1a;border-radius:20px 20px 6px 20px;flex-direction:row-reverse;margin-left:auto;text-align:right}.user-name{font-weight:600;margin-bottom:4px}.user-message{line-height:1.4;word-break:break-word}.message-time{color:#f8f3ec80;color:var(--text-soft);display:block;font-size:.75rem;margin-top:6px;text-align:left}.chat-bubble.right .message-time{text-align:right}.send-message{background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:16px;display:flex;gap:12px;margin-top:16px;padding:12px}.send-message>input{background-color:#ffffff14;border:none;border-radius:12px;color:#f8f3ec;color:var(--text-primary);flex-grow:1;font-size:.95rem;height:44px;padding:10px 12px}.send-message>input::placeholder{color:#f8f3ec80;color:var(--text-soft)}.send-message>:is(input,button):focus{box-shadow:0 0 0 2px #f4b86a59;outline:none}.send-message>button{background-color:#f4b86a;background-color:var(--accent);border:1px solid #f4b86a;border:1px solid var(--accent);border-radius:12px;color:#1a1d2a;font-weight:600;height:44px;min-width:90px;padding:8px 14px}.send-message button:disabled,.send-message input:disabled{cursor:not-allowed;opacity:.5}.app-footer{border-top:1px solid #f8f3ec1f;border-top:1px solid var(--border-soft);color:#f8f3ec80;color:var(--text-soft);font-size:.85rem;padding:18px 32px 28px;text-align:center}.app-footer a{color:#f4b86a;color:var(--accent);font-weight:600}.panel-toggles{display:none}.panel-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel-close,.panel-overlay{display:none}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.chat-box{height:calc(100vh - 190px)}.panel-toggles{display:flex;gap:12px}.panel-toggle{background:#ffffff0f;background:var(--bg-panel);border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:12px;color:#f8f3ec;color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;padding:12px 14px}.rooms-actions-panel,.rooms-list-panel{background:#12141f;border-radius:0;bottom:0;height:auto;position:fixed;top:72px;transition:transform .3s ease;width:min(340px,85vw);z-index:30}.rooms-list-panel{border-right:1px solid #f8f3ec1f;border-right:1px solid var(--border-soft);left:0;transform:translateX(-100%)}.rooms-actions-panel{border-left:1px solid #f8f3ec1f;border-left:1px solid var(--border-soft);right:0;transform:translateX(100%)}.rooms-actions-panel.panel--open,.rooms-list-panel.panel--open{box-shadow:0 20px 60px #0f111a80;box-shadow:var(--shadow-soft);transform:translateX(0)}.panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090b1299;display:block;inset:72px 0 0 0;position:fixed;z-index:25}.panel-close{align-items:center;background:#0f111ab3;border:1px solid #f8f3ec1f;border:1px solid var(--border-soft);border-radius:999px;color:#f8f3ec;color:var(--text-primary);display:inline-flex;font-size:.85rem;height:32px;justify-content:center;width:32px}}
/*# sourceMappingURL=main.4bf8665f.css.map*/