.card{border:1px solid var(--color-border-primary);background-color:var(--color-bg-card);border-radius:18px;width:calc(100% + 2px);margin-top:.75rem;margin-left:-2px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.card:hover{border-color:var(--color-border-highlight)}.card-approval{border-color:var(--color-border-approval);box-shadow:0 0 15px #f9731626}.card-header{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border-primary);cursor:default;justify-content:space-between;align-items:center;height:2.5rem;padding:0 1rem;transition:colors .15s;display:flex}.card-header-content{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.75rem;line-height:1rem;display:flex}.card-header-title{align-items:center;gap:.375rem;display:flex}.card-header-divider{background-color:var(--color-border-primary);width:1px;height:.75rem}.status-badge{background-color:var(--color-bg-badge);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:.125rem .375rem;font-family:ui-monospace,monospace;font-size:.625rem;line-height:1rem}.status-badge-live{color:var(--color-status-warning);border-color:#f973164d}.status-badge-alert{color:var(--color-status-warning);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.card-content{background-color:var(--color-bg-main);flex-direction:column;display:flex;position:relative}@media (min-width:768px){.card-content{flex-direction:row;height:400px}}.card-viewport{background-color:#ffffff0d;width:100%;height:400px;position:relative;overflow:hidden}@media (min-width:768px){.card-viewport{flex:1;height:auto}}.card-sidebar{background-color:var(--color-bg-card);border-top:1px solid var(--color-border-primary);flex-direction:column;width:100%;height:auto;max-height:200px;padding:.75rem;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1rem;display:flex}@media (min-width:768px){.card-sidebar{border-top:0;border-left:1px solid var(--color-border-primary);width:27%;min-width:180px;height:auto;max-height:none}}.card-sidebar-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-primary);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.625rem;font-weight:600;line-height:1rem}.card-sidebar-content{flex-direction:column;flex:1;gap:.75rem;padding-top:.25rem;display:flex;overflow-y:auto}.card-placeholder{background-color:var(--color-bg-card);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.card-placeholder-bg{filter:blur(.25rem);opacity:.8;background-position:50%;background-size:cover;position:absolute;inset:0}.card-placeholder-bg-clear{filter:none}.card-placeholder-content{flex-direction:column;align-items:center;gap:1rem;max-width:80%;padding:1.5rem;display:flex;position:relative}.card-placeholder-icon{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#00000080;border:1px solid #ffffff1a;border-radius:9999px;padding:.75rem}.card-placeholder-text{text-align:center;flex-direction:column;gap:.5rem;display:flex}.card-placeholder-title{color:var(--color-text-primary);letter-spacing:.025em;font-size:1.125rem;font-weight:500;line-height:1.75rem}.card-placeholder-subtitle{color:var(--color-text-secondary);font-size:.75rem;line-height:1rem}.status-icon-offline{color:var(--color-text-secondary)}.status-icon-live{color:var(--color-status-warning)}.status-icon-loading{color:var(--color-status-warning);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.log-item{color:var(--color-text-secondary);gap:.5rem;display:flex}.log-item-active{color:var(--color-text-primary)}.log-item-done{color:var(--color-text-secondary)}.log-item-error{color:var(--color-status-error)}.log-item-icon{margin-top:.125rem}.log-item-text{word-break:break-word;flex:1;min-width:0}.log-item-text-active{color:var(--color-status-active);font-weight:500}.log-spinner{border:2px solid var(--color-status-active);border-top-color:#0000;border-radius:9999px;width:.625rem;height:.625rem;animation:1s linear infinite spin}.log-dot-pending{background-color:var(--color-border-primary);border-radius:9999px;width:.625rem;height:.625rem}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-bg-card)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.session-id{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-family:ui-monospace,monospace;font-size:.625rem;line-height:1rem;overflow:hidden}.session-id-display{flex-direction:column;align-items:center;gap:.25rem;display:flex}.session-id-label{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;line-height:1rem}.session-id-value{color:var(--color-text-primary);background-color:var(--color-bg-session-badge);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-session-badge);padding:.25rem .5rem;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1rem}.model-switcher-menu{border-radius:36px}
@keyframes apple-spring{0%{opacity:0;transform:scale(.6)}40%{opacity:1;transform:scale(1.08)}70%{transform:scale(.96)}to{opacity:1;transform:none}}.animate-apple-spring{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards apple-spring}@keyframes apple-spring-out{0%{opacity:1;transform:scale(1)}30%{transform:scale(1.02)}to{opacity:0;transform:scale(.8)}}.animate-apple-spring-out{pointer-events:none;animation:.25s cubic-bezier(.4,0,.2,1) forwards apple-spring-out}@keyframes stagger-item-in{0%{opacity:0;filter:blur(2px);transform:translate(-10px)}to{opacity:1;filter:blur();transform:translate(0)}}.animate-stagger-item{animation:.3s cubic-bezier(.2,.8,.2,1) forwards stagger-item-in}@keyframes slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up-mobile{animation:.35s cubic-bezier(.2,.8,.2,1) forwards slide-up-mobile}@keyframes slide-down-mobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.animate-slide-down-mobile{pointer-events:none;animation:.25s cubic-bezier(.4,0,.2,1) forwards slide-down-mobile}@keyframes ios-liquid-open{0%{opacity:0;filter:blur(12px);transform:scale(.7)translateY(20px)}60%{opacity:1;filter:blur();transform:scale(1.05)translateY(-2px)}80%{transform:scale(.98)translateY(0)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.animate-ios-liquid-open{animation:.5s cubic-bezier(.2,.8,.2,1) forwards ios-liquid-open}@keyframes ios-liquid-close{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(12px);transform:scale(.6)translateY(20px)}}.animate-ios-liquid-close{pointer-events:none;animation:.35s cubic-bezier(.4,0,.2,1) forwards ios-liquid-close}
:root{--ios-ease:cubic-bezier(.32,.72,0,1)}.text-expand-grid{transition:grid-template-rows .6s var(--ios-ease);will-change:grid-template-rows;grid-template-rows:0fr;min-height:0;display:grid}.text-expand-grid.expanded{grid-template-rows:1fr}.text-expand-grid-inner{transition:opacity .6s var(--ios-ease),filter .6s var(--ios-ease);opacity:0;filter:blur(8px);min-width:0;min-height:0;overflow:hidden}.text-expand-grid.expanded>.text-expand-grid-inner{opacity:1;filter:blur()}.text-expand-grid-content{overflow-wrap:break-word;word-break:break-word;min-width:0}.collapsible-content{opacity:0;filter:blur(5px);max-height:0;transition:max-height .6s var(--ios-ease),opacity .6s var(--ios-ease),filter .6s var(--ios-ease);overflow:hidden}.collapsible-content.expanded{opacity:1;filter:blur();max-height:100dvh}.collapsible-content.collapsed{opacity:0;filter:blur(5px);max-height:0}.sidebar-slide-in-from-right{transition:transform .4s var(--ios-ease)}.sidebar-slide-in-from-right.hidden{transform:translate(100%)}.sidebar-slide-in-from-right.visible{transform:translate(0)}.sidebar-slide-in-from-bottom{transition:transform .3s var(--ios-ease)}.sidebar-slide-in-from-bottom.hidden{transform:translateY(110%)}.sidebar-slide-in-from-bottom.visible{transform:translateY(0)}.sidebar-slide-in{transition:transform .4s var(--ios-ease)}.sidebar-slide-in.hidden{transform:translateY(100%)}.sidebar-slide-in.visible{transform:translateY(0)}@media (min-width:768px) and (min-aspect-ratio:4/3){.sidebar-slide-in.hidden{transform:translate(100%)translateY(0)}.sidebar-slide-in.visible{transform:translate(0)translateY(0)}}.expand-arrow{transition:transform .4s var(--ios-ease);transform:rotate(0)}.expand-arrow.expanded{transform:rotate(90deg)}.tool-call-item{transition:all .8s var(--ios-ease);transform-origin:0;pointer-events:auto}.tool-call-item.tool-active{opacity:1;transform:scale(1.02)}.tool-call-item.tool-old{opacity:.5;transform:scale(.98)}.tool-call-item.tool-normal{opacity:1;transform:scale(1)}.text-expand-grid-nested{transition:grid-template-rows .4s var(--ios-ease);will-change:grid-template-rows;grid-template-rows:0fr;display:grid}.text-expand-grid-nested.expanded{grid-template-rows:1fr}.text-expand-grid-nested-inner{min-width:0;min-height:0;overflow:hidden}.text-expand-grid-nested-content{overflow-wrap:break-word;word-break:break-word;min-width:0}.text-expand-width{transition:grid-template-columns .6s var(--ios-ease);will-change:grid-template-columns;grid-template-columns:0fr;display:grid}.text-expand-width.expanded{grid-template-columns:1fr}.text-expand-width-inner{transition:opacity .4s ease-out,filter .6s var(--ios-ease),transform .6s var(--ios-ease);opacity:0;filter:blur(12px);transform-origin:0;white-space:nowrap;min-width:0;margin-bottom:-4px;padding-bottom:4px;overflow:hidden;transform:scale(.6)}.text-expand-width.expanded>.text-expand-width-inner{opacity:1;filter:blur();transform:scale(1)}.mars-animated-text{transition:transform .6s var(--ios-ease),filter .6s var(--ios-ease);display:inline-block}.mars-animated-text.expanded{filter:blur();transform:translate(-6px)}.thinking-panel .text-expand-grid{transition:grid-template-rows .6s var(--ios-ease)}.thinking-panel .text-expand-grid.expanded{grid-template-rows:auto}.thinking-panel .text-expand-grid-inner{transition:opacity .6s var(--ios-ease),filter .6s var(--ios-ease);overflow:hidden visible}@media print{.text-expand-grid,.text-expand-grid-nested{grid-template-rows:1fr!important;transition:none!important}.text-expand-grid-inner,.text-expand-grid-nested-inner{opacity:1!important;filter:none!important;transition:none!important;overflow:visible!important}.collapsible-content{opacity:1!important;filter:none!important;max-height:none!important;transition:none!important;overflow:visible!important}}