html,body{margin:0;padding:0}body{color:#000;background:teal;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.chat-page{box-sizing:border-box;grid-template-rows:auto auto;align-content:center;place-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.window{box-sizing:border-box;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;width:min(720px,100%);font-size:13px;box-shadow:2px 2px #000}.titlebar{color:#fff;box-sizing:border-box;background:navy;justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:2px 4px 2px 8px;font-weight:700;display:flex}.title-left{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.title-left>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.engine-indicator{flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.engine-indicator .avatar-img{width:18px;height:18px}.controls{flex:none;gap:2px;display:flex}.controls span{color:#000;box-sizing:border-box;background:silver;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;place-items:center;width:16px;height:15px;font-size:11px;line-height:1;display:grid}.body{box-sizing:border-box;gap:10px;padding:12px;display:grid}.datebar{grid-template-columns:32px 32px minmax(0,1fr) 68px;align-items:center;gap:6px;display:grid}.datebar a,.datebar span{box-sizing:border-box;color:#000;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;place-items:center;min-width:0;min-height:24px;text-decoration:none;display:grid}.datebar span{color:gray}.datebar .current-date{color:#000;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;justify-self:start;min-height:24px;padding:0 8px;font-family:Courier New,monospace;overflow:hidden}.datebar .arrow{font-size:16px;font-weight:700}.status,.debug-strip,.transcript,input{box-sizing:border-box;background:#fff;border:2px solid #fff;border-color:#404040 #fff #fff #404040}.status,.debug-strip{overflow-wrap:anywhere;background:#ffffe1;min-height:34px;padding:8px;line-height:1.35}.debug-strip{background:#e8e8e8;font-size:12px}.model-credit{color:#555;padding:2px 2px 0;font-size:11px}.transcript{min-height:260px;max-height:min(52vh,420px);padding:10px;line-height:1.45;overflow-y:auto}.message{overflow-wrap:anywhere;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;margin:0 0 10px;display:grid}.message:last-child{margin-bottom:0}.avatar{width:20px;height:20px;image-rendering:pixelated;place-items:center;display:inline-grid}.avatar-img{width:20px;height:20px;display:block}.user{color:navy}.bot{color:#000}.input-row{grid-template-columns:auto minmax(0,1fr) 72px;gap:8px;display:grid}.engine-dropdown{position:relative}.engine-dd-button{box-sizing:border-box;min-height:32px;font:inherit;color:#000;cursor:pointer;white-space:nowrap;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.engine-dd-icon{width:20px;height:20px;image-rendering:pixelated;flex:none;place-items:center;display:inline-grid}.engine-dd-icon .avatar-img{width:20px;height:20px}.engine-dd-caret{margin-left:2px}.engine-dd-list{z-index:20;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;min-width:100%;margin:0;padding:2px;list-style:none;position:absolute;bottom:calc(100% + 2px);left:0}.engine-dd-option{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex}.engine-dd-option.selected{color:#fff;background:navy}.engine-dd-option.disabled{color:gray;cursor:default}input,button{box-sizing:border-box;min-width:0;min-height:32px;font:inherit}input{padding:6px}button{color:#000;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:4px 10px}button:active:not(:disabled){border-color:#404040 #fff #fff #404040;padding:5px 9px 3px 11px}button:disabled,input:disabled{color:gray}.home-link{color:#fff;text-shadow:1px 1px #004040;font-size:13px}.home-link:visited{color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){.chat-page{place-items:stretch stretch;min-height:100svh;padding:10px}.window{grid-template-rows:auto 1fr;min-height:calc(100svh - 20px);display:grid}.body{grid-template-rows:auto auto minmax(0,1fr) auto}.datebar{grid-template-columns:32px 32px minmax(0,1fr) 58px}.transcript{min-height:220px;max-height:none}.input-row{grid-template-columns:1fr}}