@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";
:root{--bg:#f4f4f1;--surface:#ffffffb8;--surface-strong:#ffffffe6;--text:#161615;--muted:#74746f;--line:#1616151a;--orb-a:#232421;--orb-b:#676b61;--glow:#616c5b33;--danger:#9e514e;--shadow:0 28px 90px #1c1e1b24}html[data-theme=dark]{--bg:#080908;--surface:#121412b3;--surface-strong:#141614e6;--text:#f4f5f1;--muted:#92978f;--line:#ffffff1a;--orb-a:#e7eee2;--orb-b:#75816f;--glow:#b0c8a429;--danger:#d67a73;--shadow:0 32px 100px #00000085}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:DM Sans,system-ui,sans-serif}body{overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.voice-canvas{background:radial-gradient(circle at 50% 48%,var(--glow),transparent 30%),var(--bg);place-items:center;width:100vw;height:100dvh;transition:background .35s;display:grid;position:relative;overflow:hidden}.voice-canvas:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.hermes-orb{width:var(--orb-size,clamp(132px,16vw,190px));aspect-ratio:1;cursor:pointer;isolation:isolate;filter:drop-shadow(0 22px 54px var(--glow));background:0 0;border:0;border-radius:50%;outline:none;padding:0;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s;position:relative}.hermes-orb:focus-visible{outline:2px solid color-mix(in srgb,var(--orb-a),transparent 35%);outline-offset:16px}.hermes-orb:hover{transform:scale(1.025)}.hermes-orb:active{transform:scale(.975)}.orb-core{background:radial-gradient(circle at 34% 27%,#ffffffd1,transparent 13%),radial-gradient(circle at 42% 38%,var(--orb-a),var(--orb-b) 56%,#31352f 100%);border-radius:50%;animation:5.8s ease-in-out infinite orb-breathe;position:absolute;inset:12%;overflow:hidden;box-shadow:inset -16px -20px 38px #00000047,inset 12px 12px 24px #ffffff21}.orb-core:after{content:"";background:conic-gradient(from 160deg,#0000,#ffffff2e,#0000 34%);animation:12s linear infinite orb-light;position:absolute;inset:-30%}.orb-aura{border:1px solid color-mix(in srgb,var(--orb-a),transparent 76%);opacity:.25;border-radius:50%;animation:5.8s ease-in-out infinite aura-breathe;position:absolute;inset:2%}.aura-two{opacity:.11;animation-delay:-1.4s;inset:-8%}.orb-tool-ring{opacity:0;background:conic-gradient(transparent 0 58%,color-mix(in srgb,var(--orb-a),transparent 30%) 72%,transparent 86%);border-radius:50%;position:absolute;inset:-5%;-webkit-mask:radial-gradient(#0000 64%,#000 65% 68%,#0000 69%);mask:radial-gradient(#0000 64%,#000 65% 68%,#0000 69%)}.hermes-orb.listening .orb-core{animation:1.25s ease-in-out infinite orb-listen}.hermes-orb.listening .orb-aura{animation:1.25s ease-in-out infinite aura-listen}.hermes-orb.thinking .orb-core{animation:4.2s ease-in-out infinite orb-think}.hermes-orb.thinking .aura-one{animation:8s linear infinite orbit}.hermes-orb.speaking .orb-core{animation:.72s ease-in-out infinite alternate orb-speak}.hermes-orb.speaking .orb-aura{animation:.72s ease-in-out infinite alternate aura-speak}.hermes-orb.tool .orb-tool-ring{opacity:.78;animation:2.4s linear infinite tool-spin}.sandbox-mode .hermes-orb:not(.tool) .orb-tool-ring{opacity:.32;animation:8s linear infinite tool-spin}.hermes-orb.tool .orb-core{animation:1.8s ease-in-out infinite orb-tool}.hermes-orb.error{filter:drop-shadow(0 18px 50px color-mix(in srgb,var(--danger),transparent 70%))}.hermes-orb.error .orb-core{background:radial-gradient(circle at 35% 30%,#f2c4c0,#0000 12%),radial-gradient(circle at 45% 42%,#a45e58,#49312f)}.focus-mode .hermes-orb{width:clamp(140px,18vw,210px)}.overlay-layer{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000014;place-items:center;padding:clamp(18px,4vw,54px);animation:.28s cubic-bezier(.22,1,.36,1) overlay-in;display:grid;position:fixed;inset:0}.overlay-surface{border:1px solid var(--line);background:var(--surface);width:min(760px,94vw);max-height:min(78dvh,820px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(34px)saturate(130%);backdrop-filter:blur(34px)saturate(130%);transform-origin:50%;border-radius:28px;flex-direction:column;animation:.3s cubic-bezier(.22,1,.36,1) surface-in;display:flex;overflow:hidden}.overlay-image .overlay-surface{background:#0a0a0ab8;width:min(1080px,94vw)}.overlay-header{border-bottom:1px solid var(--line);letter-spacing:.01em;justify-content:space-between;align-items:center;min-height:62px;padding:0 16px 0 24px;font-size:14px;font-weight:600;display:flex}.overlay-header button{border:1px solid var(--line);background:var(--surface-strong);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .15s;display:grid}.overlay-header button:hover{background:var(--line)}.overlay-header svg{stroke:currentColor;width:18px;height:18px}.overlay-close{z-index:3;border:1px solid var(--line);background:var(--surface-strong);width:40px;height:40px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid;position:absolute;top:12px;right:12px}.overlay-close:hover{background:color-mix(in srgb,var(--danger),transparent 78%);transform:scale(1.06)}.overlay-close svg{stroke:currentColor;width:19px;height:19px}.chat-content{flex-direction:column;height:min(680px,70dvh);min-height:0;display:flex}.floating-messages{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:24px;overflow:auto}.message{max-width:82%;margin:0 0 20px}.message.user{text-align:right;margin-left:auto}.message small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;display:block}.message p{background:var(--surface-strong);white-space:pre-wrap;text-align:left;border-radius:18px;margin:0;padding:12px 15px;line-height:1.55;display:inline-block}.message.user p{background:var(--text);color:var(--bg)}.message.live{opacity:.68}.overlay-empty{color:var(--muted);text-align:center;margin:20vh auto 0}.composer{border:1px solid var(--line);background:var(--surface-strong);border-radius:22px;align-items:center;gap:10px;margin:0 18px 18px;padding:8px 8px 8px 18px;display:flex}.composer input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.composer button,.editor-content button{background:var(--text);width:38px;height:38px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.composer button:disabled,.editor-content button:disabled{opacity:.3}.composer svg{width:17px}.editor-content{flex-direction:column;gap:16px;padding:20px;display:flex}.editor-content textarea{resize:vertical;width:100%;min-height:280px;color:var(--text);background:0 0;border:0;outline:0;font-size:clamp(18px,2.2vw,28px);line-height:1.5}.editor-content button{border-radius:20px;align-self:flex-end;gap:8px;width:auto;padding:0 18px;display:flex}.editor-content button svg{width:16px}.media-content{background:#050505;place-items:center;min-height:0;margin:0;display:grid}.media-content img,.media-content video{object-fit:contain;max-width:100%;max-height:calc(78dvh - 62px);display:block}.document-content,.code-content{white-space:pre-wrap;margin:0;padding:clamp(22px,4vw,48px);line-height:1.7;overflow:auto}.document-content a{color:var(--text);text-underline-offset:4px}.code-content{background:#0000002e;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.table-content{padding:18px;overflow:auto}.table-content table{border-collapse:collapse;width:100%}.table-content th,.table-content td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 12px}.chart-content{gap:12px;padding:24px;display:grid}.chart-row{grid-template-columns:minmax(60px,120px) 1fr auto;align-items:center;gap:12px;display:grid}.chart-row i{background:var(--orb);border-radius:999px;min-width:2px;height:8px;display:block}.chart-row strong{font-variant-numeric:tabular-nums}.settings-content{gap:1px;padding:14px 20px 24px;display:grid}.settings-content label,.mute-control{border:0;border-bottom:1px solid var(--line);min-height:56px;color:var(--text);background:0 0;justify-content:space-between;align-items:center;display:flex}.settings-content select{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);border-radius:10px;padding:7px 10px}.mute-control{cursor:pointer;justify-content:flex-start;gap:10px}.mute-control svg{width:17px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes orb-breathe{0%,to{transform:scale(.985)}50%{transform:scale(1.015)}}@keyframes aura-breathe{0%,to{opacity:.12;transform:scale(.96)}50%{opacity:.3;transform:scale(1.04)}}@keyframes orb-light{to{transform:rotate(360deg)}}@keyframes orb-listen{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes aura-listen{0%,to{opacity:.16;transform:scale(.94)}50%{opacity:.42;transform:scale(1.08)}}@keyframes orb-think{0%,to{transform:translate(-2px,2px)scale(.99)}33%{transform:translate(3px,-2px)scale(1.015)}66%{transform:translate(1px,3px)scale(.98)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orb-speak{0%{transform:scale(.95)}to{transform:scale(1.055)}}@keyframes aura-speak{0%{opacity:.16;transform:scale(.94)}to{opacity:.38;transform:scale(1.09)}}@keyframes tool-spin{to{transform:rotate(360deg)}}@keyframes orb-tool{0%,to{filter:saturate(.8);transform:scale(.98)}50%{filter:saturate(1.15);transform:scale(1.025)}}@keyframes overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@keyframes surface-in{0%{opacity:0;filter:blur(14px);transform:scale(.965)translateY(8px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.activity-strip{z-index:20;border:1px solid var(--line);background:var(--surface-strong);max-width:min(560px,92vw);box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:13px;transition:opacity .25s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.activity-strip:hover{opacity:.9}.activity-dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite dot-pulse}.activity-strip.listening .activity-dot,.activity-strip.speaking .activity-dot{background:#6f9e62}.activity-strip.tool .activity-dot,.activity-strip.thinking .activity-dot{background:#c9a25e}.activity-strip.error .activity-dot{background:var(--danger)}.activity-strip-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.activity-strip-status{color:var(--muted);white-space:nowrap;flex:none;margin-left:auto}.activity-panel{z-index:21;border:1px solid var(--line);background:var(--surface);width:min(560px,92vw);max-height:min(420px,60dvh);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(30px)saturate(130%);backdrop-filter:blur(30px)saturate(130%);border-radius:22px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) surface-in;display:flex;position:fixed;bottom:74px;left:50%;overflow:hidden;transform:translate(-50%)}.activity-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;padding:0 12px 0 20px;font-size:13px;font-weight:600;display:flex}.activity-panel-header button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.activity-panel-header button:hover{background:var(--line)}.activity-panel-header svg{width:16px}.activity-panel-list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:10px 8px;overflow:auto}.activity-entry{border-radius:12px;grid-template-columns:64px 1fr;align-items:baseline;gap:12px;padding:9px 12px;font-size:13px;line-height:1.45;display:grid}.activity-entry time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.activity-entry span{color:var(--text)}.activity-success span{color:#6f9e62}.activity-warn span{color:#c9a25e}.activity-error span{color:var(--danger)}.event-trace{border:1px dashed var(--line);max-height:120px;color:var(--muted);white-space:pre-wrap;background:#0000000f;border-radius:12px;margin:0 18px 14px;padding:10px 12px;font:11px/1.6 SFMono-Regular,Consolas,monospace;overflow:auto}@keyframes dot-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:640px){.overlay-layer{align-items:end;padding:10px}.overlay-surface{border-radius:24px;width:100%;max-height:88dvh}.chat-content{height:82dvh}.message{max-width:92%}.floating-messages{padding:18px}.editor-content textarea{min-height:48dvh}.hermes-orb{width:145px}.activity-strip{width:94vw;font-size:12px;bottom:14px}.activity-panel{width:96vw;bottom:66px}.activity-entry{grid-template-columns:52px 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.eva-login{z-index:20;flex-direction:column;align-items:center;gap:10px;animation:.3s cubic-bezier(.22,1,.36,1) surface-in;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.eva-login-card{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.eva-login-card:hover{background:var(--surface);transform:translateY(-1px)}.eva-login-logo{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.eva-logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12px;text-decoration:underline}.eva-logout:hover{color:var(--text)}.eva-dropzone{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.eva-dropzone.busy{pointer-events:auto}.eva-dropzone-inner{border:2px dashed var(--accent);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);border-radius:24px;padding:36px 56px;font-size:16px;font-weight:600;animation:.25s cubic-bezier(.22,1,.36,1) surface-in}.eva-dropzone:not(.busy):after{content:"";background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;position:absolute;inset:0}.eva-session-badge{z-index:30;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:13px;animation:.3s cubic-bezier(.22,1,.36,1) surface-in;display:inline-flex;position:fixed;top:18px;right:18px}.eva-session-avatar{object-fit:cover;border-radius:50%;flex:none;width:26px;height:26px}.eva-session-avatar-fallback{background:var(--accent);color:var(--background);place-items:center;font-size:14px;font-weight:700;display:grid}.eva-session-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:600;overflow:hidden}.eva-session-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;text-decoration:underline}.eva-session-link:hover{color:var(--text)}.eva-session-confirm{align-items:center;gap:6px;display:inline-flex}@media (max-width:640px){.eva-session-badge{top:12px;right:12px}.eva-session-name{max-width:96px}}.eva-toast{z-index:45;border:1px solid var(--line);background:var(--surface-strong);max-width:min(560px,92vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;line-height:1.45;animation:.28s cubic-bezier(.22,1,.36,1) surface-in;display:flex;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.eva-toast.warn{border-color:#c9a25e99}.eva-toast.error{border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.eva-toast.success{border-color:#6f9e6299}.eva-toast-message{flex:1}.eva-toast-close{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;padding:4px;font-size:13px}.eva-toast-close:hover{color:var(--text)}@media (max-width:640px){.eva-toast{width:94vw;font-size:12.5px;bottom:120px}}