*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #D4AF37;--teal: #1cd4d8;--void: #050507;--glass: rgba(255,255,255,.04);--border: rgba(255,255,255,.07);--text: rgba(255,255,255,.82);--muted: rgba(255,255,255,.35);font-family:SF Pro Display,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--text)}.ariel-root{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.bg-bloom{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:background 1.2s ease}.bg-bloom[data-status=idle]{background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(212,175,55,.07) 0%,transparent 70%)}.bg-bloom[data-status=listening]{background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(28,212,216,.08) 0%,transparent 70%)}.bg-bloom[data-status=thinking]{background:radial-gradient(ellipse 70% 60% at 50% 55%,rgba(212,175,55,.1) 0%,transparent 70%)}.bg-bloom[data-status=speaking]{background:radial-gradient(ellipse 80% 70% at 50% 55%,rgba(212,175,55,.13) 0%,transparent 65%)}.ariel-header{position:relative;z-index:2;margin-top:16px;text-align:center;flex-shrink:0}.ariel-wordmark{font-size:13px;font-weight:600;letter-spacing:.5em;color:var(--gold);opacity:.85;text-transform:uppercase}.ariel-tagline{margin-top:6px;font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-feed{position:relative;z-index:2;flex:1;min-height:0;width:100%;max-width:560px;overflow-y:auto;padding:4px 24px 12px;display:flex;flex-direction:column;gap:10px}.chat-feed::-webkit-scrollbar{width:3px}.chat-feed::-webkit-scrollbar-track{background:transparent}.chat-feed::-webkit-scrollbar-thumb{background:#d4af372e;border-radius:2px}.msg-row{display:flex;width:100%;animation:fadeIn .35s ease}.msg-row.msg-user{justify-content:flex-end}.msg-row.msg-joy,.msg-row.msg-thinking{justify-content:flex-start}.msg-bubble{max-width:80%;background:#1cd4d812;border:1px solid rgba(28,212,216,.18);border-radius:18px 18px 4px;padding:9px 14px;font-size:13px;color:#1cd4d8d9;line-height:1.5}.msg-row.msg-ghost .msg-bubble{opacity:.45;border-style:dashed}.msg-joy-inner{display:flex;align-items:flex-start;gap:8px;max-width:100%}.msg-text{flex:1;font-size:14px;line-height:1.65;color:#ffffffc7;font-style:italic;white-space:pre-wrap;word-break:break-word}.msg-text.msg-live-status{font-style:normal;font-size:13px;color:var(--gold);opacity:.8;letter-spacing:.04em}.msg-copy{flex-shrink:0;margin-top:3px;background:none;border:none;cursor:pointer;color:#d4af3740;padding:3px;border-radius:4px;display:flex;align-items:center;transition:color .2s}.msg-copy:hover{color:#d4af37bf}.msg-dots{display:flex;gap:5px;padding:10px 4px;align-items:center}.msg-dots span{width:6px;height:6px;border-radius:50%;background:#d4af3780;animation:dotBounce 1.2s ease-in-out infinite}.msg-dots span:nth-child(2){animation-delay:.2s}.msg-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.orb-stage{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-bottom:4px}.orb-wrap{cursor:pointer;border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.orb-wrap:active{transform:scale(.97)}.orb-wrap.orb-idle svg{animation:breathe 4s ease-in-out infinite}.orb-wrap.orb-listening svg{animation:pulseIn 1.2s ease-in-out infinite}.orb-wrap.orb-thinking svg{animation:spin 8s linear infinite}.orb-wrap.orb-speaking svg{animation:none}@keyframes breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.04);opacity:1}}@keyframes pulseIn{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-label{font-size:11px;letter-spacing:.25em;text-transform:uppercase;transition:color .4s ease,opacity .4s ease}.status-label[data-status=idle]{color:var(--muted);opacity:.5}.status-label[data-status=listening]{color:var(--teal);opacity:1}.status-label[data-status=thinking]{color:var(--gold);opacity:1}.status-label[data-status=speaking]{color:var(--gold);opacity:.9}.text-bar{position:relative;z-index:3;width:100%;max-width:520px;padding:0 24px 32px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.text-bar-inner{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--border);border-radius:32px;padding:8px 8px 8px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s}.text-bar-inner:focus-within{border-color:#d4af374d}.text-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px;font-family:inherit}.text-input::placeholder{color:var(--muted)}.icon-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.icon-btn:hover{color:var(--text);background:#ffffff12}.icon-btn.send{background:#d4af3726;color:var(--gold);border-radius:50%;width:32px;height:32px}.icon-btn.send:hover{background:#d4af3747}.icon-btn.send:disabled{opacity:.3;cursor:default}.file-pill{display:flex;align-items:center;gap:8px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--gold)}.file-pill button{background:none;border:none;cursor:pointer;color:var(--muted);font-size:11px}.tasks-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;z-index:10}.tasks-drawer:not(.open) .tasks-list{display:none}.tasks-handle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 0 6px;background:none;border:none;cursor:pointer;position:relative}.tasks-handle-label{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#d4af3780;transition:color .2s}.tasks-handle:hover .tasks-handle-label{color:#d4af37e6}.tasks-badge{background:var(--gold);color:#000;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.tasks-list{background:#08080cf0;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:16px 24px 32px;max-height:40vh;overflow-y:auto;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tasks-heading{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:16px}.tasks-empty{font-size:13px;color:var(--muted);text-align:center;padding:16px 0}.task-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.task-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.task-text{flex:1;font-size:13px;color:var(--text)}.task-check{background:none;border:1px solid var(--border);color:var(--muted);width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.task-check:hover{border-color:var(--gold);color:var(--gold)}.approvals-stack{position:fixed;top:50%;right:24px;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:12px}.approval-card{background:#08080cf0;border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:16px 18px;max-width:280px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 40px #d4af3714;animation:slideInRight .35s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.approval-tool{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.7;margin-bottom:6px}.approval-cmd{font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--text);opacity:.85;word-break:break-all;margin-bottom:14px;line-height:1.5}.approval-actions{display:flex;gap:8px}.approval-deny,.approval-allow{flex:1;padding:7px 0;border-radius:10px;border:1px solid;font-size:12px;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:background .2s}.approval-deny{background:transparent;border-color:#ffffff1f;color:var(--muted)}.approval-deny:hover{background:#ffffff0f}.approval-allow{background:#d4af3726;border-color:#d4af3766;color:var(--gold)}.approval-allow:hover{background:#d4af3747}.ariel-error{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ff3c3c1f;border:1px solid rgba(255,60,60,.3);color:#ff7878e6;font-size:12px;padding:10px 20px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:30;animation:fadeIn .3s ease}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:2px dashed rgba(212,175,55,.4);border-radius:24px;margin:16px}.drag-inner{font-size:18px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.8}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}