[data-theme=dark] .mj-os,[data-theme=dark] .os-layer{--os-ink:#040509;--os-ink-2:#0a0c13;--os-panel:#0d0f16f5;--os-line:#ffffff12;--os-line-2:#ffffff21;--os-text:#f4f3ef;--os-text-2:#f4f3efa8;--os-text-3:#f4f3ef66;--os-hover:#ffffff0d;--os-active:#ffffff14;--os-scrim:#0203068c;--os-shadow:0 40px 120px -20px #000c;--os-azure:#5b8cf0;--os-mint:#8fe0c4;--os-warm:#f0b48a;--os-paper:#efece4;--os-cobalt:#6f7ff0;--os-signal:#ff6b5b;--os-spark:#f2ec9b;--os-ok:#6fd6a8;--os-warn:#f2c46b;--os-bad:#ff7a6b;--os-paper-bg:#efece4;--os-paper-ink:#0c0d12;--os-paper-edge:transparent;--os-paper-shadow:0 30px 80px -30px #000000b3}[data-theme=light] .mj-os,[data-theme=light] .os-layer{--os-ink:#f5f3ee;--os-ink-2:#ece9e1;--os-panel:#fcfbf8f7;--os-line:#0c0d1214;--os-line-2:#0c0d1224;--os-text:#0c0d12;--os-text-2:#0c0d12b3;--os-text-3:#0c0d1299;--os-hover:#0c0d120d;--os-active:#0c0d1214;--os-scrim:#14141a47;--os-shadow:0 40px 120px -30px #14141e59;--os-azure:#2f5fd0;--os-mint:#106f52;--os-warm:#c4692f;--os-paper:#6d5d3f;--os-cobalt:#3346e0;--os-signal:#b3301d;--os-spark:#9a8a12;--os-ok:#0f704d;--os-warn:#855900;--os-bad:#b0392a;--os-paper-bg:#fbf9f3;--os-paper-ink:#0c0d12;--os-paper-edge:#0c0d1214;--os-paper-shadow:0 1px 0 #0c0d1208, 0 24px 60px -32px #3c2d0f4d}.mj-os,.os-layer{--os-aurora:linear-gradient(100deg, #3346e0 0%, #5b8cf0 38%, #8fe0c4 72%, #f2ec9b 100%);--os-serif:var(--font-instrument-serif), ui-serif, Georgia, serif;--os-mono:var(--font-jetbrains), ui-monospace, monospace;--os-dock-w:68px}.mj-os{--accent:var(--os-azure);grid-template-columns:var(--os-dock-w) minmax(0, 1fr);background:var(--c-base);height:100dvh;min-height:0;color:var(--c-foreground);display:grid}.os-stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.os-dock{height:100dvh;padding:max(14px, env(safe-area-inset-top)) 0 14px;border-right:1px solid var(--os-line);background:linear-gradient(180deg, var(--os-hover), transparent 40%);flex-direction:column;align-items:center;gap:6px;display:flex}.os-mark{background:var(--os-aurora);border-radius:10px;flex:none;width:34px;height:34px;margin-bottom:10px;display:block}.os-dock-item{width:44px;height:44px;color:var(--os-text-3);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid;position:relative}.os-dock-item:hover{background:var(--os-hover);color:var(--os-text)}.os-dock-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.os-dock-item[aria-current=page]{background:var(--os-active);color:var(--os-text)}.os-dock-item[aria-current=page]:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:12px;bottom:12px;left:-12px}.os-dock-item svg{stroke-width:1.6px;width:20px;height:20px}.os-dock-capture{color:var(--os-text-2);border:1px dashed var(--os-line-2);margin-bottom:8px}.os-dock-capture:hover{border-style:solid}.os-pip{background:var(--os-mint);width:7px;height:7px;box-shadow:0 0 0 3px var(--c-base);border-radius:50%;position:absolute;top:9px;right:9px}.os-pip[data-tone=signal]{background:var(--os-signal)}.os-dock-spacer{flex:1}.os-phone-only{display:none!important}.os-dock-item[data-label]:hover:after{content:attr(data-label);white-space:nowrap;pointer-events:none;z-index:45;font:500 12px var(--font-space-grotesk), sans-serif;color:var(--os-text);background:var(--os-panel);border:1px solid var(--os-line-2);border-radius:8px;padding:5px 9px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 10px 30px -10px #00000080}.os-status{border-bottom:1px solid var(--os-line);height:34px;font-family:var(--os-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--os-text-3);padding:0 22px;padding-top:env(safe-area-inset-top);box-sizing:content-box;flex:none;align-items:center;gap:18px;font-size:10.5px;display:flex}.os-status>*{white-space:nowrap}.os-status>span{align-items:center;gap:7px;display:inline-flex}.os-status a,.os-status button{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0;text-decoration:none;display:inline-flex}.os-status a:hover,.os-status button:hover{color:var(--os-text)}.os-status [data-tone=signal]{color:var(--os-signal)}.os-status .grow{flex:1}.os-dot{background:var(--os-mint);width:6px;height:6px;box-shadow:0 0 10px var(--os-mint);border-radius:50%;flex:none;display:inline-block}.os-dot[data-tone=signal]{background:var(--os-signal);box-shadow:0 0 10px var(--os-signal)}.os-dot[data-tone=quiet]{background:var(--os-text-3);box-shadow:none}@keyframes os-pulse{50%{opacity:.35}}.os-dot[data-live]{animation:1.8s ease-in-out infinite os-pulse}.os-kbd{border:1px solid var(--os-line-2);min-width:20px;height:20px;font-family:var(--os-mono);color:var(--os-text-2);background:var(--os-hover);text-transform:none;letter-spacing:0;border-bottom-width:2px;border-radius:5px;place-items:center;padding:0 5px;font-size:10.5px;display:inline-grid}.os-stage>main{flex:1;position:relative}.os-app{overscroll-behavior-y:contain;color:var(--os-text);font-family:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;position:absolute;inset:0;overflow:clip auto}.mj-os .mj-chat-actions{display:none!important}.os-scrim{z-index:50;background:var(--os-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.os-palette{z-index:60;background:var(--os-panel);width:min(680px,100vw - 32px);max-height:76vh;color:var(--os-text);border:1px solid var(--os-line-2);box-shadow:var(--os-shadow);font-family:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;border-radius:20px;flex-direction:column;margin:0 auto;display:flex;position:fixed;top:12vh;left:0;right:0;overflow:hidden}.os-pal-in{border-bottom:1px solid var(--os-line);flex:none;align-items:center;gap:12px;padding:16px 20px;display:flex}.os-pal-in svg{width:18px;height:18px;color:var(--os-text-3);flex:none}.os-pal-in input{min-width:0;color:var(--os-text);font:400 17px var(--font-space-grotesk), sans-serif;background:0 0;border:0;outline:0;flex:1}.os-pal-in input::placeholder{color:var(--os-text-3)}.os-modes{border-bottom:1px solid var(--os-line);flex:none;gap:6px;padding:10px 14px;display:flex}.os-chip{border:1px solid var(--os-line);background:var(--os-hover);height:26px;font:400 12px var(--font-space-grotesk), sans-serif;color:var(--os-text-2);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.os-chip:hover{color:var(--os-text)}.os-chip[data-on]{border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:var(--os-text);background:color-mix(in srgb, var(--accent) 14%, transparent)}.os-chip b{color:var(--os-text);font-weight:500}.os-pal-body{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:6px;overflow-y:auto}.os-group{padding:6px 10px 4px}.os-eyebrow{font-family:var(--os-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--os-text-3);padding:8px 10px 4px;font-size:10.5px}.os-row{width:100%;color:var(--os-text-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;text-decoration:none;display:flex}.os-row[data-hi]{background:var(--os-hover);color:var(--os-text)}.os-row .ic{width:18px;height:18px;color:var(--os-text-3);flex:none;place-items:center;display:grid}.os-row .ic svg{width:16px;height:16px}.os-row .n{width:18px;color:var(--os-mint);font:500 11px var(--os-mono);text-align:center;flex:none}.os-row .t{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.os-row .m{font:11px var(--os-mono);color:var(--os-text-3);flex:none}.os-answer{padding:16px 20px 6px}.os-answer p{font-family:var(--os-serif);color:var(--os-text);margin:6px 0 12px;font-size:22px;line-height:1.32}.os-answer .note{color:var(--os-text-2);margin:6px 0 10px;font-size:13px}.os-cite{background:color-mix(in srgb, var(--os-mint) 18%, transparent);width:17px;height:17px;color:var(--os-mint);font:500 10px var(--os-mono);vertical-align:3px;cursor:pointer;border:0;border-radius:5px;place-items:center;margin-left:2px;padding:0;display:inline-grid}.os-thinking{color:var(--os-text-2);align-items:center;gap:10px;padding:18px 20px;font-size:13px;display:flex}.os-thinking .bar{background:var(--os-aurora);background-size:200% 100%;border-radius:2px;width:120px;height:2px;animation:1.2s linear infinite os-sheen}@keyframes os-sheen{to{background-position:-200% 0}}.os-empty{color:var(--os-text-3);padding:18px 20px;font-size:13px}.os-foot{border-top:1px solid var(--os-line);font:11px var(--os-mono);color:var(--os-text-3);flex:none;gap:16px;padding:10px 18px;display:flex}.os-foot .grow{flex:1}.os-cap{--accent:var(--os-mint)}.os-cap-body{padding:18px 22px 4px}.os-cap-body textarea{resize:none;width:100%;min-height:130px;max-height:46vh;color:var(--os-text);font:400 18px/1.55 var(--font-space-grotesk), sans-serif;caret-color:var(--os-mint);background:0 0;border:0;outline:0}.os-cap-body textarea::placeholder{color:var(--os-text-3)}.os-inferred{flex-wrap:wrap;gap:6px;padding:8px 22px 14px;display:flex}.os-cap-bar{border-top:1px solid var(--os-line);align-items:center;gap:8px;padding:12px 14px;display:flex}.os-cap-bar .grow{flex:1}.os-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--os-text-2);border:1px solid var(--os-line);background:var(--os-hover);border-radius:10px;flex:none;place-items:center;display:grid}.os-icon-btn:hover{color:var(--os-text)}.os-icon-btn[data-live]{color:var(--os-signal);border-color:color-mix(in srgb, var(--os-signal) 50%, transparent)}.os-icon-btn svg{width:17px;height:17px}.os-btn-light{background:var(--os-text);height:32px;color:var(--os-ink);font:500 13px var(--font-space-grotesk), sans-serif;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.os-btn-light:disabled{opacity:.45;cursor:default}.os-btn-light .os-kbd{border-color:color-mix(in srgb, var(--os-ink) 25%, transparent);color:var(--os-ink);background:0 0}.os-hint{font:11px var(--os-mono);color:var(--os-text-3);margin-left:6px}@keyframes os-rise{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}.os-rise{animation:.32s cubic-bezier(.2,.7,.2,1) both os-rise}@media (prefers-reduced-motion:reduce){.os-rise,.os-dot[data-live],.os-thinking .bar{animation:none}}@media (max-width:760px){.mj-os{grid-template-columns:minmax(0,1fr)}.os-dock{z-index:40;height:auto;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--os-line);background:color-mix(in srgb, var(--c-base) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:row;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.os-mark,.os-dock-spacer,.os-desk-only{display:none!important}.os-phone-only{display:grid!important}.os-dock-capture{margin:0}.os-dock-item[aria-current=page]:before{width:auto;height:3px;inset:auto 12px -8px}.os-dock-item[data-label]:hover:after{display:none}.os-stage{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.os-status{gap:14px;padding-left:16px;padding-right:16px}.os-palette{top:max(12px, env(safe-area-inset-top));max-height:calc(100dvh - 120px)}.os-answer p{font-size:19px}.os-foot{display:none}}
