:root{--aws-orange: #FF9900;--aws-navy: #232F3E;--aws-white: #FFFFFF;--aws-dark: #1A1A2E;--aws-orange-dim: #cc7a00;--aws-navy-light: #37475A;--aws-green: #00FF41;--aws-error: #FF4444;--aws-error-bg: rgba(255, 68, 68, .12);--font-mono: "Courier New", Courier, monospace;--border-pixel: 2px solid var(--aws-orange);--border-pixel-navy: 2px solid var(--aws-navy-light);--border-radius-retro: 2px;--glow-orange: 0 0 8px rgba(255, 153, 0, .6);--glow-green: 0 0 8px rgba(0, 255, 65, .5);--glow-text-orange: 0 0 6px rgba(255, 153, 0, .5);--glow-text-green: 0 0 6px rgba(0, 255, 65, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--aws-dark);color:var(--aws-white);font-family:var(--font-mono);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background-color:var(--aws-navy);border-bottom:3px solid var(--aws-orange);box-shadow:0 3px #ff990040;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:var(--space-sm)}.header-logo{font-size:1.6rem;color:var(--aws-orange);text-shadow:var(--glow-text-orange)}.header-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--aws-orange);text-shadow:var(--glow-text-orange);letter-spacing:1px;text-transform:uppercase}.header-sign-out{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--aws-white);background-color:transparent;border:var(--border-pixel);border-radius:var(--border-radius-retro);padding:var(--space-xs) var(--space-md);cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background-color .15s,box-shadow .15s}.header-sign-out:hover{background-color:var(--aws-orange);color:var(--aws-navy);box-shadow:var(--glow-orange)}.header-sign-out:focus-visible{outline:2px solid var(--aws-orange);outline-offset:2px}.chat-page{display:flex;flex-direction:column;height:100%;max-width:1200px;margin:0 auto;background-color:var(--aws-dark)}.message-list{flex:1 1 auto;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);background-color:var(--aws-dark);scrollbar-width:thin;scrollbar-color:var(--aws-orange) var(--aws-navy)}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:var(--aws-navy)}.message-list::-webkit-scrollbar-thumb{background-color:var(--aws-orange);border-radius:var(--border-radius-retro)}.message-bubble{max-width:75%;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-retro);font-family:var(--font-mono);font-size:.95rem;line-height:1.6;word-wrap:break-word;border:var(--border-pixel-navy)}.message-role{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs);opacity:.7}.message-content{margin:0}.message-user{align-self:flex-end;background-color:#ff99001f;border-color:var(--aws-orange);color:var(--aws-white)}.message-user .message-role{color:var(--aws-orange)}.message-assistant{align-self:flex-start;background-color:#37475a73;border-color:var(--aws-navy-light);color:var(--aws-white)}.message-assistant .message-role{color:var(--aws-green);text-shadow:var(--glow-text-green)}.message-error{align-self:center;max-width:80%;padding:var(--space-sm) var(--space-md);background-color:var(--aws-error-bg);border:2px solid var(--aws-error);border-radius:var(--border-radius-retro);color:var(--aws-error);font-family:var(--font-mono);font-size:.9rem;text-align:center}.prompt-input{flex-shrink:0;padding:var(--space-md);background-color:var(--aws-navy);border-top:3px solid var(--aws-orange);box-shadow:0 -3px #ff990040}.prompt-input-row{display:flex;gap:var(--space-sm);align-items:flex-end}.prompt-textarea{flex:1;font-family:var(--font-mono);font-size:.95rem;color:var(--aws-green);background-color:var(--aws-dark);border:var(--border-pixel);border-radius:var(--border-radius-retro);padding:var(--space-sm) var(--space-md);resize:vertical;min-height:44px;transition:box-shadow .2s}.prompt-textarea::placeholder{color:#ffffff59}.prompt-textarea:focus{outline:none;box-shadow:var(--glow-orange),inset 0 0 12px #ff990014;border-color:var(--aws-orange)}.prompt-textarea:disabled{opacity:.5;cursor:not-allowed}.prompt-submit{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--aws-navy);background-color:var(--aws-orange);border:2px solid var(--aws-orange-dim);border-radius:var(--border-radius-retro);padding:var(--space-sm) var(--space-lg);cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:44px;transition:background-color .15s,box-shadow .15s}.prompt-submit:hover:not(:disabled){box-shadow:var(--glow-orange);background-color:#ffad33}.prompt-submit:focus-visible{outline:2px solid var(--aws-white);outline-offset:2px}.prompt-submit:disabled{opacity:.5;cursor:not-allowed}.prompt-validation-error{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:.8rem;color:var(--aws-error)}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.9rem;color:var(--aws-green);text-shadow:var(--glow-text-green);flex-shrink:0}.loading-text{margin-right:2px}.loading-dots{display:inline-flex}.loading-dot{animation:blink 1.4s infinite step-start}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}40%{opacity:1}to{opacity:1}}@media(max-width:768px){.header{padding:var(--space-sm) var(--space-md)}.header-title{font-size:1rem}.header-logo{font-size:1.2rem}.header-sign-out{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.chat-page{max-width:100%}.message-list{padding:var(--space-sm);gap:var(--space-sm)}.message-bubble{max-width:90%;font-size:.85rem}.message-error{max-width:95%;font-size:.8rem}.prompt-input{padding:var(--space-sm)}.prompt-input-row{flex-direction:column;align-items:stretch}.prompt-textarea{font-size:.85rem;min-height:40px}.prompt-submit{width:100%;padding:var(--space-sm)}}@media(min-width:769px)and (max-width:1200px){.chat-page{max-width:960px}.message-list,.prompt-input{padding:var(--space-md) var(--space-lg)}}@media(min-width:1201px){.chat-page{max-width:1200px;margin:0 auto;border-left:1px solid var(--aws-navy-light);border-right:1px solid var(--aws-navy-light)}.message-list{padding:var(--space-lg) var(--space-xl)}.prompt-input{padding:var(--space-md) var(--space-xl)}}.chat-input-area{display:flex;flex-direction:column;flex-shrink:0;background-color:var(--aws-navy);border-top:3px solid var(--aws-orange);box-shadow:0 -3px #ff990040}.chat-input-area .prompt-input{border-top:none;box-shadow:none}.model-selector{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--aws-navy-light);flex-wrap:wrap}.model-selector-label{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--aws-orange);text-transform:uppercase;letter-spacing:1px;text-shadow:var(--glow-text-orange)}.model-selector select{flex:1 1 auto;min-width:200px;max-width:100%;font-family:var(--font-mono);font-size:.9rem;color:var(--aws-green);background-color:var(--aws-dark);border:var(--border-pixel);border-radius:var(--border-radius-retro);padding:var(--space-xs) var(--space-sm);min-height:36px;cursor:pointer;transition:box-shadow .2s}.model-selector select:focus-visible{outline:none;box-shadow:var(--glow-orange);border-color:var(--aws-orange)}.model-selector select:disabled{opacity:.5;cursor:not-allowed}.model-selector-error{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--aws-error-bg);border-bottom:2px solid var(--aws-error);color:var(--aws-error);font-family:var(--font-mono);font-size:.85rem}.metrics-display{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-top:1px dashed var(--aws-navy-light);font-family:var(--font-mono);font-size:.72rem;color:#ffffffb3;line-height:1.4}.metrics-display-model{color:var(--aws-green);text-shadow:var(--glow-text-green);font-weight:700;letter-spacing:.5px}.metrics-display-timing,.metrics-display-tokens{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.metrics-display-ttft,.metrics-display-total{color:var(--aws-orange);opacity:.85}.metrics-display-input-tokens,.metrics-display-output-tokens,.metrics-display-total-tokens{color:#ffffffbf}.metrics-display-cost{color:var(--aws-orange);font-weight:700}@media(max-width:768px){.model-selector{padding:var(--space-xs) var(--space-sm)}.model-selector select{min-width:0;font-size:.8rem}.metrics-display{font-size:.68rem;gap:2px var(--space-sm)}}@media(min-width:1201px){.model-selector{padding:var(--space-sm) var(--space-xl)}}