:root{--bg: #0d1018;--panel: rgba(18, 23, 34, .86);--panel-border: rgba(255, 255, 255, .09);--text: #e8eef8;--muted: #94a3b8;--accent: #58b6ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}input{font:inherit}.muted{color:var(--muted)}.small{font-size:12px}.join{display:grid;place-items:center;height:100%;background:radial-gradient(1200px 600px at 50% -10%,#1b2740,#0d1018 60%);padding:24px}.join-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:24px;display:grid;gap:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.join-card h1{margin:0;font-size:22px}.join-preview{position:relative;justify-self:center;padding:10px 26px;border-radius:14px;background:radial-gradient(60px 30px at 50% 92%,rgba(0,0,0,.45),transparent 70%)}.join-preview img{display:block;height:132px;image-rendering:pixelated}.join-preview .badge-dot{position:absolute;right:26px;bottom:62px;width:12px;height:8px;border:1px solid rgba(0,0,0,.6);border-radius:2px}.field{display:grid;gap:6px}.field>span{font-size:12px;color:var(--muted)}input{background:#ffffff0d;border:1px solid var(--panel-border);border-radius:10px;padding:9px 11px;color:var(--text);width:100%}input:focus{outline:2px solid rgba(88,182,255,.45);outline-offset:1px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent}.swatch.is-active{border-color:#fff}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text);border-radius:999px;padding:6px 11px;font-size:12px;white-space:nowrap}.chip:hover{background:#ffffff1f}.chip.is-active{background:#58b6ff38;border-color:#58b6ff99}.chip.emoji{padding:6px 9px;font-size:15px}.primary{background:linear-gradient(180deg,#4aa7f0,#2f7fd0);border:none;color:#fff;border-radius:10px;padding:10px 14px;font-weight:600}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text);border-radius:9px;padding:6px 10px}.ghost:hover{background:#ffffff1f}.office{position:fixed;top:0;right:0;bottom:0;left:0}.office-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;touch-action:none}.panel{position:absolute;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow:hidden}.panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--panel-border)}.scroll{overflow-y:auto;padding:8px 12px 12px}.topbar{position:absolute;top:16px;left:16px;display:flex;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;gap:10px;align-items:center}.logo{font-size:22px}.people{top:16px;right:16px;width:286px;max-height:46vh}.badge{background:#58b6ff33;border-radius:999px;padding:1px 9px;font-size:12px}.people h4{margin:10px 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.person-row{display:flex;gap:8px;align-items:center;padding:5px 0}.person-text{flex:1;min-width:0}.person-name{font-size:13px}.person-row .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.src{color:#7dd3a0}.dot{width:10px;height:10px;border-radius:50%;flex:none}.chat{left:16px;bottom:104px;width:320px;height:min(38vh,340px)}.messages{flex:1;display:flex;flex-direction:column;gap:8px}.message-name{font-weight:600;font-size:12px}.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--panel-border)}.dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:calc(100vw - 32px)}.dock-group{display:flex;gap:6px;flex-wrap:wrap}.dock-group.reactions{border-left:1px solid var(--panel-border);padding-left:10px}.dock-current{width:100%;text-align:center}.hint{position:absolute;top:18px;left:50%;transform:translate(-50%);background:#0d1018b3;border-radius:999px;padding:5px 14px;pointer-events:none}.toasts{position:absolute;bottom:104px;right:16px;display:grid;gap:8px;justify-items:end}.toast{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 12px;font-size:13px;animation:fade-in .2s ease-out}.banner{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#c84646e6;border-radius:10px;padding:8px 14px;display:flex;gap:12px;align-items:center}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a1099;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:18px;display:grid;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal header{display:flex;justify-content:space-between;align-items:center}.modal code{background:#ffffff14;border-radius:5px;padding:1px 5px;font-size:11px;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.integration-state{font-size:12px;border-radius:10px;padding:8px 10px;background:#ffffff0d}.integration-state.ok{background:#5dc88c26}.integration-state.error{background:#dc5a5a2e}@media(max-width:900px){.people,.chat{display:none}}