@import "tailwindcss";:root{--color-bg: rgb(250 250 250);--color-bg-secondary: rgb(245 245 245);--color-bg-tertiary: rgb(237 237 237);--color-bg-elevated: rgb(255 255 255);--color-surface: rgb(245 245 245);--color-surface-hover: rgb(237 237 237);--color-border: rgb(226 226 226);--color-border-light: rgb(237 237 237);--color-border-focus: rgb(200 200 200);--color-text: rgb(23 23 23);--color-text-bright: rgb(0 0 0);--color-text-muted: rgb(75 75 75);--color-text-dim: rgb(115 115 115);--color-primary: #10B981;--color-primary-hover: #059669;--color-primary-dark: #047857;--color-primary-light: #34D399;--color-primary-muted: #10B98133;--color-primary-glow: #10B98166;--color-status-error: #EF4444;--color-status-warning: #F59E0B;--color-status-success: #10B981;--color-status-info: #3B82F6}@theme{--color-bg: var(--color-bg);--color-bg-secondary: var(--color-bg-secondary);--color-bg-tertiary: var(--color-bg-tertiary);--color-bg-elevated: var(--color-bg-elevated);--color-surface: var(--color-surface);--color-surface-hover: var(--color-surface-hover);--color-border: var(--color-border);--color-border-light: var(--color-border-light);--color-border-focus: var(--color-border-focus);--color-text: var(--color-text);--color-text-bright: var(--color-text-bright);--color-text-muted: var(--color-text-muted);--color-text-dim: var(--color-text-dim);--color-primary: var(--color-primary);--color-primary-hover: var(--color-primary-hover);--color-primary-dark: var(--color-primary-dark);--color-primary-light: var(--color-primary-light);--color-primary-muted: var(--color-primary-muted);--color-primary-glow: var(--color-primary-glow);--color-accent-primary: var(--color-primary);--color-accent-green: var(--color-status-success);--color-accent-red: var(--color-status-error);--color-status-error: var(--color-status-error);--color-status-warning: var(--color-status-warning);--color-status-success: var(--color-status-success);--color-status-info: var(--color-status-info);--shadow-glow: 0 0 20px rgb(16 185 129 / 0.4);--shadow-glow-sm: 0 0 10px rgb(16 185 129 / 0.3);--shadow-glow-lg: 0 0 30px rgb(16 185 129 / 0.5);--shadow-glow-intense: 0 0 40px rgb(16 185 129 / 0.6);--shadow-glow-error: 0 0 20px rgb(239 68 68 / 0.4);--shadow-glow-error-sm: 0 0 10px rgb(239 68 68 / 0.3);--shadow-glow-error-lg: 0 0 30px rgb(239 68 68 / 0.5);--shadow-glow-warning: 0 0 20px rgb(245 158 11 / 0.4);--shadow-glow-warning-sm: 0 0 10px rgb(245 158 11 / 0.3);--shadow-glow-warning-lg: 0 0 30px rgb(245 158 11 / 0.5);--shadow-card: 0 1px 3px rgb(0 0 0 / 0.3), 0 1px 2px rgb(0 0 0 / 0.4);--shadow-card-hover: 0 4px 6px rgb(0 0 0 / 0.3), 0 2px 4px rgb(0 0 0 / 0.4);--shadow-elevated: 0 10px 15px -3px rgb(0 0 0 / 0.3), 0 4px 6px -2px rgb(0 0 0 / 0.2);--animate-pulse-primary: pulsePrimary 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-slide-in-right: slideInRight 0.3s ease-out;--animate-slide-in-bottom: slideInBottom 0.3s ease-out;--animate-fade-in: fadeIn 0.2s ease-out;--animate-scale-in: scaleIn 0.2s ease-out}@keyframes pulsePrimary{0%,100%{opacity:1}50%{opacity:.7}}@keyframes keyboard-button-pulse{0%,70%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.4), 0 0 8px rgba(var(--color-primary), 0.3)}35%{transform:scale(1.05);box-shadow:0 6px 16px rgba(0, 0, 0, 0.5), 0 0 12px rgba(var(--color-primary), 0.5);backdrop-filter:blur(16px) saturate(2);-webkit-backdrop-filter:blur(16px) saturate(2)}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes scaleIn{0%{transform:scale(0.95);opacity:0}100%{transform:scale(1);opacity:1}}:root{--vt-breakpoint-mobile: 768px;--vt-breakpoint-tablet: 1024px;--vt-breakpoint-desktop: 1280px;--vt-sidebar-default-width: 420px;--vt-sidebar-min-width: 240px;--vt-sidebar-max-width: 600px;--vt-sidebar-mobile-right-margin: 80px;--vt-transition-sidebar: 200ms;--vt-transition-mobile-slide: 200ms;--vt-transition-resize-handle: 200ms;--vt-z-mobile-overlay: 20;--vt-z-sidebar-mobile: 30;--vt-z-session-exited-overlay: 25;--vt-terminal-min-height: 200px;--vt-terminal-default-visible-rows: 24;--vt-terminal-resize-debounce: 100ms}[data-theme="dark"]{--color-bg: rgb(23 23 23);--color-bg-secondary: rgb(32 32 32);--color-bg-tertiary: rgb(40 40 40);--color-bg-elevated: rgb(48 48 48);--color-surface: rgb(36 36 36);--color-surface-hover: rgb(52 52 52);--color-border: rgb(64 64 64);--color-border-light: rgb(72 72 72);--color-border-focus: rgb(80 80 80);--color-text: rgb(228 228 228);--color-text-bright: rgb(255 255 255);--color-text-muted: rgb(163 163 163);--color-text-dim: rgb(115 115 115)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--color-bg: rgb(23 23 23);--color-bg-secondary: rgb(32 32 32);--color-bg-tertiary: rgb(40 40 40);--color-bg-elevated: rgb(48 48 48);--color-surface: rgb(36 36 36);--color-surface-hover: rgb(52 52 52);--color-border: rgb(64 64 64);--color-border-light: rgb(72 72 72);--color-border-focus: rgb(80 80 80);--color-text: rgb(228 228 228);--color-text-bright: rgb(255 255 255);--color-text-muted: rgb(163 163 163);--color-text-dim: rgb(115 115 115)}}@layer base{html{@apply bg-bg text-text;height:100%;height:var(--app-height, 100%);overflow:hidden;overscroll-behavior:none}body{@apply bg-bg text-text;transition:background-color 0.3s ease, color 0.3s ease;height:100%;height:var(--app-height, 100%);overflow:hidden;width:100%}input[type="checkbox"]{@apply w-4 h-4 rounded border border-border bg-bg cursor-pointer;@apply transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply checked:bg-primary checked:border-primary;appearance:none;-webkit-appearance:none;position:relative}input[type="checkbox"]:checked::before{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:12px;font-weight:bold}select{@apply w-full rounded border border-border bg-bg cursor-pointer;@apply transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply hover:border-primary/50;@apply px-3 py-2 pr-8;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}[data-theme="dark"] select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}textarea{@apply w-full rounded border border-border bg-bg;@apply transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply hover:border-primary/50 focus:border-primary;@apply px-3 py-2;resize:vertical;min-height:80px}input[type="radio"]{@apply w-4 h-4 border border-border bg-bg cursor-pointer;@apply transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;appearance:none;border-radius:50%;position:relative}input[type="radio"]:checked{@apply bg-primary border-primary;}input[type="radio"]:checked::before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);background-color:white}input[type="file"]{@apply w-full rounded border border-border bg-bg cursor-pointer;@apply transition-all duration-200;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply hover:border-primary/50;@apply px-3 py-2;@apply text-sm text-text;}input[type="file"]::file-selector-button{@apply mr-3 px-3 py-1 rounded bg-primary text-bg;@apply hover:bg-primary-hover;@apply cursor-pointer transition-colors duration-200;border:none;font-weight:500}input[type="range"]{@apply w-full h-2 bg-bg-tertiary rounded-lg appearance-none cursor-pointer;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;}input[type="range"]::-webkit-slider-thumb{@apply appearance-none w-4 h-4 rounded-full bg-primary cursor-pointer;@apply hover:bg-primary-hover transition-colors duration-200;@apply shadow-sm hover:shadow-md;}input[type="range"]::-moz-range-thumb{@apply appearance-none w-4 h-4 rounded-full bg-primary cursor-pointer;@apply hover:bg-primary-hover transition-colors duration-200;@apply shadow-sm hover:shadow-md;border:none}:focus{outline:none;box-shadow:0 0 0 2px rgb(var(--color-primary) / 0.3)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}}@layer components{.terminal-icon{@apply text-primary;filter:drop-shadow(0 0 10px rgb(var(--color-primary) / 0.6))}.input-field{@apply bg-bg-secondary border border-border rounded-lg px-4 py-3 text-text w-full;@apply transition-all duration-200 ease-in-out;@apply hover:border-primary/50 focus:border-primary;@apply focus:shadow-glow-sm focus:outline-none;@apply text-left placeholder:text-text-muted;}.btn{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;}.btn-sm{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-3 py-1 .5 text-sm;}.btn-md{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-4 py-2;}.btn-lg{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-6 py-3 text-lg;}.btn-primary{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-4 py-2 bg-primary text-bg;@apply hover:bg-primary-hover hover:shadow-glow;@apply active:scale-95;}.btn-secondary{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-4 py-2 border border-primary text-primary;@apply hover:bg-primary/10 hover:border-primary-hover hover:shadow-glow-sm;@apply active:scale-95;}.btn-ghost{@apply font-medium rounded-lg transition-all duration-200 ease-in-out;@apply focus:outline-none focus:ring-2 focus:ring-primary/50;@apply disabled:opacity-50 disabled:cursor-not-allowed;@apply px-4 py-2 text-text-muted;@apply hover:text-text hover:bg-bg-tertiary;}.card{@apply bg-bg-secondary border border-border rounded-lg p-0;@apply transition-all duration-300 ease-out shadow-sm;@apply hover:border-border-light hover:shadow-lg hover:-translate-y-1;position:relative;overflow:hidden;z-index:1;box-sizing:border-box;min-width:0;width:100%}.card:hover{z-index:10}.card::before{content:'';position:absolute;inset:-2px;background:radial-gradient(circle at 50% 50%, transparent 60%, rgb(var(--color-primary) / 0.1) 100%);opacity:0;transition:opacity 0.3s ease-out;pointer-events:none;z-index:-1}.card:hover::before{opacity:1}.card-elevated{@apply bg-bg-elevated rounded-xl p-6 shadow-card;@apply hover:shadow-elevated hover:bg-surface-hover;@apply transition-all duration-200;}.status-badge{@apply inline-flex items-center px-2 .5 py-0 .5 rounded-full text-xs font-medium;}.status-badge-success{@apply bg-status-success/20 text-status-success;}.status-badge-warning{@apply bg-status-warning/20 text-status-warning;}.status-badge-error{@apply bg-status-error/20 text-status-error;}.status-badge-info{@apply bg-status-info/20 text-status-info;}.quick-start-btn{@apply bg-bg-tertiary border border-border rounded-lg px-4 py-3 h-12;@apply transition-all duration-200 ease-in-out text-text-muted;@apply hover:border-primary hover:text-primary hover:shadow-glow-sm;@apply active:scale-95;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.quick-start-btn.active{@apply bg-primary text-bg border-primary shadow-glow-sm;}.modal-backdrop{@apply fixed inset-0 bg-bg/80;z-index:1000;transition:none!important;animation:none!important}.modal-content{@apply bg-bg-secondary border border-border rounded-xl;@apply shadow-2xl;position:relative;z-index:1001;transition:none!important;animation:none!important}.modal-positioned{@apply fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;@apply max-h-[calc(100vh-2rem)];@apply overflow-y-auto;z-index:1001}.form-label{@apply text-text-muted text-sm font-medium mb-2 flex items-center gap-2;}.session-flex-responsive{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));grid-auto-rows:400px;gap:1.5rem;padding:0.5rem 0.75rem;transition:grid-template-columns 0.3s ease-out}body.in-session-view .session-flex-responsive{transition:none!important}.session-flex-responsive>*{height:100%;overflow:visible}@media (max-width: 768px){.session-flex-responsive{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));grid-auto-rows:380px;gap:1rem;padding:0.5rem}}@media (max-width: 540px){.session-flex-responsive{grid-template-columns:minmax(0, 1fr);grid-auto-rows:auto;gap:0.875rem;padding:0 1rem;width:100%;box-sizing:border-box}.session-flex-responsive>*{width:100%;max-width:100%;box-sizing:border-box;min-height:280px;max-height:400px;aspect-ratio:4/3}}@media (max-width: 420px){.session-flex-responsive{padding:0 0.75rem;gap:0.75rem}.session-flex-responsive>*{min-height:260px;max-height:360px}}@media (max-width: 380px){.session-flex-responsive{padding:0 0.625rem;gap:0.625rem}.session-flex-responsive>*{min-height:240px;max-height:320px;aspect-ratio:16/11}}.auth-container{@apply bg-gradient-to-br from-bg to-bg-secondary flex items-center justify-center p-4;min-height:100vh;min-height:100dvh}@media (max-width: 768px){.auth-container{@apply py-6;min-height:100vh;min-height:100dvh;overflow:hidden}}.auth-header{@apply text-center mb-2;}.auth-title{@apply text-3xl font-mono font-bold text-text-bright;font-family:'JetBrains Mono', monospace;letter-spacing:-0.02em}.auth-subtitle{@apply text-text-muted font-mono text-xs;}.auth-form{@apply bg-bg-elevated border border-border rounded-xl shadow-card p-0 w-full;}.auth-divider{@apply relative text-center text-text-muted font-mono text-sm;}.auth-divider::before{@apply absolute top-1/2 left-0 w-full h-px bg-border;content:'';transform:translateY(-50%)}.auth-divider span{@apply bg-bg-secondary px-4;}.ssh-key-item{@apply bg-bg border-0 rounded-lg p-6;@apply transition-all duration-200 ease-in-out;}.badge{@apply px-2 py-1 rounded text-xs font-mono font-semibold;}.badge-rsa{@apply bg-status-info text-bg-elevated;}.badge-ed25519{@apply bg-primary text-bg-elevated;}}.width-selector-container{@apply backdrop-blur-sm;}.width-selector-button{position:relative}@layer utilities{.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.interactive{@apply transition-all duration-200 ease-out;}.interactive-fast{@apply transition-all duration-150 ease-out;}.interactive-slow{@apply transition-all duration-300 ease-out;}.hover-lift{@apply transition-transform duration-200 ease-out;}.hover-lift:hover{@apply -translate-y-0 .5 shadow-elevated;}.hover-glow:hover{@apply shadow-glow;}.hover-glow-sm:hover{@apply shadow-glow-sm;}.hover-glow-lg:hover{@apply shadow-glow-lg;}.focus-within-glow:focus-within{@apply shadow-glow-sm ring-2 ring-primary/50;}.transition-colors-all{@apply transition-colors duration-200 ease-out;}.active-scale:active{@apply scale-95;}.pulse-slow{animation:pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.slide-in-from-right{animation:slideInFromRight 0.3s ease-out}.slide-in-from-bottom{animation:slideInFromBottom 0.3s ease-out}.animate-slide-in-right{animation:slideInFromRight 0.3s ease-out}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromBottom{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@font-face{font-family:'Fira Code';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/FiraCode-VF.woff2') format('woff2-variations'),
    url('/fonts/FiraCode-VF.ttf') format('truetype-variations');font-variation-settings:'wght' 400}@font-face{font-family:'Hack Nerd Font Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/HackNerdFontMono-Regular.ttf') format('truetype')}@font-face{font-family:'Hack Nerd Font Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/HackNerdFontMono-Bold.ttf') format('truetype')}.font-mono{font-family:'Hack Nerd Font Mono', 'Fira Code', ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
    'Liberation Mono', Menlo, monospace!important}:root{--app-height: 100dvh}html{overscroll-behavior:none;overflow:hidden;width:100%;height:var(--app-height);min-height:var(--app-height);margin:0;padding:0}body{overscroll-behavior:none;-webkit-overflow-scrolling:auto;overflow:hidden;width:100%;height:100%;margin:0;padding:0}.session-view-grid{}.terminal-area{isolation:isolate;touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay-container{isolation:isolate}.overlay-container button,.overlay-container [role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none;overscroll-behavior-x:none}html[data-keyboard-visible="true"],body[data-keyboard-visible="true"]{background-color:rgb(var(--color-bg-secondary))}@supports (-webkit-touch-callout: none){.h-screen{height:100vh;height:-webkit-fill-available}.ios-split-view{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:auto}.ios-split-view>*{-webkit-overflow-scrolling:touch}}.xterm{touch-action:pan-y;overscroll-behavior:none}.xterm .xterm-viewport{touch-action:pan-y;overscroll-behavior-y:none;overscroll-behavior-x:none}.xterm .xterm-rows span{touch-action:pan-y}.xterm .xterm-screen{touch-action:pan-y}.session-preview .xterm .xterm-rows span{pointer-events:none;touch-action:pan-y}#terminal-container{touch-action:pinch-zoom;overscroll-behavior:none}.terminal-scroll-container.selecting-text{touch-action:none;overflow:hidden}.session-card{overscroll-behavior:none;box-sizing:border-box;max-width:100%;min-width:0}.session-card *{box-sizing:border-box;min-width:0;max-width:100%}.session-card .terminal-preview,.session-card .session-preview{width:100%;max-width:100%;overflow:hidden}@media (max-width: 540px){.session-card{width:100%!important;max-width:100%!important;overflow:hidden}.session-card .card-content,.session-card .terminal-container{width:100%;max-width:100%;overflow:hidden}}body.sessions-showing .session-flex-responsive>session-card{animation:sessionFlow 0.2s ease-out backwards}body.in-session-view .session-flex-responsive>session-card,body.in-session-view .space-y-2>div{animation:none!important;animation-delay:0s!important}body.in-session-view button{transition:none!important}body.in-session-view .transition-all,body.in-session-view .transition-colors,body.in-session-view .transition-opacity,body.in-session-view .transition-transform{transition:none!important}body.in-session-view .modal-backdrop{animation:none!important}body.sessions-showing .session-flex-responsive>session-card:nth-child(1){animation-delay:0s}body.sessions-showing .session-flex-responsive>session-card:nth-child(2){animation-delay:0.025s}body.sessions-showing .session-flex-responsive>session-card:nth-child(3){animation-delay:0.05s}body.sessions-showing .session-flex-responsive>session-card:nth-child(4){animation-delay:0.075s}body.sessions-showing .session-flex-responsive>session-card:nth-child(5){animation-delay:0.1s}body.sessions-showing .session-flex-responsive>session-card:nth-child(6){animation-delay:0.125s}body.sessions-showing .session-flex-responsive>session-card:nth-child(7){animation-delay:0.15s}body.sessions-showing .session-flex-responsive>session-card:nth-child(8){animation-delay:0.175s}body.sessions-showing .session-flex-responsive>session-card:nth-child(n+9){animation-delay:0.2s}body.sessions-showing .space-y-2>div{animation:sessionFlow 0.2s ease-out backwards}body.sessions-showing .space-y-2>div:nth-child(1){animation-delay:0s}body.sessions-showing .space-y-2>div:nth-child(2){animation-delay:0.025s}body.sessions-showing .space-y-2>div:nth-child(3){animation-delay:0.05s}body.sessions-showing .space-y-2>div:nth-child(4){animation-delay:0.075s}body.sessions-showing .space-y-2>div:nth-child(5){animation-delay:0.1s}body.sessions-showing .space-y-2>div:nth-child(6){animation-delay:0.125s}body.sessions-showing .space-y-2>div:nth-child(7){animation-delay:0.15s}body.sessions-showing .space-y-2>div:nth-child(8){animation-delay:0.175s}body.sessions-showing .space-y-2>div:nth-child(n+9){animation-delay:0.2s}body.sessions-hiding .session-flex-responsive>session-card{animation:sessionHide 0.2s ease-in forwards}body.sessions-hiding .session-flex-responsive>session-card:nth-child(1){animation-delay:0s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(2){animation-delay:0.025s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(3){animation-delay:0.05s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(4){animation-delay:0.075s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(5){animation-delay:0.1s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(6){animation-delay:0.125s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(7){animation-delay:0.15s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(8){animation-delay:0.175s}body.sessions-hiding .session-flex-responsive>session-card:nth-child(n+9){animation-delay:0.2s}body.sessions-hiding .space-y-2>div{animation:sessionHide 0.2s ease-in forwards}body.sessions-hiding .space-y-2>div:nth-child(1){animation-delay:0s}body.sessions-hiding .space-y-2>div:nth-child(2){animation-delay:0.025s}body.sessions-hiding .space-y-2>div:nth-child(3){animation-delay:0.05s}body.sessions-hiding .space-y-2>div:nth-child(4){animation-delay:0.075s}body.sessions-hiding .space-y-2>div:nth-child(5){animation-delay:0.1s}body.sessions-hiding .space-y-2>div:nth-child(6){animation-delay:0.125s}body.sessions-hiding .space-y-2>div:nth-child(7){animation-delay:0.15s}body.sessions-hiding .space-y-2>div:nth-child(8){animation-delay:0.175s}body.sessions-hiding .space-y-2>div:nth-child(n+9){animation-delay:0.2s}@keyframes sessionFlow{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sessionHide{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(0.95)}}@keyframes initialLoad{from{opacity:0}to{opacity:1}}body.initial-session-load .session-flex-responsive>session-card{animation:initialLoad 0.4s ease-out backwards}body.initial-session-load .session-flex-responsive>session-card:nth-child(1){animation-delay:0s}body.initial-session-load .session-flex-responsive>session-card:nth-child(2){animation-delay:0.05s}body.initial-session-load .session-flex-responsive>session-card:nth-child(3){animation-delay:0.1s}body.initial-session-load .session-flex-responsive>session-card:nth-child(4){animation-delay:0.15s}body.initial-session-load .session-flex-responsive>session-card:nth-child(5){animation-delay:0.2s}body.initial-session-load .session-flex-responsive>session-card:nth-child(6){animation-delay:0.25s}body.initial-session-load .session-flex-responsive>session-card:nth-child(7){animation-delay:0.3s}body.initial-session-load .session-flex-responsive>session-card:nth-child(8){animation-delay:0.35s}body.initial-session-load .session-flex-responsive>session-card:nth-child(n+9){animation-delay:0.4s}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.session-card{view-transition-name:session-card}.session-card[data-session-id]{view-transition-name:var(--session-id)}.app-header{overscroll-behavior:none;touch-action:pan-x pan-y}.terminal-container{overflow:hidden}[data-theme="dark"] .terminal-container,:root:not([data-theme="light"]) .terminal-container{}[data-theme="light"] .terminal-container{}.terminal-line{display:block;white-space:pre;overflow:hidden}.terminal-char{display:inline-block;font-family:inherit;font-variant-ligatures:none;font-feature-settings:'liga' 0;white-space:pre}.terminal-char.bold{font-weight:bold}.terminal-char.italic{font-style:italic}.terminal-char.underline{text-decoration:underline}.terminal-char.dim{opacity:0.5}.terminal-char.strikethrough{text-decoration:line-through}.terminal-char.overline{text-decoration:overline}.terminal-char.inverse{filter:invert(1)}.terminal-char.invisible{opacity:0}.terminal-char.cursor{animation:cursor-blink 1s infinite;background-color:#23d18b!important;color:#000000!important}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0.3}}[data-theme="light"] .session-card .terminal-container{}#terminal-player,#interactive-terminal{min-height:480px;min-width:640px;width:100%}.terminal-focused{box-shadow:0 0 0 2px rgb(var(--color-primary)), 0 0 20px rgb(var(--color-primary) / 0.3);border-color:rgb(var(--color-primary))!important;transition:all 0.2s ease-out}.keyboard-capture-indicator{position:fixed;top:10px;right:10px;background:rgb(var(--color-primary) / 0.1);backdrop-filter:blur(8px);border:1px solid rgb(var(--color-primary));color:rgb(var(--color-primary));padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;z-index:1000;animation:slideInFromTop 0.3s ease-out;box-shadow:0 2px 8px rgb(var(--color-primary) / 0.2)}@keyframes slideInFromTop{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.session-preview{width:100%;min-width:0;box-sizing:border-box}:root{--terminal-color-0: #000000;--terminal-color-1: #f14c4c;--terminal-color-2: #23d18b;--terminal-color-3: #f5f543;--terminal-color-4: #3b8eea;--terminal-color-5: #d670d6;--terminal-color-6: #29b8db;--terminal-color-7: #e5e5e5;--terminal-color-8: #666666;--terminal-color-9: #ff6b6b;--terminal-color-10: #5af78e;--terminal-color-11: #f4f99d;--terminal-color-12: #70a5ed;--terminal-color-13: #d670d6;--terminal-color-14: #5fb3d3;--terminal-color-15: #ffffff;--terminal-color-16: #000000;--terminal-color-17: #00005f;--terminal-color-18: #000087;--terminal-color-19: #0000af;--terminal-color-20: #0000d7;--terminal-color-21: #0000ff;--terminal-color-22: #005f00;--terminal-color-23: #005f5f;--terminal-color-24: #005f87;--terminal-color-25: #005faf;--terminal-color-26: #005fd7;--terminal-color-27: #005fff;--terminal-color-28: #008700;--terminal-color-29: #00875f;--terminal-color-30: #008787;--terminal-color-31: #0087af;--terminal-color-32: #0087d7;--terminal-color-33: #0087ff;--terminal-color-34: #00af00;--terminal-color-35: #00af5f;--terminal-color-36: #00af87;--terminal-color-37: #00afaf;--terminal-color-38: #00afd7;--terminal-color-39: #00afff;--terminal-color-40: #00d700;--terminal-color-41: #00d75f;--terminal-color-42: #00d787;--terminal-color-43: #00d7af;--terminal-color-44: #00d7d7;--terminal-color-45: #00d7ff;--terminal-color-46: #00ff00;--terminal-color-47: #00ff5f;--terminal-color-48: #00ff87;--terminal-color-49: #00ffaf;--terminal-color-50: #00ffd7;--terminal-color-51: #00ffff;--terminal-color-52: #5f0000;--terminal-color-53: #5f005f;--terminal-color-54: #5f0087;--terminal-color-55: #5f00af;--terminal-color-56: #5f00d7;--terminal-color-57: #5f00ff;--terminal-color-58: #5f5f00;--terminal-color-59: #5f5f5f;--terminal-color-60: #5f5f87;--terminal-color-61: #5f5faf;--terminal-color-62: #5f5fd7;--terminal-color-63: #5f5fff;--terminal-color-64: #5f8700;--terminal-color-65: #5f875f;--terminal-color-66: #5f8787;--terminal-color-67: #5f87af;--terminal-color-68: #5f87d7;--terminal-color-69: #5f87ff;--terminal-color-70: #5faf00;--terminal-color-71: #5faf5f;--terminal-color-72: #5faf87;--terminal-color-73: #5fafaf;--terminal-color-74: #5fafd7;--terminal-color-75: #5fafff;--terminal-color-76: #5fd700;--terminal-color-77: #5fd75f;--terminal-color-78: #5fd787;--terminal-color-79: #5fd7af;--terminal-color-80: #5fd7d7;--terminal-color-81: #5fd7ff;--terminal-color-82: #5fff00;--terminal-color-83: #5fff5f;--terminal-color-84: #5fff87;--terminal-color-85: #5fffaf;--terminal-color-86: #5fffd7;--terminal-color-87: #5fffff;--terminal-color-88: #870000;--terminal-color-89: #87005f;--terminal-color-90: #870087;--terminal-color-91: #8700af;--terminal-color-92: #8700d7;--terminal-color-93: #8700ff;--terminal-color-94: #875f00;--terminal-color-95: #875f5f;--terminal-color-96: #875f87;--terminal-color-97: #875faf;--terminal-color-98: #875fd7;--terminal-color-99: #875fff;--terminal-color-100: #878700;--terminal-color-101: #87875f;--terminal-color-102: #878787;--terminal-color-103: #8787af;--terminal-color-104: #8787d7;--terminal-color-105: #8787ff;--terminal-color-106: #87af00;--terminal-color-107: #87af5f;--terminal-color-108: #87af87;--terminal-color-109: #87afaf;--terminal-color-110: #87afd7;--terminal-color-111: #87afff;--terminal-color-112: #87d700;--terminal-color-113: #87d75f;--terminal-color-114: #87d787;--terminal-color-115: #87d7af;--terminal-color-116: #87d7d7;--terminal-color-117: #87d7ff;--terminal-color-118: #87ff00;--terminal-color-119: #87ff5f;--terminal-color-120: #87ff87;--terminal-color-121: #87ffaf;--terminal-color-122: #87ffd7;--terminal-color-123: #87ffff;--terminal-color-124: #af0000;--terminal-color-125: #af005f;--terminal-color-126: #af0087;--terminal-color-127: #af00af;--terminal-color-128: #af00d7;--terminal-color-129: #af00ff;--terminal-color-130: #af5f00;--terminal-color-131: #af5f5f;--terminal-color-132: #af5f87;--terminal-color-133: #af5faf;--terminal-color-134: #af5fd7;--terminal-color-135: #af5fff;--terminal-color-136: #af8700;--terminal-color-137: #af875f;--terminal-color-138: #af8787;--terminal-color-139: #af87af;--terminal-color-140: #af87d7;--terminal-color-141: #af87ff;--terminal-color-142: #afaf00;--terminal-color-143: #afaf5f;--terminal-color-144: #afaf87;--terminal-color-145: #afafaf;--terminal-color-146: #afafd7;--terminal-color-147: #afafff;--terminal-color-148: #afd700;--terminal-color-149: #afd75f;--terminal-color-150: #afd787;--terminal-color-151: #afd7af;--terminal-color-152: #afd7d7;--terminal-color-153: #afd7ff;--terminal-color-154: #afff00;--terminal-color-155: #afff5f;--terminal-color-156: #afff87;--terminal-color-157: #afffaf;--terminal-color-158: #afffd7;--terminal-color-159: #afffff;--terminal-color-160: #d70000;--terminal-color-161: #d7005f;--terminal-color-162: #d70087;--terminal-color-163: #d700af;--terminal-color-164: #d700d7;--terminal-color-165: #d700ff;--terminal-color-166: #d75f00;--terminal-color-167: #d75f5f;--terminal-color-168: #d75f87;--terminal-color-169: #d75faf;--terminal-color-170: #d75fd7;--terminal-color-171: #d75fff;--terminal-color-172: #d78700;--terminal-color-173: #d7875f;--terminal-color-174: #d78787;--terminal-color-175: #d787af;--terminal-color-176: #d787d7;--terminal-color-177: #d787ff;--terminal-color-178: #d7af00;--terminal-color-179: #d7af5f;--terminal-color-180: #d7af87;--terminal-color-181: #d7afaf;--terminal-color-182: #d7afd7;--terminal-color-183: #d7afff;--terminal-color-184: #d7d700;--terminal-color-185: #d7d75f;--terminal-color-186: #d7d787;--terminal-color-187: #d7d7af;--terminal-color-188: #d7d7d7;--terminal-color-189: #d7d7ff;--terminal-color-190: #d7ff00;--terminal-color-191: #d7ff5f;--terminal-color-192: #d7ff87;--terminal-color-193: #d7ffaf;--terminal-color-194: #d7ffd7;--terminal-color-195: #d7ffff;--terminal-color-196: #ff0000;--terminal-color-197: #ff005f;--terminal-color-198: #ff0087;--terminal-color-199: #ff00af;--terminal-color-200: #ff00d7;--terminal-color-201: #ff00ff;--terminal-color-202: #ff5f00;--terminal-color-203: #ff5f5f;--terminal-color-204: #ff5f87;--terminal-color-205: #ff5faf;--terminal-color-206: #ff5fd7;--terminal-color-207: #ff5fff;--terminal-color-208: #ff8700;--terminal-color-209: #ff875f;--terminal-color-210: #ff8787;--terminal-color-211: #ff87af;--terminal-color-212: #ff87d7;--terminal-color-213: #ff87ff;--terminal-color-214: #ffaf00;--terminal-color-215: #ffaf5f;--terminal-color-216: #ffaf87;--terminal-color-217: #ffafaf;--terminal-color-218: #ffafd7;--terminal-color-219: #ffafff;--terminal-color-220: #ffd700;--terminal-color-221: #ffd75f;--terminal-color-222: #ffd787;--terminal-color-223: #ffd7af;--terminal-color-224: #ffd7d7;--terminal-color-225: #ffd7ff;--terminal-color-226: #ffff00;--terminal-color-227: #ffff5f;--terminal-color-228: #ffff87;--terminal-color-229: #ffffaf;--terminal-color-230: #ffffd7;--terminal-color-231: #ffffff;--terminal-color-232: #080808;--terminal-color-233: #121212;--terminal-color-234: #1c1c1c;--terminal-color-235: #262626;--terminal-color-236: #303030;--terminal-color-237: #3a3a3a;--terminal-color-238: #444444;--terminal-color-239: #4e4e4e;--terminal-color-240: #585858;--terminal-color-241: #626262;--terminal-color-242: #6c6c6c;--terminal-color-243: #767676;--terminal-color-244: #808080;--terminal-color-245: #8a8a8a;--terminal-color-246: #949494;--terminal-color-247: #9e9e9e;--terminal-color-248: #a8a8a8;--terminal-color-249: #b2b2b2;--terminal-color-250: #bcbcbc;--terminal-color-251: #c6c6c6;--terminal-color-252: #d0d0d0;--terminal-color-253: #dadada;--terminal-color-254: #e4e4e4;--terminal-color-255: #eeeeee}.terminal-link{color:#4fc3f7;text-decoration:underline;cursor:pointer;transition:background-color 0.2s ease}.terminal-link:hover{background-color:rgba(79, 195, 247, 0.2)}.scroll-to-bottom,.keyboard-button{@apply absolute flex items-center justify-center;@apply w-12 h-12 rounded-md;@apply bg-bg/20 border border-border/50;@apply text-text text-2xl;@apply cursor-pointer select-none;@apply transition-all duration-200;backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.scroll-to-bottom{@apply bottom-3 left-3 z-10;}.keyboard-button{@apply fixed;z-index:60;bottom:calc(0.75rem + env(safe-area-inset-bottom, 0px));right:calc(0.75rem + env(safe-area-inset-right, 0px));touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;transition:bottom 0.2s ease-in-out;min-width:48px;min-height:48px;@apply bg-primary/30 border-primary/60 text-primary;backdrop-filter:blur(16px) saturate(2);-webkit-backdrop-filter:blur(16px) saturate(2);box-shadow:0 4px 16px rgba(0, 0, 0, 0.5), 0 0 12px rgba(var(--color-primary), 0.4);animation:keyboard-button-pulse 4s ease-in-out infinite}.mobile-keyboard-button{@apply w-20 h-16;border-radius:12px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border-width:2px;@apply bg-primary/40 border-primary/80;}@media (max-width: 768px){.mobile-keyboard-button{box-shadow:0 4px 20px rgba(0, 0, 0, 0.6), 
      0 0 20px rgba(var(--color-primary), 0.5),
      inset 0 0 10px rgba(var(--color-primary), 0.2)}@keyframes keyboard-button-pulse-mobile{0%,70%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(0, 0, 0, 0.6), 
        0 0 20px rgba(var(--color-primary), 0.5),
        inset 0 0 10px rgba(var(--color-primary), 0.2)}35%{transform:scale(1.08);box-shadow:0 6px 24px rgba(0, 0, 0, 0.7), 
        0 0 30px rgba(var(--color-primary), 0.7),
        inset 0 0 15px rgba(var(--color-primary), 0.3)}}.mobile-keyboard-button{animation:keyboard-button-pulse-mobile 3s ease-in-out infinite}}.tap-to-focus-overlay{@apply absolute inset-0 z-10;@apply flex items-center justify-center;background:rgba(var(--color-bg), 0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all 0.3s ease-out;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.tap-to-focus-hint{@apply p-8 rounded-2xl;@apply bg-bg-elevated/90 border border-border/50;@apply shadow-lg;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:tap-hint-breathe 3s ease-in-out infinite}@keyframes tap-hint-breathe{0%,100%{transform:scale(1);opacity:0.9}50%{transform:scale(1.02);opacity:1}}.tap-to-focus-overlay.keyboard-active{opacity:0;pointer-events:none}.keyboard-button.quick-keys-visible{bottom:calc(100px + 0.75rem + env(safe-area-inset-bottom, 0px))}.scroll-to-bottom:hover,.keyboard-button:hover{@apply bg-bg/40 border-primary text-primary;@apply -translate-y-0 .5 shadow-glow-sm;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8)}.scroll-to-bottom:active,.keyboard-button:active{@apply translate-y-0;}@media (max-width: 768px) and (orientation: portrait){.keyboard-button{left:50%;right:auto;transform:translateX(-50%);bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px))}.keyboard-button:hover{transform:translateX(-50%) translateY(-0.125rem)}.keyboard-button:active{transform:translateX(-50%) translateY(0)}}@media (max-width: 768px) and (orientation: landscape){.keyboard-button{right:calc(2rem + env(safe-area-inset-right, 0px));bottom:calc(1.5rem + env(safe-area-inset-bottom, 0px))}}@media (max-width: 380px){.keyboard-button{@apply w-18 h-14;}}.debug-overlay{position:absolute;bottom:8px;right:8px;background:rgba(26, 26, 26, 0.9);border:1px solid #2a2a2a;border-radius:4px;padding:8px 12px;font-family:'Fira Code', monospace;font-size:11px;color:rgb(228 228 228);user-select:none;z-index:10;line-height:1.4}.debug-overlay .metric{display:flex;justify-content:space-between;min-width:120px}.debug-overlay .metric-label{opacity:0.7}.debug-overlay .metric-value{font-weight:bold;margin-left:8px}.fit-toggle{position:absolute;top:12px;right:12px;width:48px;height:48px;background:rgba(26, 26, 26, 0.9);border:1px solid #2a2a2a;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-text));font-size:20px;transition:all 0.2s ease;user-select:none;z-index:10}.fit-toggle:hover{background:rgba(26, 26, 26, 1);border-color:#10B981;color:rgb(var(--color-primary));transform:translateY(-1px);box-shadow:0 0 10px rgb(var(--color-primary) / 0.3)}.fit-toggle:active{transform:translateY(0px)}.fit-toggle.active{border-color:#10B981;color:rgb(var(--color-primary));box-shadow:0 0 10px rgb(var(--color-primary) / 0.3)}@supports (view-transition-name: none){::view-transition{--transition-duration: 200ms}::view-transition-group(*){animation-duration:var(--transition-duration);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}::view-transition-old(*),::view-transition-new(*){animation-duration:var(--transition-duration);mix-blend-mode:normal}::view-transition-old(terminal-*){animation:view-transition-fade-out var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}::view-transition-new(terminal-*){animation:view-transition-fade-in var(--transition-duration) cubic-bezier(0.4, 0, 0.2, 1)}@keyframes view-transition-fade-out{from{opacity:1}to{opacity:0}}@keyframes view-transition-fade-in{from{opacity:0}to{opacity:1}}::view-transition-old(create-session-button),::view-transition-new(create-session-button){animation-duration:0.25s;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}::view-transition-old(create-session-modal),::view-transition-new(create-session-modal){mix-blend-mode:normal;z-index:1000}@keyframes black-hole-collapse{0%{transform:scale(1) rotate(0deg);opacity:1;filter:brightness(1)}50%{transform:scale(0.3) rotate(180deg);opacity:0.8;filter:brightness(0.6) hue-rotate(90deg)}100%{transform:scale(0) rotate(360deg);opacity:0;filter:brightness(0) hue-rotate(180deg)}}@keyframes zoom-in{from{transform:scale(0.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-out{from{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}::view-transition-old(session-*){animation:zoom-out 0.2s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center}::view-transition-new(session-*){animation:zoom-in 0.2s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center}.black-hole-collapsing{animation:black-hole-collapse 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;transform-origin:center;pointer-events:none}}.sidebar-transition{transition:none!important}@media (max-width: 768px){.mobile-sessions-sidebar{transition:none!important}.mobile-sessions-sidebar.collapsed{transform:translateX(-100%)}.mobile-sessions-sidebar.expanded{transform:translateX(0)}}.split-view-sidebar{height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:auto}.split-view-root{height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);min-height:0;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:auto}.split-view-sidebar .sidebar-scroll-area{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;contain:layout style paint;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.split-view-sidebar-expanded{position:absolute;left:0;top:0;bottom:0;width:calc(100vw - 80px)!important;z-index:30}}@media (max-width: 768px){.terminal-container{position:relative;overflow:hidden}.session-view-grid[data-keyboard-visible="true"]{overflow-y:auto;-webkit-overflow-scrolling:touch}.app-container,vibe-app,session-view{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.session-view-grid[data-keyboard-visible="true"] .terminal-container{padding-bottom:env(keyboard-inset-height, 0)}}.session-exited{filter:sepia(0.3) hue-rotate(45deg) brightness(0.8) contrast(1.2);position:relative;transition:filter 0.5s ease-out}.session-exited::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center, transparent 0%, rgba(0, 20, 0, 0.4) 100%);mix-blend-mode:multiply;pointer-events:none;animation:phosphor-fade 2s ease-out}@keyframes phosphor-fade{from{opacity:0}to{opacity:1}}.session-exited::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(
    0deg,
    rgba(0, 255, 0, 0.03),
    rgba(0, 255, 0, 0.03) 1px,
    transparent 1px,
    transparent 2px
  );pointer-events:none;opacity:0.5}@view-transition{navigation:auto}::view-transition-old(app-header),::view-transition-new(app-header){animation-duration:0.3s;animation-timing-function:ease-in-out}::view-transition-old(app-header){animation-name:fade-out}::view-transition-new(app-header){animation-name:fade-in}.sidebar-header{view-transition-name:sidebar-header}::view-transition-old(sidebar-header),::view-transition-new(sidebar-header){animation-duration:0s!important}.app-header{view-transition-name:none!important}@keyframes fade-out-fast{0%{opacity:1}100%{opacity:0}}@keyframes fade-in-fast{0%{opacity:0}100%{opacity:1}}.session-view button,.session-header button,.sidebar-header button{transition:none!important}.session-view .interactive,.session-view .interactive-fast,.session-view .interactive-slow{transition:none!important}.session-toggle-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary)}[data-theme="dark"] .session-toggle-checkbox{opacity:0.9}.session-toggle-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mobile-terminal-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden;background-color:rgb(var(--color-bg))}.mobile-terminal-header{flex-shrink:0;position:sticky;top:0;z-index:10;background-color:rgb(var(--color-bg-secondary));border-bottom:1px solid rgb(var(--color-border));padding-top:env(safe-area-inset-top);min-height:44px}.mobile-terminal-content{flex:1;min-height:0;overflow:hidden;position:relative;contain:layout style paint}.mobile-action-bar{flex-shrink:0;position:sticky;bottom:0;z-index:10;background-color:rgb(var(--color-bg-secondary));border-top:1px solid rgb(var(--color-border));padding-bottom:env(safe-area-inset-bottom);transition:transform 0.2s ease-out, opacity 0.2s ease-out}.mobile-action-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}@media (max-width: 768px){.mobile-terminal-content .xterm{width:100%!important;height:100%!important}.terminal-area{transform:none!important;transition:none!important}.terminal-area[data-quickkeys-visible="true"]{transform:none!important}.terminal-area vibe-terminal,.terminal-area vibe-terminal-binary{height:100%!important;margin-bottom:0!important;padding-bottom:0!important}}.mobile-terminal-container[data-keyboard-visible="true"]{padding-bottom:env(keyboard-inset-height, 0)}.mobile-terminal-content{touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-action-key{@apply px-3 py-2 mx-1 rounded-md;@apply bg-bg-tertiary border border-border;@apply text-text text-sm font-mono;@apply transition-all duration-150;@apply active:scale-95 active:bg-primary/20;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;white-space:nowrap}.mobile-action-key:active{@apply bg-primary/20 border-primary;}.mobile-action-keys{display:flex;overflow-x:auto;overflow-y:hidden;padding:0.5rem;gap:0.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.mobile-action-keys::-webkit-scrollbar{display:none}@media (max-width: 768px){.terminal-line{white-space:pre-wrap!important;word-break:break-all!important;overflow-wrap:break-word!important;max-width:100vw!important}.terminal-container{max-width:100vw!important;overflow-x:hidden!important;word-wrap:break-word!important}.terminal-container.scale-to-fit{transform-origin:top left;width:max-content}.terminal-char{max-width:100%;overflow-wrap:break-word}}@media (max-width: 768px) and (orientation: landscape){.mobile-terminal-header{padding-top:0}.mobile-action-bar{padding:0.25rem}.mobile-action-key{@apply py-1 .5 text-xs;}}