@layer theme,base,vendor,components,utilities;@layer theme{:root,:host{--breakpoint-mobile: 900px;--color-bg: #f7f7f3;--color-surface: #fbfbf8;--color-surface-raised: #ffffff;--color-surface-subtle: #f1f2ed;--color-surface-hover: #eceee9;--color-surface-selected: color-mix(in srgb, #28657a 16%, #fbfbf8);--color-text: #24241f;--color-text-secondary: #62635c;--color-text-tertiary: #70716a;--color-text-disabled: #91918a;--color-border: #e1e2da;--color-border-strong: #c9c9c0;--color-separator: rgb(36 36 31 / 9%);--color-black: #24241f;--color-white: #ffffff;--color-gray-100: #f1f2ed;--color-gray-200: #eceee9;--color-gray-700: #3a3a3a;--color-gray-800: #2a2a25;--color-primary: #24241f;--color-accent: #28657a;--color-action: #28657a;--color-success: #1f6b57;--color-danger: #a8463d;--color-link: #28657a;--color-code: #7a4c68;--color-info: #28657a;--color-gray-400: #a2a29b;--color-warning: #855b1e;--color-focus-ring: color-mix(in srgb, #28657a 22%, transparent);--sunam-scrim: color-mix(in srgb, #24241f 24%, transparent);--sunam-overlay: color-mix(in srgb, #24241f 36%, transparent);--sunam-menu-overlay: color-mix(in srgb, #24241f 24%, transparent);--sunam-attachment-border: color-mix(in srgb, #ffffff 32%, transparent);--sunam-attachment-bg: color-mix(in srgb, #ffffff 12%, transparent);--sunam-shadow-user-message: none;--sunam-shadow-thinking: none;--sunam-shadow-header: 0 1px 0 color-mix(in srgb, #ffffff 48%, transparent);--sunam-shadow-mobile-bar: 0 -8px 24px color-mix(in srgb, #24241f 7%, transparent);--sunam-shadow-drag-preview: 0 12px 28px color-mix(in srgb, #24241f 14%, transparent);--sunam-shadow-action: 0 8px 18px color-mix(in srgb, #28657a 22%, transparent);--sunam-shadow-capsule-thumb: 0 1px 2px color-mix(in srgb, #24241f 10%, transparent), 0 2px 6px color-mix(in srgb, #24241f 7%, transparent);--sunam-shadow-overlay: 0 18px 48px color-mix(in srgb, #24241f 16%, transparent);--sunam-shadow-glass-button: none;--sunam-system-focus: AccentColor;--radius-large: 28px;--radius-medium: 16px;--radius-small: 12px;--radius-pill: 999px;--control-icon-size: 38px;--nav-rail-width: 60px;--nav-rail-control-size: 38px;--nav-rail-control-radius: var(--radius-small);--nav-icon-gap: 10px;--nav-rail-hover: var(--color-surface-subtle);--nav-rail-selected: var(--color-surface-selected);--list-row-gap: 10px;--list-row-padding: 10px 12px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--material-thin: var(--color-surface);--material-regular: var(--color-surface);--material-thick: var(--color-surface-raised);--material-blur: 0px;--material-blur-thick: 0px;--chat-content-max: 1040px;--xterm-bg: #000000;--xterm-fg: #ffffff;--elevation-1: none;--elevation-2: 0 8px 24px color-mix(in srgb, #24241f 8%, transparent);--elevation-3: 0 14px 36px color-mix(in srgb, #24241f 10%, transparent);--elevation-4: 0 18px 48px color-mix(in srgb, #24241f 13%, transparent);--elevation-5: 0 24px 64px color-mix(in srgb, #24241f 16%, transparent);--motion-fast: .12s;--motion-base: .22s;--motion-slow: .36s;--motion-ease: cubic-bezier(.25, 1, .5, 1);--motion-snappy: cubic-bezier(.2, .8, .2, 1);--motion-spring: cubic-bezier(.2, .8, .2, 1);--motion-sheet: cubic-bezier(.32, .72, 0, 1);--motion-exit: cubic-bezier(.4, 0, 1, 1);--motion-exit-duration: .18s}@supports (color: color-mix(in lab,red,red)){:root,:host{--color-surface-selected: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface))}}@supports (color: color-mix(in lab,red,red)){:root,:host{--color-focus-ring: color-mix(in srgb, var(--color-accent) 22%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-scrim: color-mix(in srgb, var(--color-black) 24%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-overlay: color-mix(in srgb, var(--color-black) 36%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-menu-overlay: color-mix(in srgb, var(--color-black) 24%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-attachment-border: color-mix(in srgb, var(--color-white) 32%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-attachment-bg: color-mix(in srgb, var(--color-white) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-header: 0 1px 0 color-mix(in srgb, var(--color-white) 48%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-mobile-bar: 0 -8px 24px color-mix(in srgb, var(--color-black) 7%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-drag-preview: 0 12px 28px color-mix(in srgb, var(--color-black) 14%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-action: 0 8px 18px color-mix(in srgb, var(--color-action) 22%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-capsule-thumb: 0 1px 2px color-mix(in srgb, var(--color-black) 10%, transparent), 0 2px 6px color-mix(in srgb, var(--color-black) 7%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--sunam-shadow-overlay: 0 18px 48px color-mix(in srgb, var(--color-black) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--elevation-2: 0 8px 24px color-mix(in srgb, var(--color-black) 8%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--elevation-3: 0 14px 36px color-mix(in srgb, var(--color-black) 10%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--elevation-4: 0 18px 48px color-mix(in srgb, var(--color-black) 13%, transparent)}}@supports (color: color-mix(in lab,red,red)){:root,:host{--elevation-5: 0 24px 64px color-mix(in srgb, var(--color-black) 16%, transparent)}}}@layer utilities;@layer components{.context-overlay{position:fixed;inset:0;z-index:1000;animation:sunam-overlay-in var(--motion-base) ease-out both;transition:background-color var(--motion-base) ease}.context-overlay.dimmed{background-color:var(--sunam-menu-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.context-overlay.is-exiting{pointer-events:none;animation:context-overlay-out .16s ease-in both}.context-menu,.avatar-menu{position:fixed;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--elevation-4);padding:8px;min-width:180px;z-index:1001;transform-origin:top left;animation:context-menu-in var(--motion-base) var(--motion-ease);display:flex;flex-direction:column}.context-menu-positioned{left:var(--context-menu-left);top:var(--context-menu-top)}.context-menu.is-exiting{pointer-events:none;animation:context-menu-out var(--motion-exit-duration) var(--motion-exit) both}@keyframes context-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes context-menu-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes context-overlay-out{0%{opacity:1}to{opacity:0}}.context-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--color-text);border-radius:calc(var(--radius-large) - 8px);transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,scale var(--motion-fast) var(--motion-snappy);width:100%;text-align:left;border:none;background:none;cursor:pointer}.context-item:hover{background-color:var(--color-surface-subtle)}.context-item:active:not(:disabled){background-color:var(--color-surface-hover)}.context-item:disabled{color:var(--color-text-disabled);cursor:not-allowed}.context-item:disabled:hover{background-color:transparent}.context-item.danger{color:var(--color-danger)}.context-item.danger:hover{background-color:color-mix(in srgb,#a8463d 8%,#fbfbf8)}@supports (color: color-mix(in lab,red,red)){.context-item.danger:hover{background-color:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface))}}.context-item-icon{width:16px;height:16px;flex-shrink:0}.context-divider{height:1px;background-color:var(--color-border);margin:4px 8px}@media(max-width:900px){.action-menu-overlay{background-color:var(--sunam-menu-overlay)}.context-menu{inset:auto 0 0;border:1px solid var(--color-border);border-bottom:0;border-radius:var(--radius-large) var(--radius-large) 0 0;min-width:100%;padding:18px 8px 8px;padding-bottom:max(8px,env(safe-area-inset-bottom));transform-origin:bottom center;animation:context-sheet-up var(--motion-slow) var(--motion-sheet)}.context-menu:before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,#70716a 52%,transparent);transform:translate(-50%)}@supports (color: color-mix(in lab,red,red)){.context-menu:before{background:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent)}}.context-menu.is-exiting{animation:context-sheet-down var(--motion-base) var(--motion-exit) both}@keyframes context-sheet-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes context-sheet-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.context-item{padding:14px 16px;font-size:15px}}@media(prefers-reduced-motion:reduce){.context-overlay,.context-menu{animation:sunam-fade-in .12s ease-out both!important}.context-overlay.is-exiting,.context-menu.is-exiting{animation:sunam-fade-out .12s ease-in both!important}}@media(prefers-reduced-transparency:reduce){.context-overlay.dimmed{backdrop-filter:none;-webkit-backdrop-filter:none}.context-menu,.avatar-menu{background-color:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(forced-colors:active){.context-menu,.avatar-menu{border-color:var(--color-text);background-color:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:no-preference){.motion-fade-in{animation:sunam-fade-in var(--motion-base) var(--motion-ease) both}.motion-pop-in{animation:sunam-pop-in var(--motion-base) var(--motion-spring) both}.motion-panel-in{animation:sunam-panel-in var(--motion-slow) var(--motion-sheet) both}.motion-overlay-in{animation:sunam-overlay-in var(--motion-base) ease-out both}.motion-notice-in{animation:sunam-notice-in var(--motion-slow) var(--motion-spring) both}.motion-rise-in{animation:sunam-rise-in var(--motion-base) var(--motion-spring) both}}@keyframes sunam-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sunam-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sunam-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sunam-panel-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0)}}@keyframes sunam-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sunam-notice-in{0%{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sunam-rise-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){html:focus-within,*,*:before,*:after{scroll-behavior:auto!important;transition-duration:80ms!important;transition-delay:0ms!important}.motion-fade-in,.motion-pop-in,.motion-panel-in,.motion-overlay-in,.motion-notice-in,.motion-rise-in{animation:sunam-fade-in .12s ease-out both!important}}.icon-button,.sidebar-icon-btn,.terminal-icon-btn,.fm-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-small);color:var(--color-text-secondary);transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,scale var(--motion-fast) var(--motion-snappy)}.icon-button{width:32px;height:32px;padding:0}.icon-button:hover,.sidebar-icon-btn:hover,.terminal-icon-btn:hover,.fm-toolbar-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-button:disabled,.sidebar-icon-btn:disabled,.terminal-icon-btn:disabled,.fm-toolbar-btn:disabled{opacity:.42}.icon-button-danger{color:var(--color-danger)}.icon-button-danger:hover{background:color-mix(in srgb,#a8463d 10%,transparent);color:var(--color-danger)}@supports (color: color-mix(in lab,red,red)){.icon-button-danger:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}}.list-row{display:flex;min-width:0;align-items:center;gap:var(--list-row-gap)}.scroll-region{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb,#70716a 48%,transparent) transparent;scrollbar-width:thin}@supports (color: color-mix(in lab,red,red)){.scroll-region{scrollbar-color:color-mix(in srgb,var(--color-text-tertiary) 48%,transparent) transparent}}@media(max-width:900px){.icon-button{width:44px;height:44px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:44px;line-height:normal;border-radius:var(--radius-medium);font-size:15px;font-weight:600;cursor:pointer;transition:opacity var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,scale var(--motion-fast) var(--motion-snappy);border:none}.btn-primary{background-color:var(--color-action);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,#28657a 88%,#24241f)}@supports (color: color-mix(in lab,red,red)){.btn-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-action) 88%,var(--color-black))}}.btn-primary:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.72}.btn-secondary{background-color:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-surface-subtle)}.input-field{min-height:44px;padding:12px 16px;line-height:normal;border-radius:var(--radius-medium);border:1px solid var(--color-border);outline:none;font-size:15px;background-color:var(--color-surface-raised);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--motion-ease),background-color var(--motion-fast) ease}.input-field:focus{border-color:var(--color-action);box-shadow:0 0 0 3px var(--color-focus-ring)}.input-field:disabled{opacity:.58;cursor:not-allowed}.glass-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.glass-input{border:1px solid var(--color-border);background-color:var(--color-surface-raised)}.glass-btn{border:1px solid var(--color-border)}.glass-btn:not(:disabled){background-color:var(--color-action);border:none}.glass-btn:disabled{background-color:var(--color-surface-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border)}@media(prefers-reduced-transparency:reduce){.glass-header,.glass-input,.glass-btn,.glass-btn:disabled{background-color:var(--color-surface)}}@media(forced-colors:active){.glass-header,.glass-input,.glass-btn{border-color:var(--color-text);background-color:var(--color-surface-raised)}}}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans/OpenAI%20Sans%20Regular.woff2) format("woff2");font-weight:400;font-style:normal;ascent-override:90%;descent-override:20%}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans/OpenAI%20Sans%20Regular%20Italic.woff2) format("woff2");font-weight:400;font-style:italic;ascent-override:90%;descent-override:20%}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans/OpenAI%20Sans%20Medium.woff2) format("woff2");font-weight:500;font-style:normal;ascent-override:90%;descent-override:20%}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans/OpenAI%20Sans%20Semibold.woff2) format("woff2");font-weight:600;font-style:normal;ascent-override:90%;descent-override:20%}@font-face{font-family:OpenAI Sans;src:url(/fonts/OpenAISans/OpenAI%20Sans%20Bold.woff2) format("woff2");font-weight:700;font-style:normal;ascent-override:90%;descent-override:20%}@layer theme{@media(max-width:900px){:root{--material-blur: 0px;--material-blur-thick: 0px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--material-thin: var(--color-surface);--material-regular: var(--color-surface);--material-thick: var(--color-surface-raised)}}@media(forced-colors:active){:root{--color-border: #8a8a90;--color-separator: rgb(0 0 0 / 42%)}}}@layer base{*{box-sizing:border-box;margin:0;padding:0}body{height:100dvh;overflow:hidden;background:var(--color-bg);color:var(--color-text);font:15px/1.5 var(--font-family);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{height:100%}button{border:0;background:none;cursor:pointer;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;scale:1;transition:scale var(--motion-fast) var(--motion-snappy),opacity var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease}button:active:not(:disabled){scale:.97;transition-duration:80ms}button:disabled{cursor:not-allowed}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}input,textarea:not(.xterm-helper-textarea),select{font-family:var(--font-family);font-size:16px}::selection{background:color-mix(in srgb,#28657a 22%,transparent)}@supports (color: color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}}.chat-answer,.chat-user-content,.chat-ask-user,.thinking-content,.chat-tool-arguments,.chat-tool-result-content,.task-list-scroll,.markdown-pre,.markdown-code-block,.markdown-code-fallback,.markdown-inline-code,.markdown-table,.markdown-paragraph,.markdown-list,.markdown-quote,.markdown-link{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.persistence-error{display:flex;position:absolute;top:12px;right:12px;left:12px;z-index:1200;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid color-mix(in srgb,#a8463d 35%,#e1e2da);border-radius:var(--radius-small);background:var(--material-thick);box-shadow:var(--elevation-2);color:var(--color-danger);font-size:13px}@supports (color: color-mix(in lab,red,red)){.persistence-error{border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}}@media(forced-colors:active){*:focus-visible{outline-width:3px}}}@keyframes spin{to{transform:rotate(360deg)}}@layer components{.app-container{display:flex;width:100vw;height:100dvh;overflow:hidden}.app-main{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;background:var(--color-bg)}.app-workspace{position:relative;flex:1;overflow:hidden}.app-centered-state{display:flex;height:100%;align-items:center;justify-content:center}}@layer components{.app-shell{display:flex;flex:1;height:100%;min-height:0;flex-direction:column;overflow:hidden}.app-shell .app-container,.app-shell .settings-page{height:auto;flex:1;min-height:0}}@layer components{.notes-panel{display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.notes-heading{margin:0;font-size:18px;line-height:1.3;font-weight:600;color:var(--color-text)}.notes-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.notes-stat{display:flex;flex-direction:column;gap:2px;min-height:64px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}.notes-stat dt{font-size:12px;line-height:1.2;color:var(--color-text-tertiary)}.notes-stat dd{margin:0;font-size:20px;line-height:1.2;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}}