.margot{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:200;font-family:var(--font)}.margot__fab{display:flex;align-items:center;gap:.6rem;padding:.85em 1.4em;border-radius:999px;border:1px solid var(--line);background:#121319b8;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 20px 60px #00000073;color:var(--text);font-family:var(--font-head);font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.margot__fab:hover{transform:translateY(-2px);box-shadow:0 24px 70px rgba(var(--accent-rgb),.25)}.margot__fab-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 rgba(var(--accent-rgb),.6);animation:margot-pulse 2.2s infinite}@keyframes margot-pulse{0%{box-shadow:0 0 rgba(var(--accent-rgb),.55)}70%{box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-rgb),0)}}.margot[data-state=listening] .margot__fab-dot,.margot[data-state=thinking] .margot__fab-dot{background:var(--accent-2)}.margot[data-state=booked] .margot__fab-dot{background:#6fdc8c;animation:none}.margot[data-state=unavailable] .margot__fab-dot{background:var(--muted);animation:none}.margot__panel{position:absolute;right:0;bottom:calc(100% + .75rem);width:min(360px,88vw);max-height:min(560px,70vh);display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--line);background:#0c0d11db;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 30px 90px #0000008c;overflow:hidden;transition:max-height .25s ease,width .25s ease}.margot__panel.is-cal-open{width:min(420px,92vw);max-height:min(680px,88vh)}.margot__chat{flex:1;min-height:0;display:flex;flex-direction:column}.margot__modeselect[hidden],.margot__chat[hidden],.margot__form[hidden],.margot__callbar[hidden],.margot__booked[hidden],.margot__cal-toggles[hidden],.margot__cal-panel[hidden]{display:none!important}.margot__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid var(--line)}.margot__header-id{display:flex;align-items:center;gap:.65rem}.margot__logo{width:32px;height:32px;border-radius:8px;background:#0a0a0a;flex:0 0 auto;object-fit:contain;padding:2px}.margot__eyebrow{font-family:var(--font-head);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem}.margot__title{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--text);margin:0}.margot__status{font-family:var(--font);font-weight:500;font-size:.78rem;color:var(--accent-2);margin-left:.5rem}.margot__close{background:none;border:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:.1rem .3rem}.margot__close:hover{color:var(--text)}.margot__transcript{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;min-height:120px}.margot__msg{display:flex;flex-direction:column;gap:.3rem;max-width:88%}.margot__msg--margot{align-self:flex-start;align-items:flex-start}.margot__msg--user{align-self:flex-end;align-items:flex-end}.margot__msg-label{font-family:var(--font-head);font-weight:600;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .35rem}.margot__msg--margot .margot__msg-label{color:var(--accent-2)}.margot__bubble{padding:.7em .95em;border-radius:15px;font-size:.86rem;line-height:1.55;color:#ffffffeb}.margot__msg--margot .margot__bubble{background:#ffffff0d;border:1px solid var(--line);border-top-left-radius:4px}.margot__msg--user .margot__bubble{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.32);border-top-right-radius:4px;color:var(--text)}.margot__bubble p{margin:0 0 .55em}.margot__bubble p:last-child{margin-bottom:0}.margot__bubble ul{margin:.2em 0 .55em;padding-left:1.15em}.margot__bubble ul:last-child{margin-bottom:0}.margot__bubble li{margin-bottom:.32em}.margot__bubble li:last-child{margin-bottom:0}.margot__bubble strong{font-weight:600;color:var(--accent-2)}.margot__msg--user .margot__bubble strong{color:var(--text)}.margot__suggestions{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}.margot__suggestion{text-align:left;padding:.6em .9em;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:#ffffffd9;font-family:var(--font);font-size:.82rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.margot__suggestion:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08);color:var(--accent-2)}.margot__booked{margin:0 1.25rem 1rem;padding:1.1rem;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08);text-align:center}.margot__booked-check{font-size:1.6rem;color:var(--accent);margin:0 0 .4rem}.margot__booked-text{margin:0;font-size:.85rem;color:var(--text);line-height:1.5}.margot__cal-toggles{display:flex;gap:.5rem;padding:0 1rem .75rem}.margot__cal-toggle-btn{flex:1;padding:.55em .7em;border-radius:10px;border:1px solid var(--line);background:#ffffff08;color:#ffffffd9;font-family:var(--font);font-size:.76rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.margot__cal-toggle-btn:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08);color:var(--accent-2)}.margot__cal-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.margot__cal-back{align-self:flex-start;margin:.6rem 1rem 0;background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer}.margot__cal-back:hover{color:var(--accent-2)}.margot__cal-embed{flex:1;min-height:420px;margin:.5rem .5rem 0}.margot__cal-embed iframe{border-radius:12px}.margot__form{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;border-top:1px solid var(--line)}.margot__modeselect{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.margot__intro{margin:0 0 .25rem;font-size:.88rem;color:#ffffffd9;line-height:1.5}.margot__mode-btn{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease}.margot__mode-btn:hover{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.08)}.margot__mode-icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:rgba(var(--accent-rgb),.12);color:var(--accent)}.margot__mode-btn strong{display:block;font-family:var(--font-head);font-size:.92rem}.margot__mode-btn small{display:block;color:var(--muted);font-size:.76rem;margin-top:.15rem}.margot__back{margin:0;padding:.4rem 1.25rem .9rem;text-align:center}.margot__back-btn{background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer}.margot__back-btn:hover{color:var(--accent-2)}.margot__callbar{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;border-top:1px solid var(--line)}.margot__call-toggle{width:60px;height:60px;border-radius:50%;border:1px solid var(--line);background:#ffffff0a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.margot__call-icon{width:12px;height:16px;border-radius:7px;background:var(--muted);display:block;position:relative}.margot__call-icon:after{content:"";position:absolute;left:50%;bottom:-7px;width:18px;height:9px;border:2px solid var(--muted);border-top:none;border-radius:0 0 9px 9px;transform:translate(-50%)}.margot__call-toggle.is-active{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.14);box-shadow:0 0 0 8px rgba(var(--accent-rgb),.08)}.margot__call-toggle.is-active .margot__call-icon,.margot__call-toggle.is-active .margot__call-icon:after{background:var(--accent);border-color:var(--accent)}.margot__call-hint{margin:0;font-size:.8rem;color:var(--muted)}.margot__input{flex:1;min-width:0;background:#ffffff0a;border:1px solid var(--line);border-radius:999px;padding:.6em 1em;color:var(--text);font-family:var(--font);font-size:.85rem}.margot__input:focus{outline:none;border-color:rgba(var(--accent-rgb),.5)}.margot__send{flex:0 0 auto;padding:.6em 1.1em;font-size:.82rem}@media (max-width: 560px){.margot__fab-label{display:none}.margot__fab{padding:.9em}.margot__panel{width:92vw}}
