*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 97.65%;--foreground: 0 0% 12.55%;--muted: 0 0% 93.73%;--muted-foreground: 0 0% 39.22%;--popover: 0 0% 98.82%;--popover-foreground: 0 0% 12.55%;--card: 0 0% 98.82%;--card-foreground: 0 0% 12.55%;--border: 0 0% 84.71%;--input: 0 0% 94.12%;--primary: 22.93 92.59% 52.35%;--primary-foreground: 44 0% 100%;--secondary: 34.05 100% 85.49%;--secondary-foreground: 16.27 50.43% 22.94%;--accent: 0 0% 90.98%;--accent-foreground: 0 0% 12.55%;--destructive: 10.16 77.87% 53.92%;--destructive-foreground: 0 0% 100%;--ring: 24.8 79.79% 63.14%;--chart-1: 22.93 92.59% 52.35%;--chart-2: 34.05 100% 85.49%;--chart-3: 0 0% 90.98%;--chart-4: 34.05 100% 88.49%;--chart-5: 22.93 95.59% 52.35%;--radius: .5rem}.dark{--background: 0 0% 6.67%;--foreground: 0 0% 93.33%;--muted: 0 0% 13.33%;--muted-foreground: 0 0% 70.59%;--popover: 0 0% 9.8%;--popover-foreground: 0 0% 93.33%;--card: 0 0% 9.8%;--card-foreground: 0 0% 93.33%;--border: 44 14% 11%;--input: 0 0% 28.24%;--primary: 22.93 92.59% 52.35%;--primary-foreground: 29.51 0% 100%;--secondary: 28.5 64.52% 12.16%;--secondary-foreground: 29.51 100% 88.04%;--accent: 0 0% 16.47%;--accent-foreground: 0 0% 93.33%;--destructive: 10.16 77.87% 53.92%;--destructive-foreground: 0 0% 100%;--ring: 23.11 59.8% 40%;--chart-1: 22.93 92.59% 52.35%;--chart-2: 28.5 64.52% 12.16%;--chart-3: 0 0% 16.47%;--chart-4: 28.5 64.52% 15.16%;--chart-5: 22.93 95.59% 52.35%}:root{--purl-white: #ffffff;--purl-gray-50: #f9fafb;--purl-gray-100: #f3f4f6;--purl-gray-200: #e5e7eb;--purl-gray-600: #4b5563;--purl-gray-900: #111827;--purl-blue: #ba8259;--purl-green: #10b981;--purl-red: #ef4444}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.right-4{right:1rem}.top-4{top:1rem}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.w-2{width:.5rem}.max-w-sm{max-width:24rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pt-2{padding-top:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.italic{font-style:italic}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.purl-app{min-height:100vh;display:flex;flex-direction:column;background:var(--purl-white);color:var(--purl-gray-900)}.app-header{background:#fffc;border-bottom:1px solid var(--purl-gray-200);box-shadow:0 1px 3px #0000001a;position:fixed;top:0;left:0;right:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:4rem;display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:1rem}.brand-logo{display:flex;align-items:center;gap:.5rem}.brand-icon{font-size:2rem}.brand-name{font-size:1.5rem;font-weight:700;color:var(--purl-gray-900);margin:0}.brand-domain{font-size:.875rem;color:var(--purl-gray-600);background:var(--purl-gray-50);padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--purl-gray-200);font-family:Courier New,monospace}.header-actions{display:flex;align-items:center;gap:.75rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:var(--purl-green);box-shadow:0 0 0 2px #10b98133;animation:pulse 2s infinite}.status-dot.disconnected{background:var(--purl-red);box-shadow:0 0 0 2px #ef444433}.desktop-nav{display:flex;gap:2rem}.nav-link{color:var(--purl-gray-600);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--purl-blue);background:var(--purl-gray-50)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem}.menu-icon{display:flex;flex-direction:column;gap:.25rem;width:20px;height:16px}.menu-icon span{height:2px;background:var(--purl-gray-900);border-radius:1px;transition:all .3s ease}.mobile-nav{display:none;background:#fffc;border-top:1px solid var(--purl-gray-200);padding:1rem;flex-direction:column;gap:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav.open{display:flex}.app-main{margin:0;width:100%;background:#f9fafc;position:absolute;top:var(--header-height, 80px);bottom:0;left:0;right:0}:root{--header-height: 90px}.app-main.fullscreen-main{display:flex;align-items:center;justify-content:center}.app-main.chat-main{overflow-y:auto;background:#f9fafc;display:flex;flex-direction:column}.app-main.chat-main:has(.about-page.light){background:#f8fafc}.app-main.logs-main{overflow:auto;padding:0;display:flex;flex-direction:column}.logs-main:has(.conversation-logs.light),.logs-main:has(.conversation-viewer.light){background:#f8fafc}.logs-main{background:#000}.app-main.logs-main{min-height:calc(100vh - var(--header-height, 90px))}.app-footer{background:#000c;border-top:1px solid rgba(0,255,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:auto;color:#fff;flex-shrink:0}.light .app-footer{background:#f8fafce6;border-top:1px solid rgba(203,213,225,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1e293b}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 1rem}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:1.5rem;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem}.footer-logo .brand-icon{display:flex;align-items:center}.ascii-cat-mini{font-family:Courier New,monospace;font-size:.6rem;line-height:1;margin:0;color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5);white-space:pre}.footer-logo .brand-text{font-size:1.25rem;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);font-family:Courier New,monospace}.footer-domain{font-family:Courier New,monospace;font-size:.875rem;color:#0f0c;text-shadow:0 0 5px rgba(0,255,0,.3)}.light .ascii-cat-mini{color:#1e293b;text-shadow:0 0 5px rgba(30,41,59,.3)}.light .footer-logo .brand-text{color:#1e293b;text-shadow:0 0 10px rgba(30,41,59,.2)}.light .footer-domain{color:#1e293bcc;text-shadow:none}.footer-tagline{color:#ffffffb3;font-size:.875rem;line-height:1.6;margin:0;font-family:Courier New,monospace}.light .footer-tagline{color:#1e293bb3}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.link-group h4{color:#0f0;font-family:Courier New,monospace;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;text-shadow:0 0 5px rgba(0,255,0,.3)}.link-group a{color:#fffc;text-decoration:none;font-size:.8rem;display:block;margin-bottom:.5rem;transition:color .2s ease;font-family:Courier New,monospace}.link-group a:hover{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5)}.light .link-group h4{color:#1e293b;text-shadow:none}.light .link-group a{color:#1e293bcc}.light .link-group a:hover{color:#ba8259;text-shadow:0 0 5px rgba(186,130,89,.3)}.footer-status{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-item{display:flex;justify-content:space-between;align-items:center;font-family:Courier New,monospace;font-size:.75rem;padding:.5rem;background:#00ff000d;border-radius:4px;border:1px solid rgba(0,255,0,.1)}.status-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.status-value{color:#0f0;font-weight:700;text-shadow:0 0 8px rgba(0,255,0,.6);font-size:.8rem}.app-footer .status-indicator,.header .status-indicator{display:flex;align-items:center;gap:.5rem}.footer-status .status-dot.connected{width:8px;height:8px;border-radius:50%;background:#0f0!important;box-shadow:0 0 0 2px #0f03,0 0 8px #0f06;animation:pulse 2s infinite}.light .footer-status{background:#fff6;border:1px solid rgba(186,130,89,.3)}.light .status-item{background:#ba82590d;border:1px solid rgba(186,130,89,.1)}.light .status-label{color:#1e293bb3}.light .status-value{color:#ba8259;text-shadow:0 0 8px rgba(186,130,89,.4)}.light .footer-status .status-dot.connected{background:#10b981!important;box-shadow:0 0 0 2px #10b98133,0 0 8px #10b9814d}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(0,255,0,.2)}.light .footer-bottom{border-top:1px solid rgba(203,213,225,.5)}.footer-copyright{color:#fff9;font-size:.75rem;font-family:Courier New,monospace}.light .footer-copyright{color:#1e293b99}.footer-info{display:flex;align-items:center}.footer-info span{color:#fff9;font-size:.75rem;font-family:Courier New,monospace}.light .footer-info span{color:#1e293b99}.cat-display{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none;padding:0;max-width:none;width:100%;height:100%;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:none}.cat-display:hover{transform:none;box-shadow:none}.tamagotchi-screen{background:#000;border:none;border-radius:0;padding:2rem;box-shadow:none;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;gap:1rem}.tamagotchi-screen:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(0deg,transparent 0%,transparent 49%,rgba(0,255,0,.08) 49.5%,rgba(0,255,0,.12) 50%,rgba(0,255,0,.08) 50.5%,transparent 51%,transparent 100%);background-size:100% 100vh;animation:scanLine 12s linear infinite}.tamagotchi-screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.02) 2px,rgba(0,255,0,.02) 3px)}@keyframes scanLine{0%{background-position:0 -100vh}to{background-position:0 100vh}}@media (prefers-reduced-motion: reduce){.tamagotchi-screen:before{animation:none}.tamagotchi-screen.fullscreen-light:before{animation:none}}.grid-tester{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,0,.2)}.grid-controls{display:flex;flex-direction:column;gap:.5rem}.grid-size-controls{display:flex;flex-direction:column;gap:.25rem}.grid-size-controls label{font-size:.8rem;color:#0f0;font-family:Courier New,monospace}.size-buttons{display:flex;gap:.25rem}.size-btn{padding:.25rem .5rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0;border-radius:3px;font-size:.7rem;cursor:pointer;font-family:Courier New,monospace;transition:all .2s ease}.size-btn:hover{background:#0f03;border-color:#00ff0080}.chat-preview-tester{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,0,.2)}.preview-controls{display:flex;flex-direction:column;gap:.5rem}.state-indicator{color:#0f0;font-size:1rem;text-shadow:0 0 5px #00ff00;display:flex;align-items:center;gap:.25rem;justify-content:center;font-family:Courier New,monospace;margin-top:auto;position:relative;z-index:10}.ascii-container{background:transparent;border-radius:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;box-shadow:none;position:absolute;z-index:10;pointer-events:none;--cat-x: 47%;--cat-y: 40%;--cat-scale: 1;--cat-rotate: 0deg;top:var(--cat-y);left:var(--cat-x);transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(var(--cat-rotate));min-height:0;transition:all .3s ease}.ascii-cat{font-family:Courier New,Lucida Console,Monaco,monospace;font-size:clamp(27px,13.5vw,144px);font-weight:700;line-height:.8;text-align:center;white-space:pre-wrap;color:#0f0;text-shadow:0 0 5px #00ff00,0 0 10px #00ff00,0 0 15px #00ff00;filter:none;max-width:85vw;max-height:70vh;overflow:hidden;word-break:keep-all;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;pointer-events:none}.sprite-container{background:linear-gradient(145deg,var(--purl-gray-50),var(--purl-gray-100));border-radius:.75rem;padding:2rem;margin:1rem 0;min-height:240px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000000f}.sprite-cat{image-rendering:pixelated;transform:scale(3);transition:all .2s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.control-buttons{position:absolute;bottom:2rem;right:2rem;z-index:10;background:#000c;padding:1rem;border-radius:.5rem;border:1px solid #00ff00;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:300px}.control-btn{background:#00ff001a;border:1px solid #00ff00;color:#0f0;font-size:.75rem;padding:.5rem;min-height:auto;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.control-btn:hover{background:#0f03;transform:none}.control-btn.active{background:#00ff004d;color:#0f0;border-color:#0f0}.debug-panel{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--purl-gray-200);border-radius:.75rem;max-width:400px;min-width:320px;box-shadow:0 20px 25px -5px #0000001a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-panel.dragging{box-shadow:0 25px 50px -12px #00000040;transform:scale(1.02)}.debug-panel-header{background:#0000000d;margin:0;padding:.75rem 1rem;border-bottom:1px solid var(--purl-gray-200);border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;align-items:center;cursor:grab}.debug-panel-header:active{cursor:grabbing}.debug-panel-header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--purl-gray-900)}.debug-content{padding:1rem}.close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--purl-gray-600);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#0000001a;color:var(--purl-gray-900)}.fullscreen-dark .debug-panel{background:#001400f2;border:1px solid #00ff00;box-shadow:0 0 20px #00ff004d}.fullscreen-dark .debug-panel-header{background:#00ff001a;border-bottom:1px solid #00ff00}.fullscreen-dark .debug-panel-header h4{color:#0f0;text-shadow:0 0 3px #00ff00}.fullscreen-dark .close-btn{color:#0f0}.fullscreen-dark .close-btn:hover{background:#0f03;color:#0f0}.debug-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.debug-btn{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--purl-gray-900);cursor:pointer;transition:all .2s ease}.debug-btn.active{background:var(--purl-blue);color:#fff;border-color:var(--purl-blue)}.debug-info{display:flex;gap:1rem;font-size:.75rem;color:var(--purl-gray-600);font-family:Courier New,monospace}.debug-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40}.debug-toggle-btn{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--purl-gray-200);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 20px 25px -5px #0000001a}.debug-toggle-btn:hover{transform:scale(1.05)}.expression-tester{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--purl-gray-200)}.expression-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.expr-btn{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200);border-radius:.5rem;padding:.5rem;font-size:.75rem;font-weight:500;color:var(--purl-gray-900);cursor:pointer;transition:all .2s ease;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}.expr-btn:hover{background:var(--purl-gray-100);transform:translateY(-1px)}.expr-btn.active{background:var(--purl-blue);color:#fff;border-color:var(--purl-blue)}.resume-btn{background:var(--purl-green);border:1px solid var(--purl-green);border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;width:100%}.resume-btn:hover{background:#0ea472;transform:translateY(-1px)}.control-actions{display:flex;gap:.5rem;margin-top:1rem}@media (max-width: 1023px){.desktop-nav,.header-nav,.header-nav.desktop-nav,.mobile-menu-btn,.desktop-only{display:none!important}}@media (max-width: 768px){.mobile-menu-btn{display:none!important}.terminal-header-container,.header-brand{gap:1rem}.header-brand .brand-logo{gap:.5rem}.site-name{font-size:1.25rem}.mobile-nav{width:280px;max-width:80vw}}@media (max-width: 480px){.terminal-header{padding:1rem}.terminal-header-container,.header-brand{gap:.75rem}.site-name{font-size:1.125rem}.header-connection-status{display:none}.mobile-nav{width:100%;max-width:100%}.mobile-nav-content{padding:4rem 1.5rem 1.5rem}.mobile-nav-link{padding:.875rem 1.25rem;font-size:1rem}.mobile-nav-link .nav-icon{font-size:1.25rem}}@media (max-width: 360px){.terminal-header{padding:.75rem}.site-name{font-size:1rem}.mobile-nav-content{padding:3.5rem 1rem 1rem}.mobile-nav-link{padding:.75rem 1rem;font-size:.9rem}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#000000f2;border-top:1px solid rgba(0,255,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none}.bottom-nav-container{display:flex;align-items:stretch;justify-content:space-around;padding:.5rem .25rem 0;max-width:100%;margin:0 auto}.bottom-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .75rem .75rem;min-width:44px;min-height:44px;text-decoration:none;color:#00ff00b3;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover,.bottom-nav-item:focus{background:#00ff0014;color:#0f0;transform:translateY(-2px);outline:none}.bottom-nav-item.active{color:#0f0;background:#00ff001a}.nav-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:.25rem}.nav-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);color:currentColor;flex-shrink:0}.bottom-nav-item:hover .nav-icon,.bottom-nav-item.active .nav-icon{transform:scale(1.1)}.active-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#0f0;border-radius:50%;box-shadow:0 0 8px #0f09;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.nav-label{font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;opacity:.9;transition:opacity .3s ease}.bottom-nav-item.active .nav-label{opacity:1;font-weight:600}.theme-toggle-btn{background:none;border:none;cursor:pointer;outline:none;margin-top:8px}.theme-toggle-btn:hover{background:#00ff001f!important;transform:translateY(-2px) scale(1.05);margin-top:6px}.theme-toggle-btn:active{transform:translateY(0) scale(.98);margin-top:8px}.bottom-navigation.light .theme-toggle-btn:hover{background:#ba82591f!important}.nav-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden}.bottom-nav-item:active .nav-ripple:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:#00ff004d;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out}@keyframes ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.bottom-safe-area{height:env(safe-area-inset-bottom,0);background:inherit}.bottom-navigation.light{background:#f8fafcf2;border-top:1px solid rgba(186,130,89,.2)}.bottom-navigation.light .bottom-nav-item{color:#1e293bb3}.bottom-navigation.light .bottom-nav-item:hover,.bottom-navigation.light .bottom-nav-item:focus{background:#ba825914;color:#ba8259}.bottom-navigation.light .bottom-nav-item.active{color:#ba8259;background:#ba82591a}.bottom-navigation.light .active-indicator{background:#ba8259;box-shadow:0 0 8px #ba825999;animation:pulseBrown 2s infinite}@keyframes pulseBrown{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.2)}}.bottom-navigation.light .bottom-nav-item:active .nav-ripple:before{background:#ba82594d}@media (max-width: 1023px){.bottom-navigation{display:block}.app-main{padding-bottom:calc(70px + env(safe-area-inset-bottom,0))}.mobile-menu-btn,.mobile-nav-overlay,.mobile-nav,.header-nav,.desktop-nav,.header-nav.desktop-nav,.header-theme-toggle{display:none!important}.social-links,.contract-section,.social-links.desktop-only,.contract-section.desktop-only{display:flex!important}.header-actions{gap:.25rem}.app-footer{display:none!important}body,p,span,div{font-size:.875rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}.about-content,.section-text{font-size:.875rem}.feature-description{font-size:.8rem}.chat-message,.chat-input{font-size:.875rem}.terminal-content,.terminal-line{font-size:.8rem}.conversation-item,button,input[type=text],input[type=email],textarea{font-size:.875rem}.backroom-terminal .terminal-content,.backroom-terminal .terminal-line{font-size:.75rem}.backroom-terminal .conversation-selector{display:none}.backroom-terminal .terminal-controls,.backroom-terminal .control-group{flex-wrap:wrap;gap:.25rem}.backroom-terminal .control-group:nth-child(2){width:100%;justify-content:space-between}.backroom-terminal .control-group:nth-child(3){display:none}.backroom-terminal .control-btn{font-size:.75rem;padding:.5rem .75rem}.app-main.chat-main .about-page .about-container{max-width:100%;padding:0;margin:0;min-height:calc(100vh - var(--header-height, 80px))}.app-main.chat-main .about-page .about-header{padding:1rem;margin-bottom:0}.app-main.chat-main .about-page .chat-box{margin:0;border-radius:0;height:calc(100vh - var(--header-height, 80px) - 120px)}.app-main.chat-main .about-page .messages-container{max-height:calc(100vh - var(--header-height, 80px) - 200px)}.app-main.docs-main .about-page .about-container{max-width:1200px;padding:1rem;margin:0 auto;min-height:auto;height:auto!important;overflow-y:visible!important;overflow:visible!important}.app-main.docs-main{height:auto!important;overflow-y:auto!important;overflow:auto!important}.messages-container::-webkit-scrollbar,.messages-list::-webkit-scrollbar{width:8px}.dark .messages-container::-webkit-scrollbar-track,.dark .messages-list::-webkit-scrollbar-track{background:#0000004d}.dark .messages-container::-webkit-scrollbar-thumb,.dark .messages-list::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.dark .messages-container::-webkit-scrollbar-thumb:hover,.dark .messages-list::-webkit-scrollbar-thumb:hover{background:#00ff0080}.light .messages-container::-webkit-scrollbar-track,.light .messages-list::-webkit-scrollbar-track{background:#0000001a}.light .messages-container::-webkit-scrollbar-thumb,.light .messages-list::-webkit-scrollbar-thumb{background:#ba825966;border-radius:4px}.light .messages-container::-webkit-scrollbar-thumb:hover,.light .messages-list::-webkit-scrollbar-thumb:hover{background:#ba825999}.header-connection-status .status-text{display:none}.social-links.desktop-only,.contract-section.desktop-only{gap:.25rem}.contract-btn{padding:.375rem .5rem;font-size:.7rem;min-width:auto;white-space:nowrap}.contract-address,.contract-label{font-size:.65rem}.social-link{padding:.5rem;width:auto;height:auto}}@media (max-width: 768px){.bottom-nav-container{padding:.75rem .5rem 0}.bottom-nav-item{padding:.75rem 1rem 1rem}.nav-label{font-size:.75rem}}@media (max-width: 480px){.bottom-nav-container{padding:.5rem .25rem 0}.bottom-nav-item{padding:.5rem .5rem .75rem;min-width:48px}.nav-label{font-size:.65rem}}@media (max-width: 360px){.bottom-nav-item{padding:.5rem .25rem .75rem;min-width:44px}.nav-label{font-size:.6rem}}.floating-chat-button{position:fixed;bottom:90px;right:1rem;z-index:95;width:56px;height:56px;background:linear-gradient(135deg,#0f0,#0c0);border-radius:50%;display:none;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px #0f06,0 8px 24px #0f03;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.floating-chat-button:hover,.floating-chat-button:focus{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px #00ff0080,0 12px 32px #00ff004d;outline:none}.floating-chat-button:active{transform:scale(.95);transition:transform .1s ease}.fab-icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.fab-icon{color:#000c;z-index:2;position:relative;flex-shrink:0}.fab-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;background:#0f09;border-radius:50%;transform:translate(-50%,-50%);animation:fabPulse 2.5s infinite;z-index:1}@keyframes fabPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.5}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.fab-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden}.floating-chat-button:active .fab-ripple:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:fabRipple .6s ease-out}@keyframes fabRipple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}.floating-chat-button.light{background:linear-gradient(135deg,#ba8259,#9c6d42);box-shadow:0 4px 12px #ba825966,0 8px 24px #ba825933}.floating-chat-button.light:hover,.floating-chat-button.light:focus{box-shadow:0 6px 16px #ba825980,0 12px 32px #ba82594d}.floating-chat-button.light .fab-icon{color:#ffffffe6}.floating-chat-button.light .fab-pulse{background:#ba825999;animation:fabPulseBrown 2.5s infinite}@keyframes fabPulseBrown{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.5}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@media (max-width: 1023px){.floating-chat-button{display:flex}}@media (max-width: 768px){.floating-chat-button{bottom:100px;right:1.25rem;width:52px;height:52px}}@media (max-width: 480px){.floating-chat-button{bottom:85px;right:1rem;width:48px;height:48px}.fab-icon{font-size:1.5rem}}@media (max-width: 360px){.floating-chat-button{bottom:80px;right:.75rem;width:44px;height:44px}.fab-icon{font-size:1.4rem}}@media (max-width: 767px){.header-container{padding:0 1rem}.brand-name{font-size:1.25rem}.app-main,.cat-display{padding:0}.ascii-cat{font-size:clamp(22.5px,11.25vw,72px);max-width:100%;max-height:60vh;line-height:.8;white-space:pre;overflow-x:auto;overflow-y:hidden}.ascii-container.cat-left .ascii-cat{max-width:70vw}.ascii-container.cat-right .ascii-cat{max-width:60vw}.ascii-container.cat-center .ascii-cat{max-width:90vw}.ascii-container{background:transparent;border-radius:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center;box-shadow:none;position:absolute;z-index:10;pointer-events:none;--cat-x: 38%;--cat-y: 42%;--cat-scale: 1.7;--cat-rotate: 0deg;top:var(--cat-y);left:var(--cat-x);transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(var(--cat-rotate));min-height:0;transition:all .3s ease}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-links{grid-template-columns:1fr;gap:1rem}.footer-status{margin:0 auto;max-width:280px}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.expression-grid{grid-template-columns:repeat(2,1fr)}.control-buttons{grid-template-columns:1fr}:root{--header-height: 76px}.terminal-header{padding:1rem 1.5rem;height:var(--header-height)}.terminal-header-container{gap:1.5rem}.header-nav,.desktop-nav,.header-nav.desktop-nav{display:none!important}.header-brand{gap:1.5rem}.site-name{font-size:1.25rem}.logo-image{width:28px;height:28px}.header-connection-status{font-size:.75rem}.header-actions{gap:1.5rem}.contract-btn{padding:.375rem .5rem;font-size:.6875rem}.social-link{width:32px;height:32px}.social-icon{width:16px;height:16px}}.purl-app.fullscreen-mode{height:100vh;overflow:hidden;background:#000;color:#0f0;position:relative}.purl-app.fullscreen-mode:has(.docs-main),.purl-app.fullscreen-mode:has(.about-main){overflow:auto!important;height:auto!important;min-height:100vh}.purl-app.fullscreen-mode .docs-main,.purl-app.fullscreen-mode .about-main{height:auto!important;overflow-y:auto!important;overflow-x:hidden!important}.docs-main,.about-main{overflow-y:auto!important;height:auto!important;max-height:none!important}.docs-main{background:#000}.docs-main:has(.about-page.light){background:#f8fafc}body:has(.docs-main),body:has(.about-main),html:has(.docs-main),html:has(.about-main){overflow:auto!important;height:auto!important}body.docs-page,body.about-page,html.docs-page,html.about-page{overflow:auto!important;height:auto!important}.purl-app .docs-main .about-container,.purl-app .about-main .about-container{max-height:none!important;height:auto!important;overflow:visible!important}.purl-app:has(.docs-main) .about-container,.purl-app:has(.about-main) .about-container{max-height:none!important;height:auto!important;overflow:visible!important}.terminal-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);padding:1.5rem 3rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,255,0,.2);background:#000c;box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100vw;overflow:hidden}.terminal-header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem;width:100%}.header-brand{display:flex;align-items:center;gap:2rem}.brand-logo{display:flex;align-items:center;gap:1rem}.logo-image{width:32px;height:32px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(0,255,0,.3))}.site-name{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);letter-spacing:-.05em}.header-connection-status{display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#0f0c}.header-connection-status .status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.header-connection-status .status-dot.connected{background:#0f0;box-shadow:0 0 0 2px #0f03,0 0 10px #0f06;animation:pulse 2s infinite}.header-connection-status .status-dot.disconnected{background:#f44;box-shadow:0 0 0 2px #f443}.header-connection-status .status-text{font-weight:500;text-transform:uppercase;letter-spacing:.05em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.header-nav{display:flex;align-items:center;gap:2.5rem}@media (max-width: 1023px){nav.header-nav.desktop-nav,.header-nav.desktop-nav,nav.desktop-nav,.header-nav,.desktop-nav{display:none!important;visibility:hidden!important}}.nav-link{font-family:Courier New,monospace;font-size:.875rem;font-weight:500;color:#0f0c;text-decoration:none;padding:.5rem 1rem;border-radius:.25rem;border:1px solid transparent;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.nav-link:hover{color:#0f0;border-color:#00ff004d;background:#00ff000d;text-shadow:0 0 5px rgba(0,255,0,.3)}.header-actions,.social-links{display:flex;align-items:center;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#0f0c;border:1px solid rgba(0,255,0,.3);border-radius:50%;text-decoration:none;transition:all .2s ease;background:#00ff000d}.social-link:hover{color:#0f0;border-color:#0f09;background:#00ff001a;transform:scale(1.05);box-shadow:0 0 15px #00ff004d}.social-icon{width:18px;height:18px}.contract-section{display:flex;align-items:center}.contract-btn{display:flex;align-items:center;gap:.5rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;padding:.5rem .75rem;font-family:Courier New,monospace;font-size:.75rem;color:#00ff00e6;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.contract-btn:hover{background:#00ff0026;border-color:#00ff0080;color:#0f0;transform:translateY(-1px);box-shadow:0 4px 12px #0f03}.contract-btn.copied{background:#0f03;border-color:#0f09;color:#0f0}.contract-label{font-weight:600;opacity:.8}.contract-address{font-weight:500;letter-spacing:.05em}.copy-success{color:#0f0;font-weight:700;text-shadow:0 0 5px rgba(0,255,0,.5);animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cat-display .debug-toggle{display:none}.settings-toggle{position:fixed;bottom:5rem;left:1.5rem;z-index:50}.settings-toggle-btn{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--purl-gray-200);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 20px 25px -5px #0000001a;font-size:1.2rem}.settings-toggle-btn:hover{transform:scale(1.05)}.fullscreen-dark .settings-toggle-btn{background:#00ff001a;border:1px solid #00ff00;color:#0f0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 10px #00ff004d}.fullscreen-dark .settings-toggle-btn:hover{background:#0f03}.fullscreen-light .settings-toggle-btn{background:#ffffffe6;border:1px solid #cbd5e1;color:#1e293b;box-shadow:0 10px 15px -3px #0000001a}.fullscreen-light .settings-toggle-btn:hover{background:#fff;box-shadow:0 20px 25px -5px #0000001a}.theme-toggle{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50}.theme-toggle-btn{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--purl-gray-200);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 20px 25px -5px #0000001a;font-size:1.2rem}.theme-toggle-btn:hover{transform:scale(1.05)}.fullscreen-dark .theme-toggle-btn,.dark .theme-toggle-btn{background:#00ff001a;border:1px solid #00ff00;color:#0f0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 10px #00ff004d}.fullscreen-dark .theme-toggle-btn:hover,.dark .theme-toggle-btn:hover{background:#0f03}.purl-app:has(.fullscreen-light){background:#f8fafc;color:#1e293b}.app-main:has(.fullscreen-light){background:#f8fafc}.tamagotchi-screen.fullscreen-light{background:#f8fafc}.tamagotchi-screen.fullscreen-light:before{background:linear-gradient(0deg,transparent 0%,transparent 49%,rgba(30,41,59,.08) 49.5%,rgba(30,41,59,.12) 50%,rgba(30,41,59,.08) 50.5%,transparent 51%,transparent 100%)}.tamagotchi-screen.fullscreen-light:after{background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(30,41,59,.02) 2px,rgba(30,41,59,.02) 3px)}.fullscreen-light .ascii-cat{color:#1e293b;text-shadow:0 0 5px rgba(30,41,59,.3),0 0 10px rgba(30,41,59,.2),0 0 15px rgba(30,41,59,.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.fullscreen-light .lcd-header{border-bottom:1px solid #cbd5e1}.fullscreen-light .pet-name{color:#1e293b;text-shadow:0 0 5px rgba(30,41,59,.2)}.fullscreen-light .connection-status{color:#64748b}.fullscreen-light .state-indicator{color:#64748b;text-shadow:0 0 5px rgba(100,116,139,.2)}.fullscreen-light .control-buttons{background:#ffffffe6;border:1px solid #cbd5e1;box-shadow:0 10px 15px -3px #0000001a}.fullscreen-light .control-btn{background:#1e293b0d;border:1px solid #cbd5e1;color:#1e293b}.fullscreen-light .control-btn:hover{background:#1e293b1a;transform:translateY(-1px)}.fullscreen-light .control-btn.active{background:#ba8259;color:#fff;border-color:#ba8259}.fullscreen-light .theme-toggle-btn,.light .theme-toggle-btn{background:#ffffffe6;border:1px solid #cbd5e1;color:#1e293b;box-shadow:0 10px 15px -3px #0000001a}.fullscreen-light .theme-toggle-btn:hover,.light .theme-toggle-btn:hover{background:#fff;box-shadow:0 20px 25px -5px #0000001a}.header-theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px;margin-left:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.header-theme-toggle:hover{background:#fff3;transform:scale(1.05)}.terminal-header.dark .header-theme-toggle{background:#00ff001a;border:1px solid #00ff00;color:#0f0}.terminal-header.dark .header-theme-toggle:hover{background:#0f03}.terminal-header.light .header-theme-toggle{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#1e293b}.terminal-header.light .header-theme-toggle:hover{background:#0000001a}.mobile-theme-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;cursor:pointer;transition:all .2s ease;margin-top:8px;width:100%;text-align:left}.mobile-theme-toggle:hover{background:#ffffff1a}.mobile-theme-toggle .theme-icon{font-size:18px}.mobile-theme-toggle .theme-label{font-size:14px}.terminal-header.dark .mobile-theme-toggle{background:#00ff000d;border:1px solid rgba(0,255,0,.2)}.terminal-header.dark .mobile-theme-toggle:hover{background:#00ff001a}.terminal-header.light .mobile-theme-toggle{background:#00000008;border:1px solid rgba(0,0,0,.1)}.terminal-header.light .mobile-theme-toggle:hover{background:#0000000d}.terminal-header.light{background:#f8fafce6;border-bottom:1px solid rgba(203,213,225,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.terminal-header.light .site-name{color:#1e293b;text-shadow:0 0 10px rgba(30,41,59,.2)}.terminal-header.light .logo-image{filter:drop-shadow(0 0 10px rgba(30,41,59,.2))}.terminal-header.light .nav-link{color:#1e293bcc}.terminal-header.light .nav-link:hover{color:#ba8259;border-color:#ba82594d;background:#ba82590d;text-shadow:0 0 5px rgba(186,130,89,.3)}.terminal-header.light .social-link{color:#1e293bcc;border-color:#cbd5e199;background:#ffffff80}.terminal-header.light .social-link:hover{color:#ba8259;border-color:#ba825999;background:#ba82591a;box-shadow:0 0 15px #ba825933}.terminal-header.light .contract-btn{background:#ffffffb3;border-color:#cbd5e199;color:#1e293be6}.terminal-header.light .contract-btn:hover{background:#ffffffe6;border-color:#ba825980;color:#ba8259;box-shadow:0 4px 12px #ba825926}.terminal-header.light .contract-btn.copied{background:#ba82591a;border-color:#ba825999;color:#ba8259}.terminal-header.light .copy-success{color:#ba8259;text-shadow:0 0 5px rgba(186,130,89,.3)}.terminal-header.light .header-connection-status{color:#1e293bcc}.terminal-header.light .header-connection-status .status-dot.connected{background:#10b981;box-shadow:0 0 0 2px #10b98133,0 0 10px #10b9814d}.terminal-header.light .header-connection-status .status-dot.disconnected{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.about-main{overflow-y:auto;background:#000}.about-page{min-height:calc(100vh - var(--header-height));color:#0f0;font-family:Courier New,monospace;line-height:1.6}.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-header{text-align:center;margin-bottom:4rem;padding:2rem 0}.about-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.about-logo-image{width:64px;height:64px;border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,255,0,.4))}.about-title{font-size:3rem;font-weight:700;color:#0f0;text-shadow:0 0 20px rgba(0,255,0,.6);margin:0;letter-spacing:-.02em}.about-subtitle{font-size:1.25rem;color:#0f0c;margin:0;font-weight:400}.about-content{display:flex;flex-direction:column;gap:4rem}.content-section{background:#00ff0008;border:1px solid rgba(0,255,0,.2);border-radius:.5rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{font-size:1.75rem;font-weight:600;color:#0f0;margin:0 0 1.5rem;text-shadow:0 0 10px rgba(0,255,0,.4);border-bottom:2px solid rgba(0,255,0,.3);padding-bottom:.5rem}.section-text{font-size:1rem;color:#00ff00e6;margin:0 0 1rem;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-card{background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;padding:1.5rem;transition:all .3s ease}.feature-card:hover{background:#00ff0014;border-color:#00ff0080;transform:translateY(-2px);box-shadow:0 8px 25px #00ff0026}.feature-icon{font-size:2rem;margin-bottom:1rem;filter:grayscale(100%)}.feature-title{font-size:1.125rem;font-weight:600;color:#0f0;margin:0 0 .75rem}.feature-description{font-size:.9rem;color:#0f0c;margin:0;line-height:1.6}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1.5rem}.tech-item{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:.25rem;padding:1rem}.tech-name{font-weight:600;color:#0f0;font-size:1rem;margin-bottom:.25rem}.tech-desc{color:#fffc;font-size:.875rem;line-height:1.4}.steps-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.step-item{display:flex;gap:1rem;align-items:flex-start}.step-number{background:#0f03;border:2px solid rgba(0,255,0,.5);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f0;font-size:1.125rem;flex-shrink:0}.step-content{flex:1}.step-title{font-size:1.125rem;font-weight:600;color:#0f0;margin:0 0 .5rem}.step-description{font-size:.9rem;color:#0f0c;margin:0;line-height:1.6}.contact-links{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.75rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;padding:.75rem 1rem;text-decoration:none;color:#00ff00e6;transition:all .2s ease;font-weight:500}.contact-link:hover{background:#00ff0026;border-color:#00ff0080;color:#0f0;transform:translateY(-1px)}.contact-icon{font-size:1.25rem}.contact-label{font-size:.9rem}.about-footer{text-align:center;margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(0,255,0,.2)}.footer-text{font-size:1rem;color:#0f0c;margin:0 0 .5rem}.footer-copyright{font-size:.875rem;color:#0f09;margin:0}.brand-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:all .2s ease}.brand-logo:hover{transform:scale(1.02)}.about-page.light{color:#1e293b}.about-main:has(.about-page.light){background:#f8fafc}.about-page.light .about-title{color:#1e293b;text-shadow:0 0 20px rgba(30,41,59,.3)}.about-page.light .about-subtitle{color:#1e293bcc}.about-page.light .about-logo-image{filter:drop-shadow(0 0 20px rgba(30,41,59,.2))}.about-page.light .content-section{background:#ffffffb3;border:1px solid rgba(203,213,225,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-page.light .section-title{color:#1e293b;text-shadow:0 0 10px rgba(30,41,59,.2);border-bottom-color:#cbd5e180}.about-page.light .section-text{color:#1e293be6}.about-page.light .feature-card{background:#ffffff80;border:1px solid rgba(203,213,225,.6)}.about-page.light .feature-card:hover{background:#fffc;border-color:#ba825980;box-shadow:0 8px 25px #ba825926}.about-page.light .feature-title{color:#1e293b}.about-page.light .feature-description{color:#1e293bcc}.about-page.light .tech-item{background:#ffffff80;border:1px solid rgba(203,213,225,.5)}.about-page.light .tech-name{color:#1e293b}.about-page.light .tech-desc{color:#1e293bcc}.about-page.light .step-number{background:#ba82591a;border-color:#ba825980;color:#ba8259}.about-page.light .step-title{color:#1e293b}.about-page.light .step-description{color:#1e293bcc}.about-page.light .contact-link{background:#ba82591a;border:1px solid rgba(186,130,89,.3);color:#1e293be6}.about-page.light .contact-link:hover{background:#ba825926;border-color:#ba825980;color:#ba8259}.about-page.light .footer-text{color:#1e293bcc}.about-page.light .footer-copyright{color:#1e293b99}.about-page.light .about-footer{border-top-color:#cbd5e180}.about-page.dark .feature-card,.about-page:not(.light) .feature-card{background:#00ff000d;border:1px solid rgba(0,255,0,.3)}.about-page.dark .feature-card:hover,.about-page:not(.light) .feature-card:hover{background:#00ff0014;border-color:#00ff0080;box-shadow:0 8px 25px #00ff0026}.about-page.dark .feature-title,.about-page:not(.light) .feature-title{color:#fff}.about-page.dark .feature-description,.about-page:not(.light) .feature-description{color:#fffc}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .3s ease;position:relative;z-index:110}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn:focus{outline:2px solid rgba(0,255,0,.5);outline-offset:2px}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.hamburger-line{width:100%;height:2px;background:currentColor;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-line:nth-child(1){margin-bottom:6px}.hamburger-line:nth-child(2){margin-bottom:6px}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:#111827f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(0,255,0,.2);z-index:100;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.mobile-nav.open{transform:translate(0)}.mobile-nav-content{display:flex;flex-direction:column;height:100%;padding:5rem 2rem 2rem}.mobile-nav-links{flex:1;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:#ffffffe6;border-radius:.75rem;transition:all .3s ease;border:1px solid transparent;font-size:1.125rem;font-weight:500}.mobile-nav-link:hover{background:#00ff001a;border-color:#00ff004d;color:#0f0;transform:translate(8px)}.mobile-nav-link .nav-icon{font-size:1.5rem;min-width:2rem;text-align:center}.mobile-nav-footer{border-top:1px solid rgba(0,255,0,.2);padding-top:2rem;margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-social-links{display:flex;flex-direction:column;gap:.75rem}.mobile-social-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#fffc;border:1px solid rgba(0,255,0,.2);border-radius:.5rem;transition:all .3s ease;font-size:.9rem}.mobile-social-link:hover{background:#00ff001a;border-color:#0f06;color:#0f0}.mobile-contract-section{display:flex;flex-direction:column}.mobile-contract-btn{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#ffffffe6;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;text-align:left}.mobile-contract-btn:hover{background:#0f03;border-color:#00ff0080}.mobile-contract-btn.copied{background:#0f03;border-color:#0f09}.mobile-contract-btn .contract-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.mobile-contract-btn .contract-address{font-family:Courier New,monospace;font-size:.9rem;color:#0f0}.mobile-contract-btn .copy-success{font-size:.8rem;color:#0f0;font-weight:600}.mobile-connection-status{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0000004d;border:1px solid rgba(0,255,0,.2);border-radius:.5rem;color:#fffc;font-size:.9rem}.mobile-connection-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mobile-connection-status .status-dot.connected{background:#10b981;box-shadow:0 0 0 2px #10b9814d,0 0 8px #10b98166}.mobile-connection-status .status-dot.disconnected{background:#ef4444;box-shadow:0 0 0 2px #ef44444d}.mobile-nav.light{background:#f8fafcf2;border-left-color:#ba825933}.mobile-nav.light .mobile-nav-link{color:#1e293be6}.mobile-nav.light .mobile-nav-link:hover{background:#ba82591a;border-color:#ba82594d;color:#ba8259}.mobile-nav.light .mobile-nav-footer{border-top-color:#ba825933}.mobile-nav.light .mobile-social-link{color:#1e293bcc;border-color:#ba825933}.mobile-nav.light .mobile-social-link:hover{background:#ba82591a;border-color:#ba825966;color:#ba8259}.mobile-nav.light .mobile-contract-btn{background:#ba82591a;border-color:#ba82594d;color:#1e293be6}.mobile-nav.light .mobile-contract-btn:hover{background:#ba825933;border-color:#ba825980}.mobile-nav.light .mobile-contract-btn .contract-address,.mobile-nav.light .mobile-contract-btn .copy-success{color:#ba8259}.mobile-nav.light .mobile-connection-status{background:#fff9;border-color:#ba825933;color:#1e293bcc}.desktop-only{display:flex}@media (min-width: 767.1px) and (max-width: 1023px){.ascii-cat{font-size:clamp(24px,12vw,96px);max-width:95vw;max-height:65vh;line-height:.8;white-space:pre;overflow-x:auto;overflow-y:hidden}.ascii-container.cat-left .ascii-cat{max-width:75vw}.ascii-container.cat-right .ascii-cat{max-width:65vw}.ascii-container.cat-center .ascii-cat{max-width:90vw}}@media (max-width: 767px){.about-container{padding:1rem}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.about-logo-image{width:48px;height:48px}.features-grid,.tech-grid{grid-template-columns:1fr}.tech-item{padding:.75rem}.contact-links{flex-direction:column}.step-item{flex-direction:column;align-items:center;text-align:center}}.thought-box{position:absolute;top:20%;left:55%;z-index:50;max-width:400px;min-width:320px;pointer-events:none}.thought-bubble{position:relative;z-index:15;animation:thoughtFadeIn .5s ease-out}.ascii-bubble{font-family:Courier New,Lucida Console,Monaco,monospace;font-size:1.1rem;font-weight:700;line-height:1.4;white-space:pre;text-align:left;margin-bottom:1rem}.bubble-line{display:block;margin:0;padding:0}.thought-tail{text-align:left;padding-left:0;margin-left:-3rem;opacity:.8;font-size:1.3em;transform:scaleX(-1)}.thought-status{text-align:center;margin-top:.5rem}.status-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;font-family:Courier New,monospace}.status-indicator.typing .dot{width:4px;height:4px;border-radius:50%;display:inline-block;animation:typingDots 1.5s infinite}.status-indicator.typing .dot:nth-child(1){animation-delay:0s}.status-indicator.typing .dot:nth-child(2){animation-delay:.2s}.status-indicator.typing .dot:nth-child(3){animation-delay:.4s}.status-text{margin-left:.25rem}.thought-box.dark .ascii-bubble{color:#0f0;text-shadow:0 0 3px #00ff00,0 0 6px #00ff00;filter:drop-shadow(0 0 8px rgba(0,255,0,.3))}.thought-box.dark .thought-tail{color:#0f0;text-shadow:0 0 3px #00ff00}.thought-box.dark .status-indicator.typing .dot{background:#0f0;box-shadow:0 0 3px #0f0}.thought-box.dark .status-indicator.typing .status-text{color:#0f0;text-shadow:0 0 3px #00ff00}.thought-box.dark .status-indicator.idle .status-text{filter:drop-shadow(0 0 3px #00ff00)}.thought-box.light .ascii-bubble{color:#2d3748;text-shadow:0 0 2px rgba(45,55,72,.3),0 0 4px rgba(45,55,72,.2);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.thought-box.light .thought-tail{color:#4a5568;text-shadow:0 0 2px rgba(74,85,104,.3)}.thought-box.light .status-indicator.typing .dot{background:#4a5568;box-shadow:0 0 2px #4a55684d}.thought-box.light .status-indicator.typing .status-text{color:#4a5568;text-shadow:0 0 2px rgba(74,85,104,.3)}.thought-box.light .status-indicator.idle .status-text{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes thoughtFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingDots{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.thought-box.debug-left{left:10%!important;transform:scaleX(1)!important}.thought-box.debug-left .thought-tail{transform:scaleX(1)!important;margin-left:3rem!important;text-align:right!important}.thought-box.debug-right{left:55%!important}.thought-box.debug-center-top{top:10%!important;left:50%!important;transform:translate(-50%)!important}.thought-box.debug-center-top .thought-tail{text-align:center!important;margin-left:0!important;transform:rotate(90deg)!important}.thought-box.debug-bottom{top:65%!important;left:50%!important;transform:translate(-50%)!important}.thought-box.debug-bottom .thought-tail{text-align:center!important;margin-left:0!important;transform:rotate(-90deg)!important}.ascii-container.cat-bounce{--cat-y: 45%;animation:catBounce .6s ease-in-out}.ascii-container.cat-wiggle{animation:catWiggle .5s ease-in-out}.ascii-container.cat-grow{--cat-scale: 1.1}.ascii-container.cat-shrink{--cat-scale: .9}.ascii-container.cat-left{--cat-x: 30%}.ascii-container.cat-right{--cat-x: 70%}.ascii-container.cat-left .ascii-cat{max-width:60vw}.ascii-container.cat-right .ascii-cat{max-width:50vw}.ascii-container.cat-center .ascii-cat{max-width:80vw}.ascii-container.cat-top{--cat-y: 30%}.ascii-container.cat-bottom{--cat-y: 70%}@keyframes catBounce{0%,to{transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(var(--cat-rotate)) translateY(0)}50%{transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(var(--cat-rotate)) translateY(-20px)}}@keyframes catWiggle{0%,to{transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(0)}25%{transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(-5deg)}75%{transform:translate(-50%,-50%) scale(var(--cat-scale)) rotate(5deg)}}@media (max-width: 767px){.thought-box{top:16%;left:18%;max-width:320px;min-width:240px}.ascii-bubble{font-size:.9rem;line-height:1.3;font-weight:700}.thought-tail{font-size:1.1em;padding-left:0;margin-left:-2rem;transform:scaleX(-1)}.status-indicator{font-size:.75rem}.status-indicator.typing .dot{width:3px;height:3px}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--purl-gray-200);background:#f8fafccc}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--purl-gray-900);min-width:0;flex:1}.sidebar-logo{width:32px;height:32px}.docs-sidebar .brand-name{font-size:1.125rem;font-weight:600;color:var(--purl-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-section{padding:1rem 1.5rem 1.25rem;border-bottom:1px solid var(--purl-gray-200);background:#ffffff80}.search-box{position:relative}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--purl-gray-200);border-radius:.5rem;background:var(--purl-gray-50);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--purl-blue);background:var(--purl-white);box-shadow:0 0 0 3px #ba82591a}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--purl-gray-600);font-size:.875rem}.docs-nav{flex:1;padding:.75rem 0}.nav-section{margin-bottom:.25rem}.section-header{width:100%;padding:.875rem 1.5rem;background:none;border:none;text-align:left;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--purl-gray-700);border-radius:0}.section-header:hover{background:#f8fafccc;color:var(--purl-gray-900)}.section-header.expanded{background:#f3f4f6cc;color:var(--purl-gray-900);font-weight:600}.section-icon{font-size:1rem}.section-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.expand-icon{color:var(--purl-gray-600);font-size:.75rem;transition:transform .2s ease}.section-header.expanded .expand-icon{transform:rotate(0)}.subsections{list-style:none;margin:0;padding:0}.subsection-link{width:100%;padding:.625rem 3rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s ease;font-size:.8125rem;color:var(--purl-gray-600);display:block;border-radius:0;line-height:1.4}.subsection-link:hover{background:#f8fafccc;color:var(--purl-gray-900)}.subsection-link.active{background:var(--purl-blue);color:#fff;font-weight:500;border-left:3px solid var(--purl-blue);padding-left:2.8125rem}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:50;background:var(--purl-white);border:1px solid var(--purl-gray-200);border-radius:.5rem;padding:.75rem;font-size:1.125rem;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a}.docs-content{flex:1;overflow-y:auto;background:var(--purl-white)}.content-wrapper{max-width:800px;padding:2rem;margin:0 auto}.doc-section{margin-bottom:3rem;scroll-margin-top:2rem}.doc-section h1{font-size:2.5rem;font-weight:700;color:#000!important;margin-bottom:1rem}.doc-section h2{font-size:1.875rem;font-weight:600;color:var(--purl-gray-900);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--purl-gray-200)}.doc-section h3{font-size:1.5rem;font-weight:600;color:var(--purl-gray-900);margin:1.5rem 0 1rem}.section-intro{font-size:1.125rem;color:var(--purl-gray-600);line-height:1.6;margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.feature-card{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.feature-card:hover{border-color:var(--purl-blue);box-shadow:0 4px 6px -1px #0000001a}.feature-card h3{margin:0 0 .75rem;font-size:1.125rem;color:var(--purl-gray-900)}.feature-card p{margin:0;color:var(--purl-gray-600);font-size:.875rem;line-height:1.5}.code-block{background:var(--purl-gray-900);border-radius:.75rem;margin:1.5rem 0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.code-header{background:#ffffff1a;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-title{color:var(--purl-gray-200);font-size:.875rem;font-weight:500}.copy-btn{background:none;border:none;color:var(--purl-gray-400);cursor:pointer;font-size:.875rem;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.copy-btn:hover{color:var(--purl-white);background:#ffffff1a}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto;background:transparent}.code-block code{color:var(--purl-gray-100);font-family:Courier New,Lucida Console,Monaco,monospace;font-size:.875rem;line-height:1.5}.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.toc-link{display:block;padding:1rem;background:var(--purl-gray-800);border:1px solid var(--purl-gray-700);border-radius:8px;color:var(--purl-white);text-decoration:none;transition:all .3s ease;font-weight:500}.toc-link:hover{background:var(--purl-gray-700);border-color:var(--purl-green);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.light .toc-link{background:var(--purl-white);border-color:var(--purl-gray-200);color:var(--purl-gray-800)}.light .toc-link:hover{background:var(--purl-gray-50);border-color:var(--purl-blue);box-shadow:0 4px 12px #0000001a}.feature-link{text-decoration:none;color:inherit;display:block;height:100%}.feature-link:hover{text-decoration:none}.feature-link .feature-card{transition:all .3s ease}.feature-link:hover .feature-card{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.light .feature-link:hover .feature-card{box-shadow:0 8px 25px #00000014}.code-block{background:var(--purl-gray-900);border:1px solid var(--purl-gray-700);border-radius:8px;padding:1.5rem;margin:1.5rem 0;font-family:Courier New,Consolas,monospace;font-size:.875rem;line-height:1.6;color:var(--purl-green);overflow-x:auto;white-space:pre;position:relative}.light .code-block{background:var(--purl-gray-50);border-color:var(--purl-gray-200);color:var(--purl-gray-800)}code{background:var(--purl-gray-800);color:var(--purl-green);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,Consolas,monospace;font-size:.875em}.light code{background:var(--purl-gray-100);color:var(--purl-blue)}.docs-main .content-section{margin-bottom:3rem}.docs-main .section-title{border-bottom:2px solid var(--purl-green);padding-bottom:.5rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.light .docs-main .section-title{border-bottom-color:var(--purl-blue)}.docs-main h3{color:var(--purl-green);font-size:1.35rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.25rem;border-bottom:1px solid rgba(0,255,65,.3)}.light .docs-main h3{color:var(--purl-blue);border-bottom-color:#2563eb4d}.docs-main h4{color:var(--purl-white);font-size:1.1rem;font-weight:500;margin:1.5rem 0 .75rem}.light .docs-main h4{color:var(--purl-gray-800)}.docs-main .about-page.light{color:#1e293b}.docs-main .about-page.light .about-container{background:#f8fafc}.docs-main .about-page.light .about-title{color:#1e293b;text-shadow:0 0 20px rgba(30,41,59,.3)}.docs-main .about-page.light .about-subtitle{color:#1e293bcc}.docs-main .about-page.light .content-section{background:#ffffffb3;border:1px solid rgba(203,213,225,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.docs-main .about-page.light .section-text{color:#1e293be6}.docs-main .about-page.light .feature-card{background:#ffffff80;border:1px solid rgba(203,213,225,.6)}.docs-main .about-page.light .feature-card:hover{background:#fffc;border-color:#2563eb80;box-shadow:0 8px 25px #2563eb26}.docs-main .about-page.light .feature-title{color:#1e293b}.docs-main .about-page.light .feature-description{color:#1e293bcc}.docs-main .about-page.dark,.docs-main .about-page:not(.light){color:#0f0}.docs-main .about-page.dark .content-section,.docs-main .about-page:not(.light) .content-section{background:#00ff000d;border:1px solid rgba(0,255,0,.3)}.docs-main .about-page.dark .feature-card,.docs-main .about-page:not(.light) .feature-card{background:#00ff000d;border:1px solid rgba(0,255,0,.3)}.docs-main .about-page.dark .feature-card:hover,.docs-main .about-page:not(.light) .feature-card:hover{background:#00ff0014;border-color:#00ff0080;box-shadow:0 8px 25px #00ff0026}.docs-main .about-page.dark .feature-title,.docs-main .about-page:not(.light) .feature-title{color:#fff}.docs-main .about-page.dark .feature-description,.docs-main .about-page:not(.light) .feature-description{color:#fffc}.docs-main .about-page.dark .section-text,.docs-main .about-page:not(.light) .section-text{color:#ffffffe6}.docs-main .contact-link{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#ffffffe6}.docs-main .contact-link:hover{background:#00ff0026;border-color:#00ff0080;color:#fff}.docs-main .about-page.light .contact-link{background:#2563eb1a;border:1px solid rgba(37,99,235,.3);color:#1e293be6}.docs-main .about-page.light .contact-link:hover{background:#2563eb26;border-color:#2563eb80;color:#1e293b}.docs-main .toc-link{background:#00ff0014;border:1px solid rgba(0,255,0,.3);color:#ffffffe6}.docs-main .toc-link:hover{background:#00ff001f;border-color:#00ff0080;color:#fff}.docs-main .about-page.light .toc-link{background:#fffc;border:1px solid rgba(203,213,225,.6);color:#1e293be6}.docs-main .about-page.light .toc-link:hover{background:#fffffff2;border-color:#2563eb80;color:#1e293b}.section-list{margin:1rem 0;padding-left:1.5rem}.section-list li{margin-bottom:.5rem;line-height:1.6}.section-list strong{color:var(--purl-green)}.light .section-list strong{color:var(--purl-blue)}.inline-icon{display:inline;vertical-align:middle;margin-right:.5rem}.inline-link{color:var(--purl-green);text-decoration:underline;font-weight:500;transition:all .2s ease}.inline-link:hover{color:var(--purl-white);text-decoration:none}.light .inline-link{color:var(--purl-blue)}.light .inline-link:hover{color:var(--purl-gray-800)}.toc-link .inline-icon{margin-right:.75rem}.contact-icon{display:inline-flex;align-items:center;margin-right:.5rem}.docs-main .content-section{padding:2rem;margin-bottom:3rem;border-radius:12px}.docs-main .about-page.light .content-section{padding:2rem}.docs-main .section-text{margin-bottom:1.5rem;line-height:1.7}.docs-main .section-text:last-child{margin-bottom:0}.docs-main .section-list{margin:1.5rem 0;line-height:1.6}.docs-main .section-list li{margin-bottom:.75rem}.docs-main .features-grid{margin:2rem 0;gap:1.5rem}@media (max-width: 768px){.toc-grid{grid-template-columns:1fr}.code-block{padding:1rem;font-size:.8rem}.docs-main .content-section{margin-bottom:2rem;padding:1.5rem}.docs-main h3{font-size:1.2rem;margin:1.5rem 0 .75rem}.docs-main h4{font-size:1rem;margin:1rem 0 .5rem}.inline-icon{margin-right:.25rem}.docs-main .features-grid{gap:1rem}}.api-table{margin:1.5rem 0;overflow-x:auto}.api-table table{width:100%;border-collapse:collapse;background:var(--purl-white);border:1px solid var(--purl-gray-200);border-radius:.75rem;overflow:hidden}.api-table th{background:var(--purl-gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--purl-gray-900);border-bottom:1px solid var(--purl-gray-200)}.api-table td{padding:1rem;border-bottom:1px solid var(--purl-gray-100);color:var(--purl-gray-600)}.api-table code{background:var(--purl-gray-100);padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--purl-gray-900)}.troubleshoot-item{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.troubleshoot-item h3{margin:0 0 1rem;color:var(--purl-gray-900)}.troubleshoot-item p{margin:.5rem 0;color:var(--purl-gray-600);line-height:1.5}.docs-page{background:var(--purl-white);color:var(--purl-gray-900)}.docs-page .docs-sidebar{background:#fffffff2;border-right:1px solid var(--purl-gray-200)}.docs-page .brand-link,.docs-page .docs-sidebar .brand-name,.docs-page .section-header,.docs-page .subsection-link{color:var(--purl-gray-900)!important}.docs-page .search-input{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200);color:var(--purl-gray-900)}.docs-page .search-input:focus{border-color:var(--purl-blue);box-shadow:0 0 0 3px #ba82591a}.docs-page .section-header:hover,.docs-page .subsection-link:hover{background:var(--purl-gray-50)}.docs-page .subsection-link.active{background:var(--purl-blue);color:#fff}.docs-page .docs-content{background:var(--purl-white)}.docs-page h1,.docs-page h2,.docs-page h3{color:#000!important}.docs-page h2{border-bottom-color:var(--purl-gray-200)}.docs-page .feature-card,.docs-page .troubleshoot-item{background:var(--purl-gray-50);border:1px solid var(--purl-gray-200)}.docs-page.dark{background:#0a0a0a;color:#0f0}.docs-page.dark .docs-sidebar{background:#001400f2;border-right:1px solid #00ff00}.docs-page.dark .sidebar-header{background:#002800cc;border-bottom:1px solid #00ff00}.docs-page.dark .search-section{background:#001e0099;border-bottom:1px solid #00ff00}.docs-page.dark .brand-link,.docs-page.dark .docs-sidebar .brand-name,.docs-page.dark .section-header,.docs-page.dark .subsection-link{color:#0f0!important}.docs-page.dark .search-input{background:#001400cc;border:1px solid #00ff00;color:#0f0}.docs-page.dark .search-input:focus{border-color:#0f0;box-shadow:0 0 0 3px #0f03}.docs-page.dark .section-header:hover{background:#00ff0026;color:#0f0}.docs-page.dark .section-header.expanded{background:#0f03;color:#0f0}.docs-page.dark .subsection-link:hover{background:#00ff001a;color:#0f0}.docs-page.dark .subsection-link.active{background:#0f0;color:#000;border-left:3px solid #00ff00}.docs-page.dark .docs-content{background:#0a0a0a}.docs-page.dark h1,.docs-page.dark h2,.docs-page.dark h3{color:#0f0;text-shadow:0 0 3px #00ff00}.docs-page.dark h2{border-bottom-color:#0f0}.docs-page.dark .feature-card,.docs-page.dark .troubleshoot-item{background:#001400cc;border:1px solid #00ff00}@media (max-width: 768px){.sidebar-toggle{display:block}.docs-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:40}.docs-content{width:100%;padding-top:4rem}.content-wrapper{padding:1rem}.feature-grid{grid-template-columns:1fr}.api-table{font-size:.875rem}}.cat-position-tester{margin-top:1rem;padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:.5rem}.cat-position-tester h5{color:#0f0;margin:0 0 .75rem;font-size:.875rem;text-shadow:0 0 3px #00ff00}.bubble-position-tester{margin-top:1rem;padding:1rem;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:.5rem}.bubble-position-tester h5{color:#0f0;margin:0 0 .75rem;font-size:.875rem;text-shadow:0 0 3px #00ff00}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.pos-btn{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#fffc;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-family:Courier New,monospace}.pos-btn:hover{background:#0f03;border-color:#00ff0080;color:#0f0;transform:translateY(-1px)}.pos-btn.active{background:#00ff004d;border-color:#0f09;color:#0f0;text-shadow:0 0 3px #00ff00;box-shadow:0 0 8px #00ff004d}.maintenance-page{position:fixed;inset:0;width:100%;height:100vh;z-index:9999;overflow:hidden}.maintenance-background{position:absolute;inset:0;filter:blur(8px);opacity:.4;pointer-events:none}.maintenance-background .ascii-container{filter:blur(2px)}.maintenance-background .ascii-cat{opacity:.6}.maintenance-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.maintenance-content{text-align:center;max-width:600px;padding:3rem 2rem;background:#000000d9;border:2px solid #00ff88;border-radius:16px;box-shadow:0 8px 32px #00ff884d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:maintenanceGlow 3s ease-in-out infinite alternate}.maintenance-page.fullscreen-dark .maintenance-content,.maintenance-page:not(.fullscreen-light) .maintenance-content{background:#000000d9;border:2px solid #00ff88;box-shadow:0 8px 32px #00ff884d}.maintenance-page.fullscreen-dark .maintenance-overlay,.maintenance-page:not(.fullscreen-light) .maintenance-overlay{background:#000000b3}.maintenance-logo{margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.maintenance-logo-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,255,136,.6));animation:logoGlow 3s ease-in-out infinite alternate}.maintenance-title{font-family:Courier New,Monaco,Menlo,monospace;font-size:2.5rem;color:#0f8;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(0,255,136,.6);font-weight:700}.maintenance-message{margin-bottom:2rem}.maintenance-message p{font-family:Courier New,Monaco,Menlo,monospace;font-size:1.1rem;color:#fff;margin-bottom:1rem;line-height:1.6;opacity:.9}.maintenance-status{margin-bottom:2rem}.traffic-alert{background:#ffc1071a;border-bottom:1px solid #ffc107;padding:8px 0;position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.traffic-alert-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px}.traffic-alert-icon{color:#ffc107;display:flex;align-items:center}.traffic-alert-message{color:#ffc107;font-size:14px;font-weight:500;text-align:center}.traffic-alert.light{background:#ff98001a;border-bottom-color:#ff9800}.traffic-alert.light .traffic-alert-icon,.traffic-alert.light .traffic-alert-message{color:#ff9800}@media (max-width: 768px){.traffic-alert-message{font-size:12px}.traffic-alert-container{padding:0 15px}}.maintenance-social{margin-top:25px}.maintenance-x-link{display:inline-block;padding:12px 24px;background:#00ff001a;border:1px solid var(--purl-green);border-radius:8px;color:var(--purl-green);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.maintenance-x-link:hover{background:#0f03;transform:translateY(-2px);box-shadow:0 4px 15px #00ff004d}.maintenance-page .status-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Courier New,Monaco,Menlo,monospace;color:#0f8;font-size:1rem}.status-dot{width:12px;height:12px;background:#0f8;border-radius:50%;animation:statusPulse 2s ease-in-out infinite;box-shadow:0 0 10px #0f89}.maintenance-contact{font-family:Courier New,Monaco,Menlo,monospace;color:#ccc;font-size:.95rem}.maintenance-link{color:#0f8;text-decoration:none;transition:all .3s ease}.maintenance-link:hover{color:#fff;text-shadow:0 0 8px rgba(0,255,136,.8)}.maintenance-page.fullscreen-light .maintenance-content{background:#fffffff2!important;border-color:#ba8259!important;box-shadow:0 8px 32px #ba82594d!important}.maintenance-page.fullscreen-light .maintenance-logo-image{filter:drop-shadow(0 0 20px rgba(186,130,89,.6));animation:logoGlowLight 3s ease-in-out infinite alternate}.maintenance-page.fullscreen-light .maintenance-title{color:#ba8259;text-shadow:0 0 10px rgba(186,130,89,.5)}.maintenance-page.fullscreen-light .status-indicator{color:#ba8259!important;text-shadow:0 0 10px rgba(186,130,89,.5)}.maintenance-page.fullscreen-light .maintenance-message p{color:#333}.maintenance-page.fullscreen-light .status-dot{background:#ba8259;box-shadow:0 0 10px #ba825999;animation:statusPulseLight 2s ease-in-out infinite}.maintenance-page.fullscreen-light .maintenance-link{color:#ba8259}.maintenance-page.fullscreen-light .maintenance-link:hover{color:#8b4513;text-shadow:0 0 8px rgba(186,130,89,.8)}.maintenance-page.fullscreen-light .maintenance-overlay{background:#fffc!important}.maintenance-page.fullscreen-light .maintenance-x-link{background:#ba82591a!important;border-color:#ba8259!important;color:#ba8259!important}.maintenance-page.fullscreen-light .maintenance-x-link:hover{background:#ba825933!important;box-shadow:0 4px 15px #ba82594d!important}@keyframes maintenanceGlow{0%{box-shadow:0 8px 32px #00ff884d}to{box-shadow:0 12px 48px #00ff8880}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}to{filter:drop-shadow(0 0 30px rgba(0,255,136,.8))}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.maintenance-page.fullscreen-light .maintenance-content{animation:maintenanceGlowLight 3s ease-in-out infinite alternate}@keyframes maintenanceGlowLight{0%{box-shadow:0 8px 32px #ba82594d}to{box-shadow:0 12px 48px #ba825980}}@keyframes logoGlowLight{0%{filter:drop-shadow(0 0 20px rgba(186,130,89,.6))}to{filter:drop-shadow(0 0 30px rgba(186,130,89,.8))}}@keyframes statusPulseLight{0%,to{opacity:1;transform:scale(1);background:#ba8259;box-shadow:0 0 10px #ba825999}50%{opacity:.6;transform:scale(1.2);background:#ba8259;box-shadow:0 0 15px #ba8259cc}}@media (max-width: 768px){.maintenance-content{max-width:90%;padding:2rem 1.5rem}.maintenance-title{font-size:2rem}.maintenance-logo-image{width:100px;height:100px}.maintenance-message p{font-size:1rem}}@media (max-width: 480px){.maintenance-content{padding:1.5rem 1rem}.maintenance-title{font-size:1.75rem}.maintenance-logo-image{width:80px;height:80px}}.donations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:1.5rem 0}.donation-card{background:#00ff000d;border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:1.5rem;transition:all .3s ease}.donation-card:hover{background:#00ff0014;border-color:#00ff0080;transform:translateY(-2px);box-shadow:0 8px 25px #00ff0026}.donation-card.coming-soon{background:#00ff0005;border:1px dashed rgba(0,255,0,.2);opacity:.7}.donation-card.coming-soon:hover{background:#00ff000a;border-color:#00ff004d;opacity:.9}.donation-card.coming-soon .sol-amount{color:#ffffff80;font-style:italic}.donation-card.coming-soon .usd-amount{color:#fff9;font-style:italic}.donation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.donation-amount{display:flex;flex-direction:column;gap:.25rem}.sol-amount{font-size:1.5rem;font-weight:700;color:var(--purl-green);font-family:Courier New,monospace}.usd-amount{font-size:1rem;color:#fffc;font-weight:500}.donation-date{font-size:.9rem;color:#fff9;font-weight:500}.donation-details{display:flex;flex-direction:column;gap:.75rem}.donation-recipient,.donation-transaction{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.recipient-label,.transaction-label{font-weight:600;color:#ffffffe6;min-width:-moz-fit-content;min-width:fit-content}.recipient-link,.transaction-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--purl-green);text-decoration:none;font-weight:500;transition:all .2s ease}.recipient-link:hover,.transaction-link:hover{color:#fff;text-shadow:0 0 8px var(--purl-green)}.donation-description{color:#fffc;line-height:1.6;font-style:italic}.about-page.light .donation-card{background:#2563eb0d;border-color:#2563eb4d}.about-page.light .donation-card:hover{background:#2563eb14;border-color:#2563eb80;box-shadow:0 8px 25px #2563eb26}.about-page.light .donation-card.coming-soon{background:#2563eb05;border:1px dashed rgba(37,99,235,.2)}.about-page.light .donation-card.coming-soon:hover{background:#2563eb0a;border-color:#2563eb4d}.about-page.light .donation-card.coming-soon .sol-amount{color:#1e293b80}.about-page.light .donation-card.coming-soon .usd-amount{color:#1e293b99}.about-page.light .sol-amount{color:var(--purl-blue)}.about-page.light .usd-amount{color:#1e293bcc}.about-page.light .donation-date{color:#1e293b99}.about-page.light .recipient-label,.about-page.light .transaction-label{color:#1e293be6}.about-page.light .recipient-link,.about-page.light .transaction-link{color:var(--purl-blue)}.about-page.light .recipient-link:hover,.about-page.light .transaction-link:hover{color:#1e293b;text-shadow:0 0 8px var(--purl-blue)}.about-page.light .donation-description{color:#1e293bcc}@media (max-width: 768px){.donations-grid{grid-template-columns:1fr;gap:1rem}.donation-header{flex-direction:column;align-items:flex-start;gap:.75rem}.donation-card{padding:1rem}.sol-amount{font-size:1.25rem}.donation-recipient,.donation-transaction{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.donations-grid{gap:.75rem}.donation-card{padding:.75rem}}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}:root{--header-height: 80px;--footer-height: 100px;--mobile-header-height: 70px;--mobile-footer-height: 90px;--small-mobile-header-height: 60px;--small-mobile-footer-height: 90px}.fullscreen-chat-container{top:var(--header-height);left:0;right:0;bottom:var(--footer-height);width:100%;height:calc(100vh - var(--header-height) - var(--footer-height));display:flex;flex-direction:column;background:var(--bg-primary, #0a0a0a);color:var(--text-primary, #ffffff);font-family:Courier New,Monaco,Menlo,monospace;overflow:hidden;z-index:10}.fullscreen-chat-container.dark{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff}.fullscreen-chat-container.light{background:linear-gradient(135deg,#f8fafc,#fff);color:#0f172a}.chat-header{position:sticky;top:0;z-index:100;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,255,136,.2);padding:16px 20px;flex-shrink:0}.fullscreen-chat-container.light .chat-header{background:#fffffff2;border-bottom-color:#ba82594d;box-shadow:0 1px 3px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:none;margin:0}.chat-title-section{flex:1}.chat-title{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fullscreen-chat-container.light .chat-title{background:linear-gradient(135deg,#ba8259,#9c6d42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-subtitle{font-size:16px;margin:4px 0 0;opacity:.8;color:var(--text-secondary, #b0b0b0);font-weight:500}.fullscreen-chat-container.light .chat-subtitle{color:#64748b}.connection-status{display:flex;align-items:center;gap:16px}.connection-status .status-text{color:inherit;font-size:15px;font-weight:600}.fullscreen-chat-container.light .connection-status .status-text{color:#334155}.header-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:8px;color:#ff453a;font-size:14px}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.chat-box.socket-chat.fullscreen{background:transparent;border:none;border-radius:0;padding:0;overflow:hidden;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;width:100%;height:100%;max-width:none;box-sizing:border-box;display:flex;flex-direction:column;flex:1}.status-indicators{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.status-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;transition:all .3s ease}.status-indicator.connected{background:#0f83;border:1px solid rgba(0,255,136,.4);color:#0f8}.fullscreen-chat-container.light .status-indicator.connected{background:#ba825926;border:1px solid rgba(186,130,89,.4);color:#ba8259}.status-indicator.disconnected{background:#ff453a33;border:1px solid rgba(255,69,58,.4);color:#ff453a}.status-indicator.realtime{background:#ff950033;border:1px solid rgba(255,149,0,.4);color:#ff9500}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-dot.animate-pulse{animation:socketPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes socketPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.session-info{padding:4px 8px;background:#64646433;border-radius:8px;font-size:12px;font-family:Courier New,Monaco,Menlo,monospace;color:var(--text-secondary, #888)}.chat-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.control-button{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.control-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.control-button:hover:before{left:100%}.control-button.primary{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000}.control-button.primary:hover{background:linear-gradient(135deg,#00cc6a,#00a855);transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.control-button.secondary{background:#6464644d;color:var(--text-primary, #fff);border:1px solid rgba(100,100,100,.5)}.control-button.secondary:hover{background:#64646480;transform:translateY(-2px)}.control-button.success{background:linear-gradient(135deg,#34c759,#28a745);color:#fff}.control-button.success:hover{background:linear-gradient(135deg,#28a745,#1e7e34);transform:translateY(-2px);box-shadow:0 4px 12px #34c7594d}.control-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 120px;background:transparent;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:none!important;border-radius:0!important;min-height:0}.fullscreen-chat-container.light .messages-container{background:transparent}.messages-container:after{content:"";display:table;clear:both}.message-wrapper{width:100%;margin-bottom:8px}.message-wrapper:after{content:"";display:table;clear:both}.messages-list{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0f8,#00cc6a);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00cc6a,#00a855)}.message{margin-bottom:12px;padding:12px 16px;border-radius:18px;position:relative;animation:messageSlideIn .3s ease-out;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;font-size:16px;line-height:1.4;box-shadow:0 1px 3px #0000001a;display:inline-block;max-width:85%;width:-moz-fit-content;width:fit-content;clear:both}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;margin-left:auto;margin-right:8px;border-bottom-right-radius:4px;max-width:75%;float:right}.fullscreen-chat-container.light .message.user-message{background:linear-gradient(135deg,#ba8259,#9c6d42);color:#fff}.message.agent-message{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;margin-right:auto;margin-left:8px;border-bottom-left-radius:4px;max-width:75%;float:left}.fullscreen-chat-container.light .message.agent-message{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#0f172a;border:1px solid rgba(186,130,89,.2)}.message.system-message{background:#ff950033;border:1px solid rgba(255,149,0,.4);color:#ff9500;text-align:center;margin:8px auto;max-width:60%;font-style:italic;clear:both;float:none;display:block}.fullscreen-chat-container.light .message.system-message{background:#ba82591a;border:1px solid rgba(186,130,89,.3);color:#ba8259}.message.thinking{background:linear-gradient(135deg,#0f8,#00cc6a);animation:thinkingPulse 2s ease-in-out infinite}@keyframes thinkingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:700;opacity:.9}.message-author{opacity:.8;color:inherit}.fullscreen-chat-container.light .message-author{color:#334155}.fullscreen-chat-container.light .message.user-message .message-author{color:#fff;opacity:.95}.message-status{font-size:15px}.message-badge{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.message-badge.realtime{background:#ff95004d;color:#ff9500;animation:realtimeBadge 2s ease-in-out infinite}@keyframes realtimeBadge{0%,to{opacity:1}50%{opacity:.7}}.message-badge.api{background:#007aff4d;color:#007aff}.message-content{line-height:1.5;word-wrap:break-word}.fullscreen-chat-container.light .message-content{color:inherit}.typing-indicator{display:flex;align-items:center;gap:12px;font-style:italic}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:currentColor;border-radius:50%;animation:socketTypingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes socketTypingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.message-thought{margin-top:8px;padding:8px;background:#0003;border-radius:6px;font-size:12px;font-style:italic;opacity:.8}.message-actions{margin-top:6px;font-size:11px;opacity:.7}.message-timestamp{margin-top:6px;font-size:11px;opacity:.7;text-align:right;color:inherit;font-weight:400}.fullscreen-chat-container.light .message-timestamp{color:#64748b}.fullscreen-chat-container.light .message.user-message .message-timestamp{color:#fff;opacity:.9}.chat-input-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:600px;z-index:50;background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,255,136,.3);border-radius:24px;padding:12px 16px;box-shadow:0 8px 32px #0006,0 0 0 1px #00ff881a;transition:all .3s ease}.chat-input-container:hover{border-color:#00ff8880;box-shadow:0 12px 48px #00000080,0 0 0 1px #0f83;transform:translate(-50%) translateY(-2px)}.fullscreen-chat-container.light .chat-input-container{background:#fffffff2;border-color:#ba825966;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ba82591a}.fullscreen-chat-container.light .chat-input-container:hover{border-color:#ba825999;box-shadow:0 12px 48px #00000026,0 0 0 1px #ba825933;transform:translate(-50%) translateY(-2px)}.chat-input-form{display:flex;gap:12px;align-items:center}.message-input{flex:1;padding:14px 18px;border:none;border-radius:20px;background:#ffffff1a;color:var(--text-primary, #fff);font-size:15px;font-family:Courier New,Monaco,Menlo,monospace;outline:none;transition:all .3s ease;min-height:20px;resize:none}.fullscreen-chat-container.light .message-input{background:#0000000d;color:#0f172a}.message-input:focus{background:#ffffff26;box-shadow:0 0 0 2px #00ff884d}.fullscreen-chat-container.light .message-input:focus{background:#00000014;box-shadow:0 0 0 2px #ba82594d}.message-input::-moz-placeholder{color:#fff9;font-style:italic}.message-input::placeholder{color:#fff9;font-style:italic}.fullscreen-chat-container.light .message-input::-moz-placeholder{color:#0009}.fullscreen-chat-container.light .message-input::placeholder{color:#0009}.message-input:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:14px 20px;border:none;border-radius:20px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;font-size:14px;font-weight:600;font-family:Courier New,Monaco,Menlo,monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;min-width:80px;box-shadow:0 4px 16px #0f86}.fullscreen-chat-container.light .send-button{background:linear-gradient(135deg,#ba8259,#9c6d42);color:#fff;box-shadow:0 4px 16px #ba825966}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#00cc6a,#00a855);transform:scale(1.08);box-shadow:0 6px 24px #00ff8880}.fullscreen-chat-container.light .send-button:hover:not(:disabled){background:linear-gradient(135deg,#9c6d42,#8b5f38);box-shadow:0 6px 24px #ba825980}.send-button:active{transform:scale(.96)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 2px 8px #0003}.chat-input-container{animation:floatingInputAppear .8s ease-out}@keyframes floatingInputAppear{0%{opacity:0;transform:translate(-50%) translateY(100px) scale(.9)}60%{opacity:.8;transform:translate(-50%) translateY(-5px) scale(1.02)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.chat-input-container.ready-for-input{animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #00ff881a}50%{box-shadow:0 8px 32px #0006,0 0 0 1px #00ff884d}}.fullscreen-chat-container.light .chat-input-container.ready-for-input{animation:subtlePulseLight 3s ease-in-out infinite}@keyframes subtlePulseLight{0%,to{box-shadow:0 8px 32px #0000001a,0 0 0 1px #ba82591a}50%{box-shadow:0 8px 32px #0000001a,0 0 0 1px #ba825966}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #888);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.empty-icon{font-size:64px;margin-bottom:24px;display:inline-block;width:auto;height:auto;max-width:100%;animation:socketGlow 3s ease-in-out infinite;transform:scale(1.2)}.ascii-cat-container{display:flex;justify-content:center;align-items:center;margin:0 auto}.ascii-cat-display{font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;line-height:1.2;white-space:pre;color:var(--text-primary, #333);margin:0;padding:8px;text-align:center;letter-spacing:.5px}.ascii-cat-small .ascii-cat-display{font-size:10px;line-height:1.1}.ascii-cat-medium .ascii-cat-display{font-size:14px;line-height:1.2}.ascii-cat-large .ascii-cat-display{font-size:22px;line-height:1.3}.dark .ascii-cat-display{color:var(--text-primary-dark, #e0e0e0)}.light .ascii-cat-display{color:var(--text-primary-light, #333)}@keyframes socketGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.empty-title{font-size:28px;font-weight:700;margin-bottom:12px;color:var(--text-primary, #fff);line-height:1.2}.fullscreen-chat-container.light .empty-title{color:#0f172a}.empty-description{font-size:18px;line-height:1.6;margin-bottom:16px;color:var(--text-secondary, #888);max-width:500px}.fullscreen-chat-container.light .empty-description{color:#334155}.empty-status{font-size:16px;font-style:italic;font-weight:500;color:#0f8;padding:12px 24px;background:#00ff881a;border-radius:24px;border:1px solid rgba(0,255,136,.2);margin-top:8px}.fullscreen-chat-container.light .empty-status{color:#ba8259;background:#ba82591a;border-color:#ba825933}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.status-item{padding:12px;background:#0000004d;border:1px solid rgba(0,255,136,.3);border-radius:8px;text-align:center;transition:all .3s ease}.fullscreen-chat-container.light .status-item{background:#ffffff4d;border-color:#28a7454d}.status-item:hover{border-color:#0f8;background:#0006;transform:translateY(-2px)}.fullscreen-chat-container.light .status-item:hover{border-color:#28a745;background:#fff6}.status-name{display:block;font-size:12px;font-weight:600;color:var(--text-secondary, #888);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.fullscreen-chat-container.light .status-name{color:#64748b}.status-desc{display:block;font-size:14px;font-weight:700;color:var(--text-primary, #fff)}.fullscreen-chat-container.light .status-desc{color:#0f172a}.error-message,.success-message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;animation:messageSlideIn .3s ease-out}.error-message{background:#ff453a33;border:1px solid rgba(255,69,58,.4);color:#ff453a}.success-message{background:#0f83;border:1px solid rgba(0,255,136,.4);color:#0f8}.error-icon,.success-icon{font-size:18px}.error-text,.success-text{flex:1;font-weight:500}.debug-section{margin-top:16px;border:1px solid rgba(100,100,100,.3);border-radius:6px;overflow:hidden}.debug-toggle{padding:8px 12px;background:#0003;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary, #888);-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-toggle:hover{background:#0000004d}.debug-content{padding:12px;background:#0000001a;font-family:Courier New,Monaco,Menlo,monospace;font-size:11px;line-height:1.4;max-height:200px;overflow-y:auto;white-space:pre-wrap;color:var(--text-secondary, #888)}@media (max-width: 768px){.fullscreen-chat-container{top:var(--mobile-header-height);bottom:var(--mobile-footer-height);height:calc(100vh - var(--mobile-header-height) - var(--mobile-footer-height))}.chat-header{padding:12px 16px}.header-content{flex-direction:column;align-items:flex-start;gap:8px}.connection-status{align-self:flex-end}.chat-title{font-size:20px}.chat-subtitle{font-size:13px}.messages-container{padding:16px 12px}.status-indicators{flex-direction:column;align-items:stretch}.status-indicator{justify-content:center}.chat-controls{flex-direction:column}.control-button{width:100%}.message{padding:10px;margin-bottom:12px}.message.user-message{margin-left:5%;margin-right:2%}.message.agent-message{margin-right:5%;margin-left:2%}.message.system-message{margin:8px 5%}.status-grid{grid-template-columns:repeat(2,1fr);gap:8px}.status-item{padding:8px}.chat-input-container{bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:500px;padding:10px 14px;border-radius:20px}.message-input{padding:12px 16px;font-size:16px;border-radius:18px}.send-button{padding:12px 18px;font-size:14px;border-radius:18px;min-width:70px}.messages-container{padding:16px 12px 100px}}@media (max-width: 480px){.fullscreen-chat-container{top:var(--small-mobile-header-height);bottom:var(--small-mobile-footer-height);height:calc(100vh - var(--small-mobile-header-height) - var(--small-mobile-footer-height))}.chat-header{padding:8px 12px}.chat-title{font-size:18px}.messages-container{padding:12px 8px}.message{padding:8px;margin-bottom:10px;font-size:14px}.message.user-message{margin-left:2%;margin-right:1%}.message.agent-message{margin-right:2%;margin-left:1%}.message-header{font-size:11px;margin-bottom:4px}.status-grid{grid-template-columns:1fr}.status-item{padding:6px}.status-name{font-size:10px}.status-desc{font-size:12px}.chat-input-container{bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:400px;padding:8px 12px;border-radius:18px}.message-input{padding:10px 14px;font-size:16px;border-radius:16px}.send-button{padding:10px 16px;font-size:13px;border-radius:16px;min-width:60px}.messages-container{padding:12px 8px 90px}.empty-state{padding:20px 10px}.empty-icon{font-size:32px;margin-bottom:12px}.empty-title{font-size:16px}.empty-description{font-size:12px}}@keyframes socketConnect{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chat-box.socket-chat.connected{animation:socketConnect .5s ease-out}.message.agent-ignore{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:4px solid #ffc107;border-radius:8px}.message.agent-action{background:linear-gradient(135deg,#007bff1a,#007bff0d);border-left:4px solid #007bff;border-radius:8px}.message.agent-mute{background:linear-gradient(135deg,#6c757d1a,#6c757d0d);border-left:4px solid #6c757d;border-radius:8px}.message.agent-none{background:linear-gradient(135deg,#dc35451a,#dc35450d);border-left:4px solid #dc3545;border-radius:8px}.action-message{display:flex;align-items:center;gap:12px;padding:8px 0}.action-icon{font-size:24px;flex-shrink:0}.action-text{font-size:14px;line-height:1.4;color:var(--text-primary, #ffffff);font-style:italic}.fullscreen-chat-container.dark .action-text{color:#e0e0e0}.fullscreen-chat-container.light .action-text{color:#0f172a}.message.system-message.agent-ignore,.message.system-message.agent-action,.message.system-message.agent-mute,.message.system-message.agent-none{font-weight:500;padding:12px 16px;margin:8px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.message.system-message[data-system-type=timeout_check]{background:linear-gradient(135deg,#ffc1071a,#ffc1070d);border-left:4px solid #ffc107;border-radius:8px;font-style:italic;color:#ffc107}.agent-action-status{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-top:12px;background:#007bff1a;border:1px solid rgba(0,123,255,.3);border-radius:20px;font-size:14px;font-weight:500;color:#007bff;animation:fadeInUp .3s ease-out}.action-status-icon{font-size:18px}.action-status-text{font-size:13px;text-transform:capitalize;color:inherit}.fullscreen-chat-container.dark .agent-action-status{background:#007bff26;border-color:#007bff66;color:#4dabf7}.fullscreen-chat-container.light .agent-action-status{background:#007bff14;border-color:#007bff33;color:#0056b3}.message.agent-ignore:hover,.message.agent-action:hover,.message.agent-mute:hover,.message.agent-none:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;transition:all .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-text-content{width:100%}.message-attachments{margin-top:12px;width:100%}.image-attachment{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin:8px 0;transition:all .3s ease}.image-attachment:hover{background:#ffffff0d;border-color:#00ff884d;transform:translateY(-2px);box-shadow:0 8px 32px #00ff881a}.image-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#00ff880d;border-bottom:1px solid rgba(255,255,255,.1)}.image-title{font-size:14px;font-weight:600;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:8px}.image-badge{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.image-container{position:relative;padding:16px;display:flex;justify-content:center;align-items:center;min-height:200px}.generated-image{max-width:100%;max-height:400px;height:auto;border-radius:8px;box-shadow:0 4px 16px #0000004d;transition:transform .3s ease;cursor:pointer}.generated-image:hover{transform:scale(1.02)}.image-error{text-align:center;padding:20px;color:var(--text-secondary, #b0b0b0);display:flex;flex-direction:column;align-items:center;gap:8px}.error-icon{font-size:32px;opacity:.7}.image-link{color:#0f8;text-decoration:none;font-size:14px;margin-top:8px;padding:6px 12px;border:1px solid #00ff88;border-radius:6px;transition:all .3s ease}.image-link:hover{background:#0f8;color:#000}.image-caption{padding:12px 16px;background:#0003;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;gap:8px}.caption-icon{font-size:16px;margin-top:2px;flex-shrink:0}.caption-text{font-size:13px;line-height:1.4;color:var(--text-secondary, #b0b0b0);font-style:italic}.other-attachments{margin-top:8px}.file-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:4px 0;transition:all .3s ease}.file-attachment:hover{background:#ffffff14;border-color:#00ff884d}.file-icon{font-size:16px}.file-link{color:#0f8;text-decoration:none;font-size:14px;transition:color .3s ease}.file-link:hover{color:#6fa;text-decoration:underline}.fullscreen-chat-container.dark .image-attachment{background:#ffffff08;border-color:#ffffff26}.fullscreen-chat-container.dark .image-header{background:#00ff8814}.fullscreen-chat-container.dark .image-caption{background:#0000004d}.fullscreen-chat-container.light .image-attachment{background:#00000005;border-color:#0000001a}.fullscreen-chat-container.light .image-header{background:#007bff0d}.fullscreen-chat-container.light .image-title{color:#333}.fullscreen-chat-container.light .caption-text{color:#666}.fullscreen-chat-container.light .image-caption{background:#0000000d;border-color:#0000001a}.fullscreen-chat-container.light .file-attachment{background:#00000008;border-color:#0000001a}.fullscreen-chat-container.light .file-link{color:#007bff}.fullscreen-chat-container.light .file-link:hover{color:#0056b3}@media (max-width: 768px){.image-container{padding:12px;min-height:150px}.generated-image{max-height:300px}.image-header,.image-caption{padding:8px 12px}.caption-text{font-size:12px}}@media (max-width: 480px){.image-container{padding:8px;min-height:120px}.generated-image{max-height:250px}.image-title{font-size:13px}.image-badge{font-size:10px;padding:3px 6px}}.agent-actions-info{margin:16px 0;padding:0 16px}.actions-details{background:#007bff0d;border:1px solid rgba(0,123,255,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.actions-details:hover{background:#007bff14;border-color:#007bff4d}.actions-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-weight:500;color:#007bff;background:#007bff1a;transition:background .2s ease}.actions-summary:hover{background:#007bff26}.actions-summary::-webkit-details-marker{display:none}.info-icon{font-size:16px}.actions-content{padding:16px;background:#ffffff05}.actions-content p{margin:0 0 12px;font-size:14px;color:var(--text-secondary, #b0b0b0)}.actions-list{margin:0;padding:0 0 0 20px;list-style:none}.actions-list li{margin:6px 0;font-size:13px;color:var(--text-secondary, #b0b0b0);line-height:1.4}.actions-list strong{color:var(--text-primary, #ffffff);font-weight:600}.about-page .chat-box{background:#00ff0008;border:1px solid rgba(0,255,0,.2);border-radius:.5rem;padding:1.5rem;min-height:400px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:1rem}.about-page.light .chat-box{background:#ffffffb3;border:1px solid rgba(203,213,225,.5)}.about-page .messages-container{flex:1;overflow-y:auto;min-height:400px;margin-bottom:1rem;padding:.5rem}.simple-eliza-chat{display:flex;flex-direction:column;height:100vh;max-height:600px;width:100%;max-width:800px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.simple-eliza-chat.dark{background-color:#1f2937;color:#f9fafb}.simple-eliza-chat.light{background-color:#fff;color:#1f2937}.simple-eliza-chat .chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid}.simple-eliza-chat.dark .chat-header{border-bottom-color:#374151;background-color:#111827}.simple-eliza-chat.light .chat-header{border-bottom-color:#e5e7eb;background-color:#f9fafb}.simple-eliza-chat .chat-header h3{margin:0;font-size:1.2rem}.agent-id{font-family:Courier New,Monaco,Menlo,monospace;font-size:.8rem;opacity:.7}.simple-eliza-chat .messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.simple-eliza-chat.dark .messages-container{background-color:#1f2937}.simple-eliza-chat.light .messages-container{background-color:#fff}.simple-eliza-chat .message.user{align-items:flex-end}.simple-eliza-chat .message.agent{align-items:flex-start}.simple-eliza-chat .message.user .message-content{background-color:#ba8259;color:#fff;border-bottom-right-radius:4px}.simple-eliza-chat .message.agent .message-content{border-bottom-left-radius:4px}.simple-eliza-chat.dark .message.agent .message-content{background-color:#374151;color:#f9fafb}.simple-eliza-chat.light .message.agent .message-content{background-color:#f3f4f6;color:#1f2937}.simple-eliza-chat .input-area{display:flex;gap:.5rem;padding:1rem;border-top:1px solid}.simple-eliza-chat.dark .input-area{border-top-color:#374151;background-color:#111827}.simple-eliza-chat.light .input-area{border-top-color:#e5e7eb;background-color:#f9fafb}.simple-eliza-chat .message-input{flex:1;padding:.75rem;border:1px solid;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.simple-eliza-chat.dark .message-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.simple-eliza-chat.light .message-input{background-color:#fff;border-color:#d1d5db;color:#1f2937}.simple-eliza-chat .message-input:focus{border-color:#ba8259}.simple-eliza-chat .send-button{padding:.75rem 1rem;background-color:#ba8259;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.simple-eliza-chat .send-button:hover:not(:disabled){background-color:#a06f4a}.simple-eliza-chat .send-button:disabled{background-color:#9ca3af;cursor:not-allowed}.about-page .status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;background:#00ff000d;border:1px solid rgba(0,255,0,.3);color:#0f0}.about-page .status-indicator.connected{color:#0f0;border-color:#00ff0080}.about-page .status-indicator.disconnected{color:#ff6b6b;border-color:#ff6b6b80}.about-page .status-indicator.realtime{color:#4dabf7;border-color:#4dabf780}.about-page.light .status-indicator{background:#ffffff80;border:1px solid rgba(203,213,225,.6);color:#1e293b}.about-page.light .status-indicator.connected{color:#059669;border-color:#05966980}.about-page.light .status-indicator.disconnected{color:#dc2626;border-color:#dc262680}.about-page.light .status-indicator.realtime{color:#ba8259;border-color:#ba825980}.about-page .session-info{font-size:.8rem;color:#0f0c;background:#00ff000d;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(0,255,0,.2)}.about-page.light .session-info{color:#1e293bcc;background:#ffffff80;border-color:#cbd5e180}.about-page .control-button{padding:.75rem 1.5rem;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;background:#00ff000d;color:#0f0}.about-page .control-button:disabled{opacity:.5;cursor:not-allowed}.about-page .control-button:hover:not(:disabled){background:#00ff0014;border-color:#00ff0080;transform:translateY(-2px);box-shadow:0 8px 25px #00ff0026}.about-page.light .control-button{background:#ffffff80;border:1px solid rgba(203,213,225,.6);color:#1e293b}.about-page.light .control-button:hover:not(:disabled){background:#fffc;border-color:#ba825980;color:#ba8259;box-shadow:0 8px 25px #ba825926}.about-page .messages-list{display:flex;flex-direction:column;gap:1rem}.about-page .message{max-width:80%;padding:1rem;border-radius:.375rem;word-wrap:break-word;border:1px solid rgba(0,255,0,.3)}.about-page .message.user-message{align-self:flex-end;background:#00ff001a;color:#0f0}.about-page .message.agent-message{align-self:flex-start;background:#00ff000d;color:#00ff00e6}.about-page .message.system-message{align-self:center;background:#00ff0008;color:#0f0c;text-align:center;max-width:60%}.about-page.light .message{border:1px solid rgba(203,213,225,.5)}.about-page.light .message.user-message{background:#ba82591a;color:#ba8259;border-color:#ba82594d}.about-page.light .message.agent-message{background:#ffffffb3;color:#1e293b}.about-page.light .message.system-message{background:#ffffff80;color:#1e293bcc}.about-page .empty-state{text-align:center;padding:2rem;color:#0f0c}.about-page.light .empty-state{color:#1e293bcc}.about-page .empty-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#0f0}.about-page.light .empty-title{color:#1e293b}.about-page .empty-description{margin:0 0 1rem;color:#00ff00e6}.about-page.light .empty-description{color:#1e293be6}.about-page .empty-status{font-size:.9rem;color:#0f0;font-weight:500}.about-page.light .empty-status{color:#ba8259}.about-page .message-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;font-size:1rem;outline:none;transition:all .2s ease;background:#00ff0008;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace}.about-page .message-input:focus{border-color:#00ff0080;box-shadow:0 0 0 3px #00ff001a}.about-page .message-input::-moz-placeholder{color:#0f09}.about-page .message-input::placeholder{color:#0f09}.about-page.light .message-input{background:#ffffffb3;border-color:#cbd5e180;color:#1e293b;font-family:Courier New,Monaco,Menlo,monospace}.about-page.light .message-input:focus{border-color:#ba825980;box-shadow:0 0 0 3px #ba82591a}.about-page.light .message-input::-moz-placeholder{color:#1e293b99}.about-page.light .message-input::placeholder{color:#1e293b99}.about-page .send-button{padding:.75rem 1.5rem;background:#00ff001a;color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.about-page .send-button:hover:not(:disabled){background:#00ff0026;border-color:#00ff0080;transform:translateY(-1px)}.about-page .send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.about-page.light .send-button{background:#ba82591a;color:#ba8259;border-color:#ba82594d}.about-page.light .send-button:hover:not(:disabled){background:#ba825926;border-color:#ba825980}.system-message{text-align:center;padding:.5rem;border-radius:6px;font-size:.9rem;margin:.5rem 0}.system-message.error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.system-message.warning{background-color:#fffbeb;color:#d97706;border:1px solid #fed7aa}.system-message.info{background-color:#eff6ff;color:#ba8259;border:1px solid #bfdbfe}.dark .system-message.error,.simple-eliza-chat.dark .system-message.error{background-color:#1f2937;color:#f87171;border-color:#374151}.dark .system-message.warning,.simple-eliza-chat.dark .system-message.warning{background-color:#1f2937;color:#fbbf24;border-color:#374151}.dark .system-message.info,.simple-eliza-chat.dark .system-message.info{background-color:#1f2937;color:#60a5fa;border-color:#374151}.simple-eliza-chat .session-info{font-family:Courier New,Monaco,Menlo,monospace;font-size:.8rem;padding:.25rem .5rem;background-color:#ba82591a;border-radius:4px;border:1px solid rgba(186,130,89,.2)}.simple-eliza-chat.dark .session-info{background-color:#ba825933;border-color:#ba82594d;color:#d4956b}.new-chat-btn,.eliza-direct-btn,.start-session-btn{padding:.5rem .75rem;border:1px solid;border-radius:4px;background-color:transparent;cursor:pointer;font-size:.85rem;text-decoration:none;transition:all .2s}.new-chat-btn:hover,.eliza-direct-btn:hover,.start-session-btn:hover{background-color:#ba82591a}.new-chat-btn:disabled,.start-session-btn:disabled{opacity:.5;cursor:not-allowed}.start-session-btn{background-color:#ba8259;color:#fff;border-color:#ba8259}.start-session-btn:hover:not(:disabled){background-color:#a06f4a}.simple-eliza-chat.dark .new-chat-btn,.simple-eliza-chat.dark .eliza-direct-btn{border-color:#4b5563;color:#f9fafb}.simple-eliza-chat.dark .new-chat-btn:hover,.simple-eliza-chat.dark .eliza-direct-btn:hover{background-color:#4b55634d}.simple-eliza-chat.light .new-chat-btn,.simple-eliza-chat.light .eliza-direct-btn{border-color:#d1d5db;color:#1f2937}.simple-eliza-chat.light .new-chat-btn:hover,.simple-eliza-chat.light .eliza-direct-btn:hover{background-color:#f3f4f6cc}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-top:1px solid;font-size:.8rem;opacity:.8}.simple-eliza-chat.dark .status-bar{border-top-color:#374151;background-color:#111827}.simple-eliza-chat.light .status-bar{border-top-color:#e5e7eb;background-color:#f9fafb}.realtime-badge{font-size:.7rem;padding:.125rem .375rem;background-color:#22c55e1a;color:#22c55e;border-radius:8px;border:1px solid rgba(34,197,94,.2)}.simple-eliza-chat.dark .realtime-badge{background-color:#22c55e33;border-color:#22c55e4d}.message-meta{margin-top:.25rem}.char-count{font-family:Courier New,Monaco,Menlo,monospace}.error-message{color:#ef4444}.realtime-status{color:#22c55e}@media (max-width: 768px){.about-page .chat-controls{flex-direction:column;align-items:stretch}.about-page .control-button{width:100%}.about-page .status-indicators{flex-direction:column;gap:.5rem}.about-page .status-grid{grid-template-columns:1fr}.about-page .message{max-width:90%}.simple-eliza-chat{height:100vh;border-radius:0}.simple-eliza-chat .message-content{max-width:85%}.simple-eliza-chat .chat-header{padding:.75rem;flex-direction:column;gap:.75rem;align-items:stretch}.chat-actions{justify-content:space-between}.simple-eliza-chat .messages-container,.simple-eliza-chat .input-area{padding:.75rem}.status-bar{padding:.5rem .75rem}}.agent-action-status{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.agent-action-status.thinking{background:#3b82f61a;border-color:#3b82f64d;animation:pulse-thinking 2s infinite}.agent-action-status.generate_image{background:#a855f71a;border-color:#a855f74d}.agent-action-status.ignore{background:#6b72801a;border-color:#6b72804d}.action-status-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.action-status-icon{font-size:18px;z-index:2}.action-status-progress{position:absolute;font-size:12px;top:-2px;right:-2px;animation:bounce-progress 1.5s infinite;z-index:3}.action-status-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.action-status-text{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-status-subtitle{font-size:12px;color:var(--text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-status-indicator{display:flex;align-items:center;justify-content:center}.status-pulse{width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:pulse-dot 1.5s infinite}.action-message{background:var(--message-bg);border:2px solid var(--border-color);border-radius:16px;padding:16px;margin:8px 0;transition:all .3s ease;position:relative;overflow:hidden}.action-message-container{margin-right:auto;margin-left:8px;float:left;border-bottom-left-radius:4px;max-width:75%;background:var(--agent-message-bg, rgba(139, 92, 246, .1));border:2px solid var(--agent-message-border, rgba(139, 92, 246, .3))}.inline-action-message{background:transparent;border:none;border-radius:0;padding:0;margin:0;transition:all .3s ease;position:relative}.action-content-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.action-text-content{flex:1;min-width:0}.action-badge{background:#8b5cf633;color:var(--accent-color);padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.action-message.animated{animation:action-appear .5s ease-out}.action-message.generating-image{border-color:#a855f780;background:linear-gradient(135deg,#a855f70d,#8b5cf60d)}.action-message.agent-ignore{border-color:#6b728080;background:#6b72800d}.action-message.agent-none{border-color:#9ca3af80;background:#9ca3af0d}.action-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.action-icon-container{position:relative;display:flex;align-items:center;justify-content:center;min-width:40px}.action-icon{font-size:24px;z-index:2}.action-progress-icon{position:absolute;font-size:14px;top:-4px;right:-4px;animation:sparkle 2s infinite;z-index:3}.action-details{flex:1;min-width:0}.action-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.action-subtitle{font-size:14px;color:var(--text-secondary);opacity:.8;line-height:1.3}.action-status{display:flex;align-items:flex-start}.status-badge{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.ignore{background:#6b728033;color:#6b7280}.status-badge.create{background:#a855f733;color:#a855f7}.status-badge.acknowledge{background:#9ca3af33;color:#9ca3af}.status-badge.reply{background:#3b82f633;color:#3b82f6}.action-progress{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),rgba(139,92,246,.8));border-radius:2px;animation:progress-fill 3s ease-in-out infinite}.progress-bar.long .progress-fill{animation-duration:5s}.progress-bar.medium .progress-fill{animation-duration:3s}.progress-bar.short .progress-fill{animation-duration:1.5s}.progress-text{font-size:12px;color:var(--text-secondary);opacity:.7;display:block;text-align:center}@keyframes pulse-thinking{0%,to{background:#3b82f61a;border-color:#3b82f64d}50%{background:#3b82f633;border-color:#3b82f680}}@keyframes bounce-progress{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes action-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sparkle{0%,to{opacity:1;transform:rotate(0) scale(1)}25%{opacity:.7;transform:rotate(90deg) scale(1.1)}50%{opacity:1;transform:rotate(180deg) scale(.9)}75%{opacity:.7;transform:rotate(270deg) scale(1.1)}}@keyframes progress-fill{0%{width:0%;opacity:.8}50%{width:70%;opacity:1}to{width:100%;opacity:.9}}.action-message-container.generating-image{background:#a855f71a;border-color:#a855f766}.action-message-container.agent-ignore{background:#6b72801a;border-color:#6b728066}.action-message-container.agent-none{background:#9ca3af1a;border-color:#9ca3af66}.action-message-container.agent-reply{background:#3b82f61a;border-color:#3b82f666}.action-started{background:#22c55e1a;border-color:#22c55e66}.action-complete{background:#22c55e26;border-color:#22c55e80}.action-error{background:#ef44441a;border-color:#ef444466}.action-error-details{font-size:13px;color:#ef4444;margin-top:4px;padding:8px 12px;background:#ef44440d;border-radius:8px;border-left:3px solid #ef4444}.progress-percentage{font-weight:600;color:var(--accent-color)}.fullscreen-chat-container.light .agent-action-status{background:#ba82591a;border-color:#ba82594d}.fullscreen-chat-container.light .agent-action-status.thinking{background:#ba825926;border-color:#ba825966}.fullscreen-chat-container.light .action-message.generating-image{border-color:#ba825980;background:linear-gradient(135deg,#ba82590d,#9c6d420d)}.fullscreen-chat-container.light .action-message-container{background:#ba82591a;border-color:#ba825966}.fullscreen-chat-container.light .action-message-container.generating-image{background:#ba825926;border-color:#ba825980}.fullscreen-chat-container.light .action-badge,.fullscreen-chat-container.light .status-badge.create{background:#ba825933;color:#ba8259}.fullscreen-chat-container.light .progress-fill{background:linear-gradient(90deg,#ba8259,#ba8259cc)}.fullscreen-chat-container.light .status-pulse{background:#ba8259}.fullscreen-chat-container.light .action-started{background:#ba82591a;border-color:#ba825966}.fullscreen-chat-container.light .action-complete{background:#ba825926;border-color:#ba825980}.fullscreen-chat-container.light .action-error{background:#dc26261a;border-color:#dc262666}.fullscreen-chat-container.light .action-error-details{color:#dc2626;background:#dc26260d;border-left-color:#dc2626}.fullscreen-chat-container.light .progress-percentage{color:#ba8259}@media (max-width: 768px){.agent-action-status{padding:6px 12px;gap:8px}.action-status-text{font-size:13px}.action-status-subtitle{font-size:11px}.action-message{padding:12px}.action-header{gap:8px;margin-bottom:8px}.action-title{font-size:15px}.action-subtitle{font-size:13px}}.conversation-logs,.conversation-viewer{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:Consolas,Monaco,Courier New,monospace}.conversation-logs.dark,.conversation-viewer.dark{--bg-primary: #000;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--border-color: #333333;--accent-color: #00ff00;--accent-color-rgb: 0, 255, 0;--error-color: #ff4444;--warning-color: #ffaa00;--success-color: #00ff00;--success-color-rgb: 0, 255, 0;--card-bg: #1a1a1a;--card-hover: #2a2a2a}.conversation-logs.light,.conversation-viewer.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: #e2e8f0;--accent-color: #ba8259;--accent-color-rgb: 186, 130, 89;--error-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--success-color-rgb: 16, 185, 129;--card-bg: #ffffff;--card-hover: #f8fafc}.conversation-logs,.conversation-viewer{background:var(--bg-primary);color:var(--text-primary);flex:1}.conversation-logs,.conversation-viewer,.page-header{position:static}.page-header{margin-bottom:2rem;padding:1.5rem 0;border-bottom:2px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem}.page-title-section{text-align:center}.page-title{margin:0 0 .5rem;color:var(--text-primary);font-size:2.5rem;font-weight:700}.page-subtitle{margin:0;color:var(--text-secondary);font-size:1.2rem;opacity:.8}.page-stats{align-self:center}.page-note{text-align:center;margin-top:.5rem;color:var(--text-secondary);font-size:.95rem}.results-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.summary-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-alert{padding:8px 12px;border:1px solid var(--accent-color);background:rgba(var(--accent-color-rgb),.12);color:var(--text-primary);font-family:Courier New,monospace;border-radius:6px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.page-alert .alert-text{font-size:.875rem;color:var(--text-primary)}.page-alert .alert-close{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);font-family:Courier New,monospace;width:20px;height:20px;line-height:18px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-size:14px;display:flex;align-items:center;justify-content:center}.page-alert .alert-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary)}.conversation-logs.dark .page-alert{background:rgba(var(--accent-color-rgb),.15);border-color:var(--accent-color);color:var(--text-primary)}.conversation-logs.light .page-alert{background:rgba(var(--accent-color-rgb),.1);border-color:var(--accent-color);color:var(--text-primary)}.conversation-logs.dark .page-alert .alert-close,.conversation-logs.light .page-alert .alert-close{color:var(--accent-color)}.conversation-logs.dark .page-alert .alert-close:hover{background:var(--accent-color);color:var(--bg-primary)}.conversation-logs.light .page-alert .alert-close:hover{background:var(--accent-color);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:1rem;max-width:100%}.stat-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center;transition:all .2s ease}.stat-item:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-2px)}.stat-label{display:block;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{display:block;color:var(--accent-color);font-size:1.1rem;font-weight:700}.page-actions{display:flex;justify-content:center;gap:1rem}.action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.action-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 8px #0003}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sync-btn:hover:not(:disabled){color:var(--accent-color)}.refresh-btn:hover:not(:disabled){color:var(--warning-color)}.search-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.search-bar{position:relative;flex:1}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.2)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px}.filter-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--accent-color)}.privacy-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.privacy-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.results-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0}.result-count{font-size:14px;color:var(--text-secondary);font-weight:500}.clear-search{padding:4px 12px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:opacity .2s}.clear-search:hover{opacity:.9}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:12px;transition:opacity .2s}.retry-button:hover{opacity:.9}.conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:32px}.conversation-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.conversation-card:hover{background:var(--card-hover);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.log-number{font-family:monospace;font-weight:600;color:var(--accent-color);background:#ba82591a;padding:4px 8px;border-radius:4px;font-size:12px}.status-badge{font-size:11px;padding:2px 6px;border-radius:10px;font-weight:500}.status-badge.active{background:rgba(var(--success-color-rgb, 0, 255, 0),.1);color:var(--success-color)}.status-badge.completed{background:#8888881a;color:var(--text-muted)}.card-content{margin-bottom:16px}.conversation-preview{font-size:14px;line-height:1.4;color:var(--text-secondary);margin-bottom:12px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.conversation-stats{display:flex;flex-direction:column;gap:4px}.stat{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.card-actions{display:flex;justify-content:flex-end;gap:8px}.action-button{width:32px;height:32px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.action-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px 0}.page-button{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.page-button:hover:not(:disabled){background:var(--accent-color);border-color:var(--accent-color);color:#fff}.page-button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-secondary);font-size:14px;font-weight:500}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border-color);margin-bottom:24px}.back-button{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:14px}.back-button:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.conversation-info h3{margin:0 0 4px;font-size:20px;color:var(--text-primary)}.conversation-meta{font-size:14px;color:var(--text-secondary)}.export-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--success-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s;font-size:14px}.export-button:hover{opacity:.9}.share-x-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1da1f2;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.share-x-button:hover{background:#0d8bd9;transform:translateY(-1px)}.action-button.share-x{background:#1da1f2;border-color:#1da1f2;color:#fff}.action-button.share-x:hover{background:#0d8bd9;border-color:#0d8bd9;color:#fff}.export-button svg,.copy-button svg,.share-x-button svg{width:16px;height:16px;flex-shrink:0}.conversation-messages{display:flex;flex-direction:column;gap:16px;max-height:600px;overflow-y:auto;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.conversation-messages .message{padding:12px 16px;border-radius:8px;border:1px solid var(--border-color)}.conversation-messages .user-message{background:#8b5cf61a;align-self:flex-end;max-width:80%}.conversation-messages .agent-message{background:#9c27b01a;align-self:flex-start;max-width:80%}.conversation-messages .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.conversation-messages .message-author{font-weight:600;color:var(--text-secondary)}.conversation-messages .message-time{color:var(--text-muted)}.conversation-messages .message-content{line-height:1.5;color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-track{background:var(--bg-primary)}.conversation-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.conversation-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.conversation-logs,.conversation-viewer{padding:16px}.page-header{margin-bottom:1.5rem;padding:1rem 0;gap:1rem}.results-summary{flex-direction:column;gap:.75rem;align-items:flex-start}.summary-right{width:100%;justify-content:flex-start}.page-alert{font-size:.8rem;padding:6px 10px;white-space:normal;word-wrap:break-word;max-width:100%}.page-alert .alert-text{font-size:.8rem;line-height:1.3}.page-alert .alert-close{width:18px;height:18px;font-size:12px;flex-shrink:0}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.page-stats{display:none}.search-controls{flex-direction:column;gap:1rem}.filter-controls{flex-direction:column;gap:.75rem;align-items:stretch}.filter-select{width:100%}.page-actions{flex-direction:column;align-items:stretch}.search-controls{padding:16px}.filter-controls{flex-direction:column;align-items:stretch;gap:12px}.conversations-grid{grid-template-columns:1fr;gap:16px}.conversation-card{padding:16px}.viewer-header{flex-direction:column;align-items:stretch;gap:12px}.conversation-info{text-align:center}.conversation-messages{max-height:500px}.conversation-messages .user-message,.conversation-messages .agent-message{max-width:95%}.pagination{flex-direction:column;gap:12px}}@media (max-width: 480px){.conversation-logs,.conversation-viewer{padding:12px}.search-input{font-size:16px}.conversation-card{padding:12px}.page-alert{padding:4px 8px;font-size:.75rem;gap:6px}.page-alert .alert-text{font-size:.75rem}.page-alert .alert-close{width:16px;height:16px;font-size:11px}.page-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr;gap:.5rem}.result-count{font-size:.875rem}.card-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-contrast: high){.conversation-logs,.conversation-viewer{--border-color: var(--border-color)}.conversation-card,.search-input,.filter-select{border-width:2px}}@media (prefers-reduced-motion: reduce){.conversation-card,.action-button,.page-button,.back-button,.loading-spinner{transition:none;animation:none}}.logs-terminal-conversation{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;overflow:hidden}.logs-terminal-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logs-terminal-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--accent-color)}.logs-terminal-icon{font-size:16px}.logs-terminal-stats{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary)}.logs-terminal-stats .stat{padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:.8rem}.logs-terminal-output{background:var(--bg-primary);color:var(--text-primary);font-family:Courier New,Monaco,Menlo,monospace;font-size:.9rem;line-height:1.4;padding:16px;max-height:600px;overflow-y:auto;border-bottom:1px solid var(--border-color)}.logs-terminal-message{margin-bottom:8px}.message-line{display:flex;gap:12px;align-items:flex-start;word-wrap:break-word}.timestamp{color:var(--text-muted);font-size:.8rem;min-width:80px;flex-shrink:0}.sender{font-weight:700;min-width:60px;flex-shrink:0}.user-sender{color:#8b5cf6;font-weight:700}.agent-sender{color:#ba8259;font-weight:700}.conversation-logs.light .user-sender,.conversation-viewer.light .user-sender{color:#7c3aed}.conversation-logs.light .agent-sender,.conversation-viewer.light .agent-sender{color:#a67c52}.message-content{flex:1;white-space:pre-wrap;word-break:break-word}.message-metadata{margin-top:4px;margin-left:92px;font-size:.7rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:8px}.metadata-item{background:var(--bg-secondary);padding:2px 6px;border-radius:3px;border:1px solid var(--border-color)}.no-messages{text-align:center;color:var(--text-muted);padding:40px}.no-messages p{margin:8px 0}.logs-terminal-footer{background:var(--bg-tertiary);padding:12px 16px;border-top:1px solid var(--border-color)}.conversation-summary{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--text-secondary)}.summary-item{display:flex;align-items:center;gap:4px}.viewer-header{margin-bottom:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.back-button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-button:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.conversation-title{margin:0;color:var(--accent-color);font-size:1.4rem;font-weight:600}.viewer-controls{margin-bottom:20px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stats-section{display:flex;gap:16px;flex-wrap:wrap;flex:1}.actions-section{display:flex;gap:8px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.stat-item.compact{padding:6px 10px;gap:8px;font-size:.875rem}.stat-item svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.stat-item.compact svg{width:14px;height:14px}.stat-label{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.stat-value{color:var(--text-primary);font-weight:600;white-space:nowrap}.stat-item.status-active{border-color:var(--success-color);background:#10b9811a}.stat-item.status-active .stat-value{color:var(--success-color)}.metadata-toggle{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;gap:6px}.metadata-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.metadata-toggle.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.metadata-toggle.active:hover{background:var(--accent-color);border-color:var(--accent-color)}.viewer-actions{display:flex;gap:8px;align-items:flex-start}.copy-button{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.copy-button:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}@media (max-width: 768px){.logs-terminal-header{flex-direction:column;align-items:flex-start;gap:8px}.logs-terminal-stats{align-self:stretch;justify-content:space-between}.header-top{flex-direction:column;align-items:stretch;gap:12px}.viewer-controls{flex-direction:column;gap:16px;padding:12px 16px}.stats-section{gap:8px;justify-content:center}.stat-item.compact{padding:8px 12px;font-size:.8rem;min-width:0;flex:1;justify-content:center}.stat-item.compact svg{width:12px;height:12px}.stat-value{font-size:.75rem;text-align:center}.actions-section{width:100%;justify-content:space-between;gap:6px}.metadata-toggle,.export-button,.copy-button,.share-x-button{flex:1;padding:8px 10px;font-size:.8rem;justify-content:center}.conversation-summary{flex-direction:column;gap:8px}}@media (max-width: 480px){.viewer-header{padding:12px 16px}.header-top{flex-direction:column;align-items:stretch;gap:8px}.conversation-title{font-size:1.2rem;text-align:center}.viewer-controls{padding:10px 12px;gap:12px}.stats-section{gap:6px}.stat-item.compact{padding:6px 8px;font-size:.75rem;gap:4px}.stat-item.compact svg{width:10px;height:10px}.stat-value{font-size:.7rem}.actions-section{flex-direction:column;gap:8px}.metadata-toggle,.export-button,.copy-button,.share-x-button{width:100%;padding:10px;font-size:.85rem}.message-line{flex-direction:column;gap:4px}.timestamp,.sender{min-width:auto}.message-metadata{margin-left:0}.viewer-actions{width:100%;justify-content:center}}.chat-preview-backdrop{position:fixed;inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.chat-preview-backdrop.animating{opacity:1;pointer-events:all}.chat-preview-backdrop.dark{background:#000c}.chat-preview-backdrop.light{background:#00000080}.chat-preview-modal{border-radius:8px;padding:1.5rem;max-width:600px;width:100%;max-height:80vh;overflow:auto;font-family:Courier New,monospace;transform:scale(.9) translateY(20px);transition:transform .3s ease}.chat-preview-backdrop.animating .chat-preview-modal{transform:scale(1) translateY(0)}.chat-preview-modal.dark{background:var(--bg-primary, #0a0a0a);border:1px solid var(--accent-color, rgba(0, 255, 0, .3));box-shadow:0 0 30px #00ff001a,inset 0 0 20px #00ff000d;color:var(--text-primary, #ffffff)}.chat-preview-modal.light{background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);box-shadow:0 20px 50px #0000001a;color:var(--text-primary, #1e293b)}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid}.chat-preview-modal.dark .preview-header{border-bottom-color:var(--border-color, rgba(0, 255, 0, .2))}.chat-preview-modal.light .preview-header{border-bottom-color:var(--border-color, #e2e8f0)}.preview-header h3{margin:0;font-size:1.2rem;font-weight:700}.chat-preview-modal.dark .preview-header h3{color:var(--accent-color, #00ff00)}.chat-preview-modal.light .preview-header h3{color:var(--text-primary, #1e293b)}.preview-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s ease}.chat-preview-modal.dark .preview-close-btn{color:var(--accent-color, #00ff00)}.chat-preview-modal.light .preview-close-btn{color:var(--text-secondary, #64748b)}.preview-close-btn:hover{background:var(--bg-secondary, rgba(100, 116, 139, .1))}.chat-preview-modal.dark .preview-close-btn:hover{background:rgba(var(--accent-color-rgb),.1)}.preview-participants{margin-bottom:1rem}.preview-participants h4{margin:0 0 .5rem;font-size:.9rem}.chat-preview-modal.dark .preview-participants h4{color:var(--accent-color, #00ff00)}.chat-preview-modal.light .preview-participants h4{color:var(--text-secondary, #374151)}.participants-list{display:flex;flex-wrap:wrap;gap:.5rem}.participant-tag{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid}.chat-preview-modal.dark .participant-tag{background:#6464641a;color:#a0a0a0;border-color:#64646433}.chat-preview-modal.light .participant-tag{background:#6464641a;color:#64748b;border-color:#64646433}.chat-preview-modal.dark .participant-tag.user-participant{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.chat-preview-modal.light .participant-tag.user-participant{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf633}.chat-preview-modal.dark .participant-tag.agent-participant{background:#ba825926;color:#fbbf24;border-color:#ba82594d}.chat-preview-modal.light .participant-tag.agent-participant{background:#ba82591a;color:#ba8259;border-color:#ba825933}.preview-messages{margin-bottom:1.5rem}.preview-messages h4{margin:0 0 .5rem;font-size:.9rem}.chat-preview-modal.dark .preview-messages h4{color:var(--accent-color, #00ff00)}.chat-preview-modal.light .preview-messages h4{color:var(--text-secondary, #374151)}.messages-container{border:1px solid;border-radius:4px;padding:.75rem;overflow:auto}.chat-preview-modal.dark .messages-container{background:rgba(var(--accent-color-rgb),.05);border-color:rgba(var(--accent-color-rgb),.1)}.chat-preview-modal.light .messages-container{background:#f8fafc;border-color:#e2e8f0}.preview-message{margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.preview-message:last-child{margin-bottom:0}.message-sender{font-weight:700}.chat-preview-modal.dark .message-sender{color:var(--accent-color, #00ff00)}.chat-preview-modal.light .message-sender{color:#ba8259}.chat-preview-modal.dark .preview-message{color:var(--text-secondary, #d0d0d0)}.chat-preview-modal.light .preview-message{color:var(--text-primary, #374151)}.preview-message.user{border-left:3px solid #8b5cf6;padding-left:.75rem;background:#8b5cf626}.preview-message.agent{border-left:3px solid #ba8259;padding-left:.75rem;background:#ba825926}.chat-preview-modal.light .preview-message.user{border-left-color:#7c3aed;background:#8b5cf61a}.chat-preview-modal.light .preview-message.agent{border-left-color:#a67c52;background:#ba82591a}.empty-preview{padding:1rem;text-align:center;border:1px dashed rgba(255,255,255,.2);border-radius:4px;background:#ffffff05}.chat-preview-modal.light .empty-preview{border-color:#0003;background:#00000005}.more-messages{margin-top:.5rem;font-size:.8rem;font-style:italic}.chat-preview-modal.dark .more-messages{color:var(--text-muted, #808080)}.chat-preview-modal.light .more-messages{color:var(--text-muted, #6b7280)}.preview-tags{margin-bottom:1.5rem}.tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag-item{padding:.2rem .4rem;border-radius:3px;font-size:.7rem}.chat-preview-modal.dark .tag-item{background:#64748b33;color:var(--text-muted, #a0a0a0)}.chat-preview-modal.light .tag-item{background:#64748b1a;color:var(--text-muted, #64748b)}.preview-actions{display:flex;gap:.75rem;justify-content:flex-end}.preview-action-btn{border:1px solid;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-family:Courier New,monospace;transition:all .2s ease}.preview-action-btn.secondary{background:none}.chat-preview-modal.dark .preview-action-btn.secondary{border-color:rgba(var(--accent-color-rgb),.3);color:var(--accent-color)}.chat-preview-modal.light .preview-action-btn.secondary{border-color:#d1d5db;color:var(--text-primary, #374151)}.preview-action-btn.secondary:hover{background:rgba(var(--accent-color-rgb),.1)}.chat-preview-modal.light .preview-action-btn.secondary:hover{background:#d1d5db1a}.preview-action-btn.primary{font-weight:700}.chat-preview-modal.dark .preview-action-btn.primary{background:rgba(var(--accent-color-rgb),.2);border-color:rgba(var(--accent-color-rgb),.5);color:var(--accent-color)}.chat-preview-modal.light .preview-action-btn.primary{background:#ba8259;border-color:#ba8259;color:#fff}.preview-action-btn.primary:hover{opacity:.9}.chat-preview-modal.dark .preview-action-btn.primary:hover{background:rgba(var(--accent-color-rgb),.3)}.chat-preview-modal.light .preview-action-btn.primary:hover{background:var(--accent-color)}@media (max-width: 768px){.chat-preview-backdrop{padding:1rem}.chat-preview-modal{padding:1rem;max-height:90vh}.preview-header{flex-direction:column;align-items:stretch;gap:.5rem}.preview-close-btn{align-self:flex-end}.preview-actions{flex-direction:column;gap:.5rem}.participants-list{flex-direction:column;gap:.25rem}}.logs-message-attachments{margin-top:12px;margin-left:60px}.logs-image-attachment{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.logs-image-attachment:hover{border-color:var(--accent-color);box-shadow:0 4px 16px rgba(var(--accent-color-rgb),.2)}.logs-image-header{padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.logs-image-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.logs-image-badge{background:var(--accent-color);color:var(--bg-primary);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logs-image-container{position:relative;padding:16px;display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--bg-secondary)}.logs-generated-image{max-width:100%;max-height:400px;height:auto;border-radius:8px;box-shadow:0 4px 16px #0000004d;transition:transform .3s ease;cursor:pointer}.logs-generated-image:hover{transform:scale(1.02)}.logs-image-error{text-align:center;padding:20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.logs-image-link{color:var(--accent-color);text-decoration:none;font-size:14px;margin-top:8px;padding:6px 12px;border:1px solid var(--accent-color);border-radius:6px;transition:all .3s ease}.logs-image-link:hover{background:var(--accent-color);color:var(--bg-primary)}.logs-image-caption{padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;align-items:flex-start;gap:8px}.logs-image-caption .caption-icon{font-size:16px;margin-top:2px;flex-shrink:0}.logs-image-caption .caption-text{font-size:13px;line-height:1.4;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.logs-message-attachments{margin-left:30px}.logs-image-container{padding:12px;min-height:150px}.logs-generated-image{max-height:300px}}@media (max-width: 480px){.logs-message-attachments{margin-left:10px}.logs-image-header{padding:8px 12px;flex-direction:column;align-items:flex-start;gap:8px}.logs-image-container{padding:8px;min-height:120px}.logs-generated-image{max-height:250px}}.backroom-terminal{min-height:100vh;background:#0a0a0a;color:#0f0;font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;line-height:1.2;overflow:hidden;position:relative;border:2px solid #003300}.backroom-terminal.light-theme{background:#f5f5f5;color:#333;border-color:#ccc}.terminal-header{background:#010;border-bottom:1px solid #003300;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;min-height:40px;position:absolute;top:0;z-index:100}.backroom-terminal.light-theme .terminal-header{background:#e0e0e0;border-bottom-color:#ccc}.terminal-title{display:flex;align-items:center;gap:12px}.terminal-title h2{margin:0;font-size:14px;font-weight:700;letter-spacing:1px;color:#0f0}.backroom-terminal.light-theme .terminal-title h2{color:#333}.terminal-icon{font-size:16px}.agent-id{font-size:11px;color:#080;background:#020;padding:2px 6px;border-radius:3px;font-family:monospace}.backroom-terminal.light-theme .agent-id{color:#666;background:#f0f0f0}.terminal-status{display:flex;align-items:center;gap:16px;font-size:11px}.status-indicator{display:flex;align-items:center;gap:6px;padding:2px 8px;border-radius:3px;background:#020}.backroom-terminal.light-theme .status-indicator{background:#f0f0f0}.status-indicator.live{background:#030;color:#0f0}.status-indicator.paused{background:#300;color:#f60}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.last-update,.memory-count{color:#888;font-size:10px}.performance-metrics{display:flex;align-items:center;gap:8px;margin-left:16px;padding-left:16px;border-left:1px solid #003300}.perf-metric{font-size:9px;color:#666;background:#020;padding:2px 6px;border-radius:3px;border:1px solid #003300;white-space:nowrap;cursor:help}.backroom-terminal.light-theme .perf-metric{background:#f0f0f0;border-color:#ccc;color:#666}.perf-metric:hover{background:#030;border-color:#040;color:#0f0}.backroom-terminal.light-theme .perf-metric:hover{background:#e0e0e0;border-color:#999;color:#333}.conversation-selector{background:#010;border-bottom:1px solid #003300;padding:12px 16px;position:sticky;top:40px;z-index:98;max-height:120px;overflow-y:auto}.backroom-terminal.light-theme .conversation-selector{background:#e0e0e0;border-bottom-color:#ccc}.conversation-selector-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.selector-title{font-size:11px;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:1px}.conversation-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.conversation-tab{background:#020;border:1px solid #004400;color:#0f0;padding:6px 10px;font-family:monospace;font-size:10px;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:80px;max-width:120px;position:relative}.backroom-terminal.light-theme .conversation-tab{background:#f0f0f0;border-color:#ccc;color:#333}.conversation-tab:hover{background:#030;border-color:#050;transform:translateY(-1px)}.conversation-tab.active{background:#040;border-color:#060;box-shadow:0 0 4px #0f03;color:#fff}.backroom-terminal.light-theme .conversation-tab.active{background:#070;border-color:#050;color:#fff}.tab-content{display:flex;flex-direction:column;gap:2px;text-align:left}.tab-header{display:flex;align-items:center;gap:4px;font-weight:700}.tab-status{font-size:8px}.tab-log-number{font-size:9px;color:#0cf}.backroom-terminal.light-theme .tab-log-number{color:#06c}.tab-count{font-size:8px;color:#888;margin-left:auto}.tab-preview{font-size:9px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.backroom-terminal.light-theme .tab-preview{color:#666}.tab-time{font-size:8px;color:#666;text-align:right}.conversation-overflow{margin-top:8px;padding:4px 8px;background:#020;border:1px solid #004400;border-radius:4px;font-size:10px;color:#888;text-align:center}.backroom-terminal.light-theme .conversation-overflow{background:#f0f0f0;border-color:#ccc}.terminal-controls{background:#010;border-bottom:1px solid #003300;padding:8px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;position:sticky;top:160px;z-index:97}.backroom-terminal.light-theme .terminal-controls{background:#e0e0e0;border-bottom-color:#ccc}.control-group{display:flex;align-items:center;gap:8px}.terminal-search{background:#020;border:1px solid #004400;color:#0f0;padding:4px 8px;font-family:monospace;font-size:12px;border-radius:3px;min-width:200px}.backroom-terminal.light-theme .terminal-search{background:#fff;border-color:#ccc;color:#333}.terminal-search:focus{outline:none;border-color:#0f0;box-shadow:0 0 3px #0f03}.terminal-filter{background:#020;border:1px solid #004400;color:#0f0;padding:4px 8px;font-family:monospace;font-size:11px;border-radius:3px}.backroom-terminal.light-theme .terminal-filter{background:#fff;border-color:#ccc;color:#333}.control-btn{background:#030;border:1px solid #005500;color:#0f0;padding:4px 12px;font-family:monospace;font-size:11px;border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.backroom-terminal.light-theme .control-btn{background:#f0f0f0;border-color:#ccc;color:#333}.control-btn:hover{background:#040;border-color:#060}.control-btn.active{background:#050;border-color:#070;box-shadow:0 0 3px #0f03}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-checkbox{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer;color:#888}.control-checkbox input[type=checkbox]{accent-color:#00ff00}.backroom-terminal.light-theme .control-checkbox input[type=checkbox]{accent-color:#ffffff}.terminal-output{height:calc(100vh - 200px);overflow-y:auto;padding:16px;background:#0a0a0a;position:relative}.backroom-terminal.light-theme .terminal-output{background:#f5f5f5}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:#010}.terminal-output::-webkit-scrollbar-thumb{background:#030;border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#040}.conversation-header{display:flex;align-items:center;gap:8px;margin:12px 0 6px;padding:4px 8px;background:var(--conv-bg, #001100);border-left:3px solid var(--conv-border, #00ff00);border-radius:3px;color:var(--conv-text, #00ff00);font-size:11px}.conversation-chip{background:var(--conv-border, #00ff00);color:#fff;padding:2px 6px;border-radius:3px;font-weight:700}.conversation-id{font-family:monospace;opacity:.9}.conversation-time{margin-left:auto;color:#8a8}.backroom-terminal .conversation-group.color-0{--conv-bg: #0b1a12;--conv-border: #00c853;--conv-text: #b9ffcf}.backroom-terminal .conversation-group.color-1{--conv-bg: #0b141a;--conv-border: #00bcd4;--conv-text: #b9f6ff}.backroom-terminal .conversation-group.color-2{--conv-bg: #1a0b17;--conv-border: #e91e63;--conv-text: #ffd1e1}.backroom-terminal .conversation-group.color-3{--conv-bg: #1a140b;--conv-border: #ffb300;--conv-text: #ffe9b3}.backroom-terminal .conversation-group.color-4{--conv-bg: #0e0b1a;--conv-border: #9575cd;--conv-text: #e0d7f6}.backroom-terminal .conversation-group.color-5{--conv-bg: #0b1a19;--conv-border: #26a69a;--conv-text: #c8fffa}.backroom-terminal.light-theme .conversation-group.color-0{--conv-bg: #eef9f3;--conv-border: #2e7d32;--conv-text: #2e7d32}.backroom-terminal.light-theme .conversation-group.color-1{--conv-bg: #eef7fa;--conv-border: #0277bd;--conv-text: #0277bd}.backroom-terminal.light-theme .conversation-group.color-2{--conv-bg: #fbeaf1;--conv-border: #ad1457;--conv-text: #ad1457}.backroom-terminal.light-theme .conversation-group.color-3{--conv-bg: #fff8e1;--conv-border: #ef6c00;--conv-text: #ef6c00}.backroom-terminal.light-theme .conversation-group.color-4{--conv-bg: #f0e9fb;--conv-border: #5e35b1;--conv-text: #5e35b1}.backroom-terminal.light-theme .conversation-group.color-5{--conv-bg: #e6f5f3;--conv-border: #00897b;--conv-text: #00897b}.conversation-group .terminal-line{border-left:2px solid var(--conv-border, transparent);padding-left:6px}.backroom-terminal.light-theme .conversation-time{color:#666}.terminal-line{display:flex;gap:8px;margin-bottom:2px;min-height:16px;align-items:flex-start;word-wrap:break-word;padding:1px 0}.terminal-line.user-line{color:#0cf}.terminal-line.agent-line{color:#0f0}.terminal-line.loading{color:#fa0;animation:blink 1s infinite}.terminal-line.error{color:#f44;background:#300;padding:4px 8px;border-radius:3px;margin:4px 0}.terminal-line.empty{color:#666;font-style:italic;text-align:center;margin:20px 0}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.terminal-timestamp{color:#666;font-size:11px;min-width:80px;flex-shrink:0}.terminal-prompt{font-weight:700;min-width:50px;flex-shrink:0}.user-prompt{color:#0cf}.agent-prompt{color:#0f0}.terminal-content{flex:1;word-wrap:break-word;white-space:pre-wrap}.terminal-thought{color:#888;font-style:italic;margin-left:8px;font-size:11px}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:50}.scroll-to-bottom{background:#030;border:1px solid #005500;color:#0f0;padding:8px 16px;border-radius:20px;font-family:monospace;font-size:11px;cursor:pointer;animation:bounce 2s infinite;box-shadow:0 2px 8px #0006}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.scroll-to-bottom:hover{background:#040;border-color:#060}.terminal-footer{background:#010;border-top:1px solid #003300;padding:4px 16px;font-size:10px;color:#666;position:sticky;bottom:0;z-index:100}.backroom-terminal.light-theme .terminal-footer{background:#e0e0e0;border-top-color:#ccc}.footer-info{font-family:monospace}@media (max-width: 1023px){.backroom-terminal .conversation-selector{display:block}}@media (max-width: 768px){.backroom-terminal{font-size:12px}.conversation-selector{max-height:100px;padding:8px 12px}.conversation-tabs{gap:6px}.conversation-tab{min-width:70px;max-width:100px;padding:4px 6px;font-size:9px}.tab-preview{font-size:8px}.terminal-controls{flex-direction:column;align-items:stretch;gap:8px;top:140px}.control-group{justify-content:space-between;flex-wrap:wrap}.terminal-search{min-width:auto;flex:1}.terminal-output{height:calc(100vh - 260px);padding:12px}.terminal-line{flex-direction:column;gap:4px}.terminal-timestamp,.terminal-prompt{min-width:auto}}@media (prefers-contrast: high){.backroom-terminal{background:#000;color:#fff;border-color:#fff}.terminal-header,.terminal-controls,.terminal-footer{background:#000;border-color:#fff}.terminal-search,.terminal-filter,.control-btn{background:#000;border-color:#fff;color:#fff}}.terminal-line.new-message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.backroom-terminal.light-theme .terminal-line.user-line{color:#06c}.backroom-terminal.light-theme .terminal-line.agent-line{color:#080}.backroom-terminal.light-theme .terminal-line.loading{color:#c80}.backroom-terminal.light-theme .terminal-line.error{color:#c00;background:#ffe0e0}.backroom-terminal.light-theme .user-prompt{color:#06c}.backroom-terminal.light-theme .agent-prompt{color:#080}.backroom-terminal.light-theme .scroll-to-bottom{background:#fff;border-color:#ccc;color:#333;box-shadow:0 2px 8px #0003}