:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-surface-2: #f1f3f4;--color-border: #e8eaed;--color-border-strong: #dadce0;--color-text: #202124;--color-text-secondary: #484c52;--color-text-tertiary: #6e7378;--color-accent: #f58220;--color-accent-hover: #d96e10;--color-accent-light: #fff3e8;--color-accent-text: #c86100;--color-danger: #d93025;--color-danger-light: #fce8e6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.page{max-width:720px;margin:0 auto;padding:32px 24px 96px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.brand img{width:28px;height:28px}.brand span{font-size:.85rem;color:var(--color-text-tertiary);letter-spacing:.02em}h1{font-size:1.5rem;font-weight:600;margin:0 0 20px;color:var(--color-text)}h2{font-size:1.05rem;font-weight:600;margin:28px 0 8px}.field{display:block;width:100%;margin-bottom:12px}input,select,textarea{width:100%;font:inherit;font-size:.95rem;padding:9px 12px;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg);color:var(--color-text)}textarea{min-height:80px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}button{font:inherit;font-size:.9rem;font-weight:500;padding:9px 16px;border:none;border-radius:8px;background:var(--color-accent);color:#fff;cursor:pointer;transition:background-color .12s}button:hover:not(:disabled){background:var(--color-accent-hover)}button:disabled{background:var(--color-surface-2);color:var(--color-text-tertiary);cursor:not-allowed}button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}button.secondary:hover:not(:disabled){background:var(--color-surface-2)}.invite-box{display:flex;gap:8px;align-items:center;margin-bottom:24px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.invite-box span{font-size:.85rem;color:var(--color-text-tertiary);white-space:nowrap}.invite-box input{flex:1;background:var(--color-bg)}.error{color:var(--color-danger);font-size:.85rem;background:var(--color-danger-light);padding:8px 12px;border-radius:8px}.messages{display:flex;flex-direction:column;gap:10px;margin:24px 0}.message{padding:10px 14px;border-radius:10px;background:var(--color-surface);border:1px solid var(--color-border);max-width:90%;font-size:.92rem;line-height:1.4}.message .sender{font-size:.75rem;color:var(--color-text-tertiary);display:block;margin-bottom:2px}.message.orchestrator{background:var(--color-accent-light);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);align-self:flex-start}.message.orchestrator .sender{color:var(--color-accent-text);font-weight:600}.composer-wrap{margin-bottom:16px}.composer{display:flex;gap:8px}.composer input{flex:1}.mention-suggestion{display:block;margin-bottom:6px;padding:6px 12px;font-size:.85rem;font-weight:500;background:var(--color-accent-light);color:var(--color-accent-text);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:8px}.mention-suggestion:hover{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-accent-light))}.actions{display:flex;gap:8px;margin-bottom:16px}.outcome{padding:16px;background:var(--color-accent-light);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);border-radius:10px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}