body:not(.authenticated){visibility:hidden}:root{--spacing-xxs: .375rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-message: .25rem;--spacing-log: .125rem;--page-padding-x: 5px;--page-padding-y: 1rem;--container-spacing-x: 5px;--unified-spacing-y: .75vh;--viewport-edge-spacing: .75vh;--widget-height: 20vh;--widget-border-radius: .5rem;--app-header-height: 5vh;--app-header-text-width: 25%;--app-header-button-width: 75%;--app-header-text-size: 1rem;--icon-infobar-height: auto;--links-bar-height: 10vh;--debug-area-height: 14vh;--debug-panel-min: 200px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Roboto Mono", monospace;--font-title: 1.5rem;--font-base: .875rem;--font-small: .75rem;--font-tiny: .6875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--letter-spacing-title: 2px;--letter-spacing-label: 1px;--line-height-base: 1.6;--color-primary: #05a9d8;--color-primary-alpha-10: rgba(5, 169, 216, .1);--color-primary-alpha-20: rgba(5, 169, 216, .2);--color-primary-alpha-30: rgba(5, 169, 216, .3);--color-primary-alpha-50: rgba(5, 169, 216, .5);--color-primary-alpha-80: rgba(5, 169, 216, .8);--color-text: #f3f4f6;--color-text-dim: rgba(243, 244, 246, .7);--color-text-dimmer: rgba(243, 244, 246, .4);--color-bg: #0a0a0a;--color-bg-secondary: #1a1a2e;--color-bg-glass: rgba(10, 10, 10, .8);--color-bg-panel: rgba(10, 10, 10, .5);--color-bg-black-alpha-30: rgba(0, 0, 0, .3);--color-border: rgba(5, 169, 216, .2);--color-border-bright: rgba(5, 169, 216, .8);--color-success: #10b981;--color-success-alpha-30: rgba(16, 185, 129, .3);--color-warning: #f59e0b;--color-error: #ef4444;--color-error-alpha-20: rgba(239, 68, 68, .2);--color-error-alpha-30: rgba(239, 68, 68, .3);--color-error-alpha-50: rgba(239, 68, 68, .5);--color-neutral: #9ca3af;--border-width: 1px;--border-width-thick: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--blur-amount: 10px;--backdrop-blur: blur(10px);--opacity-disabled: .5;--transition-speed: .3s;--transition-easing: ease;--transform-scale-active: .95;--scrollbar-width: 8px;--scrollbar-radius: 4px;--gap-xs: .5rem;--gap-sm: .625rem;--gap-md: 1rem;--gap-lg: 1.5rem;--icon-infobar-height: 15vh;--icon-size: 9vh;--logo-size: 15vh;--icon-margin: .5vh;--icon-label-size: 1.7vh;--icon-sublabel-size: 1.5vh;--icon-duration: .7s;--icon-ease: back.out(1.4);--icon-initial-opacity: 0;--icon-initial-scale: .8;--text-duration: .5s;--text-ease: power2.out;--text-initial-opacity: 0;--text-initial-y: 10px;--icon-stagger-delay: .2s;--text-stagger: .08s;--text-delay-offset: .3s;--removal-duration: .35s;--removal-ease: back.in(1.4);--removal-stagger: .1s;--clear-to-logo-delay: .2s;--logo-to-icons-delay: .2s;--logo-width: 60%;--logo-max-width: 200px;--logo-blur-hidden: 8px;--logo-duration: .8s;--logo-ease: back.out(1.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 50%,var(--color-bg) 100%);height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;padding:var(--viewport-edge-spacing) var(--container-spacing-x);gap:var(--unified-spacing-y);margin:0}.zayah-app-header{flex-shrink:0;width:100%;height:var(--app-header-height);display:flex;align-items:stretch;gap:var(--spacing-xs)}.zayah-app-header__text{width:var(--app-header-text-width);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--color-primary);font-family:var(--font-family-mono);font-size:clamp(.6rem,2.5vw,1rem);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:var(--letter-spacing-label);text-align:center}.zayah-app-header__button{width:var(--app-header-button-width);background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-bg);font-family:var(--font-family-mono);font-size:1rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.zayah-app-header__button:hover{background:var(--color-primary-alpha-80)}.zayah-app-header__button:active{transform:scale(var(--transform-scale-active))}.zayah-main{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;gap:calc(var(--unified-spacing-y) * 1.5);overflow:hidden;min-height:0}.zayah-content-before,.zayah-content-after{display:none}.zayah-widget-container{flex-grow:1;flex-shrink:1;width:100%;margin:0;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--widget-border-radius);background:var(--color-bg-panel);overflow:hidden;min-height:0}.zayah-links-bar{flex-shrink:0;width:100%;height:var(--links-bar-height);display:flex;gap:var(--unified-spacing-y);margin-bottom:calc(var(--unified-spacing-y) * .5);min-width:0}.zayah-links-bar__card{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:calc(var(--links-bar-height) * .15);text-decoration:none;background:var(--color-bg-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:0 var(--spacing-md);opacity:.7;overflow:hidden;transition:background var(--transition-speed) var(--transition-easing),border-color var(--transition-speed) var(--transition-easing),opacity var(--transition-speed) var(--transition-easing)}.zayah-links-bar__card:hover{opacity:1;background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-50)}.zayah-links-bar__card:hover .zayah-links-bar__icon{background-color:var(--color-primary-alpha-80)}.zayah-links-bar__card:hover .zayah-links-bar__label{color:var(--color-primary-alpha-80)}.zayah-links-bar__card:active{background:var(--color-primary-alpha-20);border-color:var(--color-border-bright)}.zayah-links-bar__icon{flex-shrink:0;width:calc(var(--links-bar-height) * .5);height:calc(var(--links-bar-height) * .5);background-color:var(--color-primary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color var(--transition-speed) var(--transition-easing)}.zayah-links-bar__label{font-family:var(--font-family-base);font-size:clamp(.65rem,2.2vw,1.1rem);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-speed) var(--transition-easing)}.zayah-app-header__button[data-widget-state=connecting]{background:var(--color-warning-alpha-30);border-color:var(--color-warning);color:var(--color-warning)}.zayah-app-header__button[data-widget-state=connected]{background:var(--color-success-alpha-30);border-color:var(--color-success);color:var(--color-success)}.zayah-app-header__button[data-widget-state=error]{background:var(--color-error-alpha-30);border-color:var(--color-error);color:var(--color-error)}.elevenlabs-voice-container{background:transparent!important;margin:0!important;padding:0!important}.zayah-debug{flex-shrink:0;height:var(--debug-area-height);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow:hidden;background:var(--color-bg-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xs)}.debug-text-input{display:flex;gap:var(--gap-sm);align-items:stretch;width:100%}.text-message-input{flex:1;background:var(--color-bg-black-alpha-30);border:none;border-radius:var(--border-radius-sm);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-base);padding:var(--spacing-sm) var(--spacing-md);outline:none;transition:border-color var(--transition-speed) var(--transition-easing);display:flex;align-items:center}.text-message-input:focus{background:var(--color-bg-black-alpha-30)}.text-message-input::placeholder{color:var(--color-text-dimmer)}.text-message-input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.send-text-button{background:var(--color-primary-alpha-20);border:none;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);white-space:nowrap;display:flex;align-items:center;justify-content:center}.send-text-button:hover{background:var(--color-primary-alpha-30)}.send-text-button:active{transform:scale(var(--transform-scale-active))}.send-text-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.debug-panels{flex:1;display:flex;gap:0;width:100%;min-height:0}.debug-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:transparent;border:none;border-radius:0;padding:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-sm)}.panel-label{color:var(--color-primary);font-family:var(--font-family-mono);font-size:var(--font-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-label)}.panel-buttons{display:flex;gap:var(--gap-xs)}.panel-button{background:var(--color-primary-alpha-20);border:var(--border-width) solid var(--color-primary-alpha-50);color:var(--color-primary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-tiny);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing)}.panel-button:hover{background:var(--color-primary-alpha-30);border-color:var(--color-primary)}.panel-button:active{transform:scale(var(--transform-scale-active))}.panel-button.success{background:var(--color-success-alpha-30);border-color:var(--color-success);color:var(--color-success)}.panel-button.clear-button{background:var(--color-error-alpha-20);border-color:var(--color-error-alpha-50);color:var(--color-error)}.panel-button.clear-button:hover{background:var(--color-error-alpha-30);border-color:var(--color-error)}.transcript-textarea{flex:1;width:100%;background:transparent;border:none;border-radius:0;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-small);padding:var(--gap-sm) var(--spacing-sm);overflow-y:auto;overflow-x:hidden;line-height:var(--line-height-base);white-space:pre-wrap;word-wrap:break-word}.msg-user{color:var(--color-success);margin:var(--spacing-message) 0}.msg-agent{color:var(--color-primary);margin:var(--spacing-message) 0}.log-state{color:var(--color-neutral);margin:var(--spacing-log) 0}.log-user{color:var(--color-success);margin:var(--spacing-log) 0}.log-agent{color:var(--color-primary);margin:var(--spacing-log) 0}.log-tool{color:var(--color-warning);margin:var(--spacing-log) 0}.log-error{color:var(--color-error);margin:var(--spacing-log) 0}.transcript-textarea::-webkit-scrollbar{width:var(--scrollbar-width)}.transcript-textarea::-webkit-scrollbar-track{background:var(--color-bg-black-alpha-30);border-radius:var(--scrollbar-radius)}.transcript-textarea::-webkit-scrollbar-thumb{background:var(--color-primary-alpha-50);border-radius:var(--scrollbar-radius)}.transcript-textarea::-webkit-scrollbar-thumb:hover{background:var(--color-primary-alpha-80)}.platform-desktop{--container-spacing-x: 8px;--page-padding-x: 8px;--debug-area-height: 20vh;--font-title: 2rem;--widget-height: 22vh;--app-header-text-size: 1.125rem;--icon-infobar-height: 21vh;--icon-size: 11vh;--icon-label-size: 2vh;--icon-sublabel-size: 1.8vh;--logo-size: 16vh}.platform-mobile,.platform-mobile body{position:fixed;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.platform-mobile body{height:-webkit-fill-available;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.platform-mobile body{display:flex;flex-direction:column;padding:1vh 5px calc(1vh + env(safe-area-inset-bottom)) 5px;gap:1vh;box-sizing:border-box}.platform-mobile .zayah-app-header{flex-shrink:0;height:6vh;width:100%}.platform-mobile .zayah-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5vh;overflow:hidden}.platform-mobile .zayah-debug{flex-shrink:0;height:25vh;width:100%;display:flex;flex-direction:column;gap:.5vh}.platform-mobile{--font-title: 1.25rem;--app-header-text-size: .875rem;--app-header-text-width: 30%;--app-header-button-width: 70%;--icon-infobar-height: 17vh;--icon-size: 9.5vh;--icon-label-size: 1.3vh;--icon-sublabel-size: 1.1vh;--links-bar-height: 8vh;--widget-height: 22vh}.platform-mobile .debug-text-input{flex-shrink:0;align-items:stretch}.platform-mobile .text-message-input{height:auto;min-height:48px;display:flex;align-items:center}.platform-mobile .send-text-button{padding:var(--spacing-sm) var(--spacing-md);height:auto;min-height:48px;display:flex;align-items:center;justify-content:center}.platform-mobile .debug-panels{flex:1;min-height:0;flex-direction:column;overflow:hidden}.platform-mobile .debug-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.platform-mobile .transcript-textarea{flex:1;min-height:0;overflow-y:auto}.zayah-icon-infobar{flex-shrink:0;position:relative;width:100%;height:var(--icon-infobar-height);background:var(--color-bg-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden}.zayah-icon-infobar__logo-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.zayah-icon-infobar__icon-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;z-index:2}.zayah-icon-infobar__logo{width:var(--logo-width);height:auto;max-width:var(--logo-max-width);opacity:1;filter:blur(0px);user-select:none;-webkit-user-select:none}.zayah-icon-infobar__logo--hidden{opacity:0;filter:blur(var(--logo-blur-hidden))}.zayah-icon-stat{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:var(--icon-initial-opacity);transform:scale(var(--icon-initial-scale))}.zayah-icon-stat__icon{width:var(--icon-size);height:var(--icon-size);margin-bottom:var(--icon-margin);font-size:var(--icon-size);user-select:none;-webkit-user-select:none;cursor:default;pointer-events:none}.zayah-icon-stat__icon--png{background-color:var(--color-primary);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:block}.zayah-icon-stat__label{font-family:var(--font-family-mono);font-size:var(--icon-label-size);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.2;opacity:var(--text-initial-opacity);transform:translateY(var(--text-initial-y))}.zayah-icon-stat__sublabel{font-family:var(--font-family-mono);font-size:var(--icon-sublabel-size);color:var(--color-text-dim);line-height:1.2;opacity:var(--text-initial-opacity);transform:translateY(var(--text-initial-y))}