:root{--fm-color-page:#f7f4ec;--fm-color-surface:#fffdf8;--fm-color-surface-strong:#fff;--fm-color-ink:#18211f;--fm-color-muted:#65716d;--fm-color-line:#ded8ca;--fm-color-teal:#17766f;--fm-color-teal-soft:#d8f0eb;--fm-color-coral:#c95f49;--fm-color-gold:#b4832e;--fm-color-gold-soft:#fff0d6;--fm-color-blue:#2f6f9f;--fm-radius-control:8px;--fm-shadow-panel:0 24px 70px #18211f1f;--fm-shadow-panel-mobile:0 16px 36px #18211f1a}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--fm-color-page);--surface:var(--fm-color-surface);--surface-strong:var(--fm-color-surface-strong);--text:var(--fm-color-ink);--muted:var(--fm-color-muted);--line:var(--fm-color-line);--teal:var(--fm-color-teal);--teal-soft:var(--fm-color-teal-soft);--coral:var(--fm-color-coral);--gold:var(--fm-color-gold);--gold-soft:var(--fm-color-gold-soft);--blue:var(--fm-color-blue);--radius-control:var(--fm-radius-control);--shadow:var(--fm-shadow-panel)}*{box-sizing:border-box}html{background:var(--bg);width:100%;min-width:320px}body{width:100%;color:var(--text);background:linear-gradient(135deg, #d8f0ebd1, transparent 34%), linear-gradient(225deg, #ffeecde6, transparent 35%), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f6f9f47}h1,h2,h3,p,span,small,strong,button,textarea,code{overflow-wrap:anywhere}.shell-page{grid-template-rows:auto minmax(0,1fr);gap:18px;width:100%;max-width:100vw;min-height:100svh;padding:18px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(1480px,100%);margin:0 auto;display:flex}.brand-lockup,.topbar-actions,.sidebar-head,.inspector-title,.machine-title,.readiness-title,.sync-line,.chat-actions,.message-meta{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-mark,.session-icon{color:var(--teal);background:var(--teal-soft);border:1px solid #17766f2e;flex:none;place-items:center;display:grid}.brand-mark{border-radius:var(--radius-control);width:44px;height:44px}.eyebrow{color:var(--coral);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:1.35rem;line-height:1.08}h2{letter-spacing:0;margin:0;font-size:1.48rem;line-height:1.12}.topbar-actions{justify-content:flex-end;gap:8px;min-width:0}.env-pill,.state-pill,.mode-chip{border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:.82rem;font-weight:800;display:inline-flex}.env-pill{color:#5b3a15;background:var(--gold-soft);border:1px solid #b4832e59}.state-pill{color:#174642;background:var(--teal-soft);border:1px solid #17766f33}.mode-chip{color:#23475f;background:#e8f2fa;border:1px solid #2f6f9f33}.icon-button{width:38px;height:38px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);place-items:center;display:grid}.app-frame{grid-template-columns:minmax(260px,315px) minmax(0,1fr) minmax(300px,350px);gap:14px;width:min(1480px,100%);min-height:0;margin:0 auto;display:grid}.sidebar,.conversation-pane,.inspector{border-radius:var(--radius-control);min-width:0;box-shadow:var(--shadow);background:#fffdf8eb;border:1px solid #ded8cae6}.sidebar,.inspector{flex-direction:column;gap:14px;padding:16px;display:flex}.sidebar-head{color:var(--teal);gap:8px;font-size:.86rem;font-weight:800}.slot-list,.state-list,.conversation-list{gap:8px;display:grid}.slot-row{min-width:0;min-height:50px;color:var(--muted);border-radius:var(--radius-control);background:#ffffffb8;border:1px solid #ded8cac7;align-items:center;gap:10px;padding:0 12px;font-size:.92rem;font-weight:700;display:flex}.conversation-row{width:100%;min-height:74px;color:var(--text);text-align:left;border-radius:var(--radius-control);background:#ffffffb8;border:1px solid #ded8cac2;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.conversation-row.selected{background:#eef7f4;border-color:#17766f47}.avatar-chip{width:38px;height:38px;color:var(--teal);background:var(--teal-soft);border-radius:var(--radius-control);border:1px solid #17766f2e;place-items:center;display:grid}.avatar-chip.locked{color:var(--coral);background:#fff0d6;border-color:#c95f493d}.conversation-main{gap:4px;min-width:0;display:grid}.conversation-title{color:var(--text);font-size:.92rem;font-weight:850}.conversation-preview{color:var(--muted);font-size:.78rem;line-height:1.35}.conversation-meta{color:var(--muted);justify-items:end;gap:6px;font-size:.72rem;font-weight:800;display:grid}.conversation-meta strong{color:#fff;background:var(--coral);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;display:grid}.conversation-pane{min-height:min(760px,100svh - 98px);display:grid;position:relative;overflow:hidden}.auth-stage{align-content:center;min-height:100%;padding:36px;display:grid;position:relative}.session-card{z-index:1;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-control);gap:0;width:min(620px,100%);margin:auto;padding:28px;display:grid;position:relative}.session-icon{border-radius:var(--radius-control);width:62px;height:62px;margin-bottom:18px}.session-copy{max-width:58ch;color:var(--muted);margin:12px 0 22px;font-size:1rem;line-height:1.58}.link-attempt{border-radius:var(--radius-control);background:#f7fbfa;border:1px solid #17766f29;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:16px;margin:0 0 18px;padding:14px;display:grid}.qr-card{border-radius:var(--radius-control);background:#fff;border:1px solid #17766f33;grid-template-columns:repeat(7,1fr);gap:5px;width:148px;height:148px;padding:12px;display:grid}.qr-card span{background:#e6eee9;border-radius:2px;display:block}.qr-card span.filled{background:#173f3a}.code-label{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.pairing-code{color:var(--text);letter-spacing:0;font-size:1.42rem;display:block}.link-attempt p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.45}.auth-actions,.machine-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.auth-actions button,.machine-actions button,.chat-actions button,.disabled-composer button,.composer button,.retry-button{color:#123d39;background:var(--teal-soft);border-radius:var(--radius-control);border:1px solid #17766f3d;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:.86rem;font-weight:850;display:inline-flex}.auth-actions button:nth-child(n+2),.machine-actions button:nth-child(n+2),.chat-actions button{color:#5b3a15;background:var(--gold-soft);border-color:#b4832e47}.disabled-composer,.composer{min-height:58px;color:var(--muted);border:1px solid var(--line);border-radius:var(--radius-control);background:#f5f2ea;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.disabled-composer span,.composer span{min-width:0;font-weight:750}.disabled-composer button,.composer.disabled button,.composer button:disabled{color:#5e6662;background:#e7e1d6;border-color:#d6cfbf}.timeline-skeleton{opacity:.32;pointer-events:none;align-content:end;gap:14px;display:grid;position:absolute;inset:28px}.bubble{border-radius:var(--radius-control);background:linear-gradient(90deg,#fff,#e9f5f2);border:1px solid #17766f1a;width:min(420px,72%);height:54px}.bubble-right{background:linear-gradient(90deg,#fff7e5,#fff);justify-self:end}.bubble.short{width:min(280px,58%)}.chat-layout{grid-template-rows:auto minmax(0,1fr) auto;min-height:100%;display:grid}.chat-header{border-bottom:1px solid var(--line);background:#ffffffd1;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.sync-line{color:var(--muted);gap:6px;margin-top:8px;font-size:.78rem;font-weight:750}.chat-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.message-timeline{align-content:end;gap:12px;min-height:0;padding:18px;display:grid;overflow:auto}.message-bubble{border-radius:var(--radius-control);background:#fff;border:1px solid #ded8cae6;gap:7px;width:min(560px,78%);padding:12px 14px;display:grid}.message-bubble.mine{background:#eaf7f4;border-color:#17766f33;justify-self:end}.message-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.76rem;font-weight:800}.message-bubble p{color:var(--text);margin:0;font-size:.96rem;line-height:1.48}.message-bubble small{color:var(--teal);justify-self:end;font-size:.72rem;font-weight:800}.composer{background:#fff;margin:0 18px 18px}.composer textarea{resize:vertical;width:100%;min-width:0;max-height:132px;color:var(--text);background:0 0;border:0;outline:0;font-size:.96rem;line-height:1.4}.composer button{flex:none}.mobile-only-state{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-control);align-content:center;width:min(620px,100% - 36px);margin:auto;padding:28px;display:grid}.mobile-only-state p{max-width:58ch;color:var(--muted);margin:12px 0 18px;font-size:1rem;line-height:1.58}.mobile-only-state code{color:#5b3a15;background:var(--gold-soft);border-radius:var(--radius-control);border:1px solid #b4832e42;width:fit-content;padding:7px 9px;font-size:.82rem;font-weight:800}.inspector-title,.machine-title{color:var(--blue);gap:8px}.inspector h2,.machine-title h2{font-size:1.02rem}.state-row{border-radius:var(--radius-control);background:#ffffffc2;border:1px solid #ded8cacc;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.state-row span{font-weight:800;display:block}.state-row small{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.35;display:block}.state-row strong{color:var(--coral);text-transform:uppercase;align-self:start;font-size:.78rem;line-height:1}.machine-panel,.readiness{border-radius:var(--radius-control);background:#eef7f4;border:1px solid #17766f2e;gap:12px;padding:14px;display:grid}.state-rail{flex-wrap:wrap;gap:6px;display:flex}.state-rail span{min-height:27px;color:var(--muted);border-radius:var(--radius-control);background:#ffffffc7;border:1px solid #ded8cad1;padding:6px 8px;font-size:.72rem;font-weight:800}.state-rail span.active{color:#fff;background:var(--teal);border-color:var(--teal)}.machine-actions{margin-bottom:0}.readiness-title{color:var(--teal);gap:8px;font-weight:850}.readiness ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.readiness li{color:#244642;align-items:center;gap:8px;font-size:.88rem;font-weight:720;display:flex}.loading-card,.error-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-control);width:min(620px,100%);min-height:min(520px,100svh - 120px);box-shadow:var(--shadow);align-content:center;margin:0 auto;padding:34px;display:grid}.loading-card{gap:22px}.loading-header,.error-header{align-items:center;gap:12px;display:flex}.loading-copy,.error-copy{max-width:52ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.loading-grid{gap:10px;margin-top:6px;display:grid}.loading-line,.loading-pill{border-radius:var(--radius-control);background:#f0ebe0;border:1px solid #ded8cac7;display:block;overflow:hidden}.loading-line{height:48px}.loading-line.short{width:min(360px,76%)}.loading-pill{width:156px;height:34px}.loading-line:after,.loading-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:44%;height:100%;animation:1.4s ease-in-out infinite shell-shimmer;display:block}.error-card{gap:18px}.error-icon{width:52px;height:52px;color:var(--coral);background:var(--gold-soft);border-radius:var(--radius-control);border:1px solid #c95f4938;flex:none;place-items:center;display:grid}.error-digest{color:var(--muted);margin:0;font-size:.78rem}@keyframes shell-shimmer{0%{transform:translate(-100%)}to{transform:translate(240%)}}@media (max-width:1180px){.app-frame{grid-template-columns:minmax(245px,310px) minmax(0,1fr)}.inspector{grid-column:1/-1}.conversation-pane{min-height:660px}}@media (max-width:820px){.shell-page{padding:12px}.topbar{flex-direction:column;align-items:flex-start;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.topbar-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);display:grid}.topbar-actions .icon-button:last-child{display:none}.env-pill,.state-pill{width:100%;min-width:0}.app-frame{grid-template-columns:minmax(0,1fr);width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.sidebar,.inspector,.conversation-pane{box-shadow:var(--fm-shadow-panel-mobile)}.conversation-pane{min-height:620px}.auth-stage{padding:16px}.session-card,.mobile-only-state{padding:20px}.link-attempt{grid-template-columns:1fr}.qr-card{width:136px;height:136px}.chat-header,.disabled-composer,.composer{flex-direction:column;align-items:stretch}.chat-actions{justify-content:flex-start}.message-bubble{width:100%}}@media (max-width:520px){.topbar,.topbar-actions,.app-frame{width:min(100vw - 24px,366px);max-width:min(100vw - 24px,366px)}.topbar,.app-frame{margin-left:0;margin-right:auto}.topbar-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.topbar-actions .icon-button{display:none}h2{font-size:1.28rem}.conversation-row{grid-template-columns:34px minmax(0,1fr)}.conversation-meta{grid-column:2;grid-auto-flow:column;justify-items:start;width:fit-content}.chat-header,.message-timeline{padding:14px}.composer{margin:0 14px 14px}}