:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#07090d;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.app-shell{width:100%;height:100%;position:relative}.city-overlay{position:absolute;top:16px;right:16px;z-index:10;width:min(430px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(155,178,216,.22);border-radius:10px;background:#090d15c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e3ecff}.city-overlay h1{margin:0 0 6px;font-size:1rem;font-weight:700}.city-overlay p{margin:0 0 8px;font-size:.78rem;color:#c8d7f1}.overlay-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.overlay-tab{padding:7px 8px;border:1px solid rgba(138,175,226,.32);border-radius:8px;font-size:.75rem;color:#dce8ff;background:#162030b3;cursor:pointer}.overlay-tab.active{background:#3d6293cc;border-color:#8aafe28c}.city-overlay code{display:block;margin:5px 0;padding:6px 8px;border-radius:8px;font-size:.72rem;line-height:1.3;color:#b7dbff;background:#162030d9}.overlay-button{margin-top:8px;width:100%;padding:8px 10px;border:1px solid rgba(138,175,226,.4);border-radius:8px;font-size:.76rem;color:#e7f1ff;background:#284060ad;cursor:pointer}.overlay-button:hover{background:#3a5982c7}.leaderboard-box{margin-top:8px}.leaderboard-box p{margin:0 0 6px;font-size:.76rem;color:#c8d7f1}.docs-panel{max-height:44vh;overflow:auto;padding-right:4px}.agent-overlay{position:absolute;top:16px;left:16px;z-index:10;width:min(300px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(155,178,216,.22);border-radius:10px;background:#090d15c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e3ecff}.agent-overlay h2{margin:0 0 6px;font-size:.95rem}.agent-overlay p{margin:0 0 8px;font-size:.78rem;color:#c8d7f1}.agent-overlay code{display:block;margin:4px 0;padding:5px 7px;border-radius:8px;font-size:.72rem;color:#c3defd;background:#162030d9}