@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#e5e5ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#131314;--sidebar:#1e1f20;--surface:#ffffff0a;--border:#ffffff12;--text:#e5e5ea;--accent:#d4b483;background:#131314;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{min-width:300px;margin:0;overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #d4b483cc}.language-switcher{border:1px solid var(--border);background:#ffffff06;border-radius:9px;flex:none;padding:2px;display:inline-flex}.language-switcher button{color:#62626a;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:6px;width:29px;height:25px;padding:0;font-size:9px;font-weight:700;transition:color .15s,background .15s}.language-switcher button:hover{color:#c8c8ce}.language-switcher button.active{color:var(--accent);background:#d4b48324}.gate-language{z-index:2;top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));position:fixed}.gate{background:radial-gradient(circle at 50% 16%, #d4b4830e, transparent 30rem), var(--bg);place-items:center;min-height:100dvh;padding:32px 20px;display:grid;overflow-y:auto}.gate-card{border:1px solid var(--border);background:#ffffff06;border-radius:20px;width:min(100%,440px);padding:38px;box-shadow:0 24px 70px #0000003d}.gate-card.compact{width:min(100%,410px)}.brand-mark,.room-badge{width:44px;height:44px;color:var(--accent);background:linear-gradient(145deg,#d4b48326,#d4b4830b);border:1px solid #d4b48338;border-radius:14px;place-items:center;margin-bottom:24px;font-family:Georgia,serif;font-size:21px;display:grid}.room-badge{color:#aaaab2;border-color:var(--border);background:var(--surface)}.eyebrow{color:#d4b483c7;letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:700}.gate-card h1{color:#f1f1f3;letter-spacing:-.035em;margin:0;font-size:clamp(23px,5vw,29px);font-weight:600;line-height:1.18}.lead{color:#85858d;margin:13px 0 25px;font-size:14px;line-height:1.65}.gate-form{gap:9px;display:grid}.gate-form label{color:#aaaab2;font-size:11px;font-weight:500}.gate-form input{width:100%;height:47px;color:var(--text);background:#0000002e;border:1px solid #ffffff17;border-radius:11px;padding:0 14px;font-size:14px;transition:border-color .16s,background .16s}.gate-form input:hover{border-color:#ffffff24}.gate-form input:focus{background:#00000042;border-color:#d4b4836b;outline:none}.gate-form input::placeholder{color:#45454c}.primary-button{color:#151517;cursor:pointer;background:#ededf0;border:1px solid #ffffff1f;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:45px;margin-top:4px;padding:0 17px;font-size:13px;font-weight:600;transition:background .16s,transform .12s,opacity .16s;display:inline-flex}.primary-button:hover:not(:disabled){background:#fff}.primary-button:active:not(:disabled){transform:scale(.985)}button:disabled{cursor:not-allowed;opacity:.35}.privacy-note{color:#55555d;justify-content:center;align-items:center;gap:6px;margin:19px 0 0;font-size:10.5px;display:flex}.error{color:#db8585;margin:13px 0 0;font-size:12px;line-height:1.5}.text-button{color:#777780;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:15px auto 0;padding:7px;font-size:12px;display:flex}.text-button:hover{color:#d3d3d8}.room{background:var(--bg);flex-direction:column;height:100dvh;min-height:0;display:flex}.room-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#131314e6;border-bottom:1px solid #ffffff0e;flex:none}.header-inner{justify-content:space-between;align-items:center;gap:18px;width:min(100%,980px);min-height:66px;margin:0 auto;padding:10px 24px;display:flex}.character-summary{align-items:center;gap:11px;min-width:0;display:flex}.header-avatar,.message-avatar{color:#fff;background:#44403c;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;overflow:hidden}.header-avatar{border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #ffffff17}.header-avatar img,.message-avatar img{object-fit:cover;width:100%;height:100%}.bg-amber-600{background:#d97706}.bg-stone-700{background:#44403c}.bg-indigo-600{background:#4f46e5}.character-copy{gap:3px;min-width:0;display:grid}.character-copy strong{color:#dddde1;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.participant-line{color:#66666e;align-items:center;gap:6px;font-size:10.5px;display:flex}.participant-line i{background:#5cb98a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5cb98a14}.header-actions{align-items:center;gap:10px;display:flex}.encrypted-label{color:#4f4f57;align-items:center;gap:5px;font-size:10px;display:flex}.leave-button{border:1px solid var(--border);background:var(--surface);color:#777780;cursor:pointer;border-radius:10px;align-items:center;gap:7px;height:32px;padding:0 11px;font-size:11px;transition:color .15s,background .15s,border-color .15s;display:flex}.leave-button:hover{color:#c8c8ce;background:#ffffff12;border-color:#ffffff1f}.transcript{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.messages{width:min(100%,768px);min-height:100%;margin:0 auto;padding:42px 24px 28px}.message{margin:0 0 34px}.message-meta{color:#67676f;align-items:baseline;gap:8px;margin:0 4px 7px;font-size:10.5px;display:flex}.message-meta strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.message-meta time{color:#45454c;font-variant-numeric:tabular-nums;font-size:9.5px}.ai-message{align-items:flex-start;gap:18px;display:flex}.message-avatar{border-radius:12px;width:40px;height:40px;margin-top:1px;box-shadow:0 5px 16px #0003,0 0 0 1px #d4b4832e}.message-body{flex:1;min-width:0;max-width:680px}.ai-meta{color:#d4b483c7;margin-left:0}.message-body>p,.participant-body>p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-body>p{color:#dedee3;font-size:15px;line-height:1.78}.participant-message{justify-content:flex-start;display:flex}.participant-message.mine{justify-content:flex-end}.participant-body{max-width:min(72%,520px)}.participant-message.mine .message-meta{justify-content:flex-end}.participant-body>p{color:#d0d0d5;background:#ffffff09;border:1px solid #ffffff0b;border-radius:16px 16px 16px 4px;padding:11px 15px;font-size:14px;line-height:1.55}.participant-message.mine .participant-body>p{color:#e0e0e4;background:#1e1e22;border-radius:16px 16px 4px}.system-message{color:#505057;text-align:center;margin:19px 0;font-size:10.5px}.human-typing{color:#67676f;margin:0 4px 34px;font-size:13px;font-style:italic}.empty-state{color:#56565e;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:45vh;display:flex}.empty-state>span{border:1px solid var(--border);background:var(--surface);border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.empty-state p{color:#797982;margin:0 0 5px;font-size:13px;font-weight:500}.empty-state small{color:#4f4f57;max-width:330px;font-size:11px;line-height:1.5}.stream-dots{vertical-align:middle;align-items:center;gap:4px;margin-left:8px;display:inline-flex}.stream-dots i{background:#d4b48359;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite breathe}.stream-dots i:nth-child(2){animation-delay:.2s}.stream-dots i:nth-child(3){animation-delay:.4s}@keyframes breathe{50%{background:var(--accent);transform:scale(1.25)}}.composer-shell{padding:12px 24px max(20px, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 74%, #13131400);flex:none}.composer-wrap{background:#fff1;border-radius:20px;width:min(100%,768px);margin:0 auto;padding:1px}.composer{background:var(--sidebar);border-radius:19px;overflow:hidden;box-shadow:0 8px 30px #0003}.composer textarea{resize:none;width:100%;min-height:58px;max-height:160px;color:var(--text);background:0 0;border:0;outline:0;padding:16px 18px 7px;font-size:14px;line-height:1.55;display:block;overflow-y:auto}.composer textarea::placeholder{color:#46464d}.composer textarea:disabled{cursor:not-allowed;opacity:.55}.composer-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding:4px 10px 10px 14px;display:flex}.room-status{color:#55555d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;overflow:hidden}.room-status.active-lock{color:#d4b483b8}.typing-dot{background:var(--accent);vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:5px;animation:1.4s ease-in-out infinite breathe;display:inline-block}.composer-actions{align-items:center;gap:8px;display:flex}.generate-button{height:36px;color:var(--accent);cursor:pointer;background:#d4b48314;border:1px solid #d4b4832e;border-radius:11px;align-items:center;gap:6px;padding:0 11px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.generate-button:hover:not(:disabled){background:#d4b48321;border-color:#d4b48347}.send-button{color:#151517;cursor:pointer;background:#ededf0;border:1px solid #fff3;border-radius:11px;place-items:center;width:36px;height:36px;transition:background .15s,transform .12s,opacity .15s;display:grid}.send-button:hover:not(:disabled){background:#fff}.send-button:active:not(:disabled){transform:scale(.92)}.send-button:disabled{color:#ffffff2e;opacity:1;background:#ffffff0a;border-color:#ffffff0d}.closed-bar{padding:14px 24px max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--sidebar);color:#8a8a92;flex:none;justify-content:center;align-items:center;gap:16px;font-size:12px;display:flex}.closed-bar .text-button{color:var(--accent);margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=640px){.header-inner{min-height:60px;padding:9px 14px}.header-avatar{width:34px;height:34px}.encrypted-label span,.leave-button span{display:none}.encrypted-label{padding:7px}.leave-button{justify-content:center;width:34px;padding:0}.messages{padding:28px 16px 20px}.message{margin-bottom:27px}.ai-message{gap:11px}.message-avatar{border-radius:10px;width:32px;height:32px;font-size:10px}.message-body>p{font-size:14px;line-height:1.7}.participant-body{max-width:86%}.participant-body>p{padding:10px 13px;font-size:13.5px}.composer-shell{padding:9px 12px max(12px, env(safe-area-inset-bottom))}.composer textarea{padding-inline:15px}.composer-toolbar{padding-left:12px}.generate-button span{display:none}.generate-button{justify-content:center;width:36px;padding:0}}@media (width<=430px){.gate{padding:18px 14px}.gate-card{border-radius:17px;padding:27px 22px}.brand-mark,.room-badge{margin-bottom:20px}.privacy-note{font-size:9.5px}.header-inner{gap:8px}.header-actions{gap:6px}.character-copy strong{max-width:calc(100vw - 190px)}.character-copy .participant-line,.encrypted-label,.message-meta time{display:none}.empty-state{min-height:40vh}.closed-bar{flex-direction:column;gap:3px;padding-inline:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}