:root{--landing-copy:#edf2f7;--landing-copy-muted:#dfe6eea8;--landing-accent:#b9d0e6;--landing-divider:#ffffff14;--landing-row-radius:10px}body{color:var(--landing-copy);background:radial-gradient(circle at top,#b9d0e61f,#0000 28%),linear-gradient(#091018 0%,#0f161f 52%,#0c1219 100%)}.landing-container{position:fixed;inset:0;overflow:hidden}.landing-container.hidden{display:none}.landing-page{z-index:1;grid-template-rows:auto auto minmax(0,1fr);gap:.75rem;width:100dvw;height:100dvh;min-height:0;max-height:100dvh;padding:1.1rem 1.25rem 1rem;display:grid;position:relative;overflow:hidden}.landing-toolbar{border-bottom:1px solid var(--landing-divider);justify-content:space-between;align-items:center;gap:1rem;padding:0 0 .75rem;display:flex}.toolbar-brand{align-items:center;min-width:0;display:flex}.toolbar-title-link{color:inherit;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#f4f8fd 0%,#9fb9d2 100%);-webkit-text-fill-color:transparent;background-clip:text;border:0;padding:0;font-family:"Exo 2",Segoe UI,sans-serif;font-size:clamp(1.45rem,2vw,2.1rem);font-weight:700;text-decoration:none}.toolbar-title-link:focus-visible{outline-offset:5px;outline:2px solid #b9d0e6d9}.toolbar-brand h1,.content-header h2,.detail-card-title,.empty-state h3,.browser-item h3{margin:0;font-family:"Exo 2",Segoe UI,sans-serif}.toolbar-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.nav-btn,.breadcrumb-chip,.launch-btn,.browser-item{transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.nav-btn,.launch-btn{border-radius:var(--landing-row-radius);color:var(--landing-copy);cursor:pointer;font:inherit;background:#ffffff09;border:1px solid #ffffff24;align-items:center;gap:.45rem;padding:.5rem .72rem;font-size:.84rem;line-height:1;display:inline-flex}.nav-btn-icon{justify-content:center;width:2.15rem;height:2.15rem;padding:0}.nav-btn:hover:not(:disabled),.launch-btn:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.nav-btn:disabled,.breadcrumb-chip:disabled{opacity:.45;cursor:not-allowed}.nav-btn-primary,.launch-btn{color:#10161d;background:#e2ecf6f2;border-color:#e2ecf6f2;font-weight:700}.launch-btn-compact{color:#fff;letter-spacing:.08em;text-shadow:0 1px 2px #00000057;text-transform:uppercase;background:#54d679f0;border-color:#6fee95b8;justify-content:center;gap:.38rem;min-width:6rem;padding:.52rem .68rem;font-size:.76rem;font-weight:850}.launch-btn-compact:hover:not(:disabled){background:#6ceb92fa;border-color:#8cffaee6}.breadcrumb-bar{color:var(--landing-copy-muted);border-bottom:1px solid #ffffff0f;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.1rem .1rem .35rem;display:flex}.breadcrumb-trail{scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.breadcrumb-trail::-webkit-scrollbar{display:none}.breadcrumb-action{flex:none;padding:.4rem .62rem;font-size:.78rem}.breadcrumb-chip{max-width:14rem;color:var(--landing-copy-muted);cursor:pointer;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:.1rem .2rem;font-size:.9rem;overflow:hidden}.breadcrumb-chip:hover:not(:disabled),.breadcrumb-chip.current{color:var(--landing-copy)}.breadcrumb-separator{color:#ffffff47}.browser-layout{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.browser-content{overscroll-behavior:contain;min-height:0;padding:.2rem .15rem calc(.9rem + env(safe-area-inset-bottom)) .05rem;-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.content-panel{flex-direction:column;gap:.9rem;min-height:100%;padding-top:.15rem;display:flex}.content-panel h2{letter-spacing:.02em;font-size:clamp(1.15rem,1.6vw,1.55rem);font-weight:600}.item-list,.meta-list{flex-direction:column;gap:0;display:flex}.item-list{padding:.15rem 0 .5rem}.browser-item{text-align:left;width:100%;color:var(--landing-copy);cursor:pointer;z-index:0;box-shadow:inset 0 -1px var(--landing-divider);background:0 0;border:1px solid #0000;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem .95rem;display:grid;position:relative}.item-list>:last-child{box-shadow:none}.browser-item:hover{z-index:1;border-radius:var(--landing-row-radius);background:#ffffff0b;border-color:#ffffff24;box-shadow:0 8px 20px #0000002e,inset 0 1px #ffffff0d}.browser-item-icon{width:2rem;height:2rem;color:var(--landing-accent);background:#ffffff0f;border-radius:6px;place-items:center;display:grid}.repo-item-icon{color:#ffffff94;background:0 0}.browser-item-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.browser-item-title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.browser-item h3{font-size:1rem;font-weight:500}.browser-item p,.repo-url,.empty-state p{color:var(--landing-copy-muted);margin:0;line-height:1.5}.repo-url,.meta-url{word-break:break-word}.meta-url{color:var(--landing-accent);font-weight:600;line-height:1.45;text-decoration:none}.meta-url:hover{text-decoration:underline}.browser-item-arrow{color:#ffffff38}.browser-item-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:inline-flex}.repo-remove-btn{color:#ffb5b5d1;cursor:pointer;width:2rem;height:2rem;font:inherit;background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px;place-items:center;transition:border-color .18s,background .18s,color .18s;display:grid}.repo-remove-btn:hover,.repo-remove-btn:focus-visible{color:#ffdcdcf5;background:#ff58581a;border-color:#ff797961}.repo-remove-btn:focus-visible{outline-offset:2px;outline:2px solid #ffb5b580}.encounter-details{gap:1.1rem}.encounter-detail-header{z-index:3;backdrop-filter:blur(10px);background:#ffffff09;border:1px solid #ffffff17;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;min-width:0;margin:0 .35rem .15rem 0;padding:.65rem .75rem;display:flex;position:sticky;top:.35rem;box-shadow:0 10px 24px #00000029}.encounter-title{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;flex:auto;min-width:0;margin:0;overflow:hidden}.encounter-detail-header .launch-btn{flex:none}.detail-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.detail-card{flex-direction:column;gap:.9rem;padding:0;display:flex}.meta-list{gap:.7rem}.meta-row{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.meta-row span{color:#ffffff8f}.meta-row strong{text-align:left;font-weight:600;line-height:1.45}.meta-name{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bot-section{flex-direction:column;gap:.75rem;padding-top:.2rem;display:flex}.section-heading-row{border-bottom:1px solid var(--landing-divider);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.35rem;display:flex}.section-heading-row h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:"Exo 2",Segoe UI,sans-serif;font-size:.95rem;font-weight:700}.section-heading-row span{color:var(--landing-copy-muted);font-size:.78rem;font-weight:700}.bot-option-list{flex-direction:column;gap:.55rem;display:flex}.bot-option{width:100%;color:var(--landing-copy);cursor:pointer;text-align:left;font:inherit;background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem .9rem;transition:border-color .18s,background .18s,box-shadow .18s}.bot-option:hover{background:#ffffff0b;border-color:#ffffff2e}.bot-option.selected{background:#b9d0e614;border-color:#b9d0e694;box-shadow:inset 3px 0 #b9d0e6bf,0 0 0 1px #b9d0e614}.bot-option-main{flex-direction:column;gap:.45rem;min-width:0;display:flex}.bot-option-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bot-option-title-row strong{font-size:.95rem;font-weight:700;line-height:1.3}.selected-badge{color:var(--landing-accent);text-transform:uppercase;background:#b9d0e624;border-radius:999px;flex:none;padding:.16rem .42rem;font-size:.68rem;font-weight:800}.bot-option p,.bot-empty-state{color:var(--landing-copy-muted);margin:0;line-height:1.45}.bot-empty-state{background:#ffffff05;border:1px dashed #ffffff1f;border-radius:8px;padding:.75rem .9rem}.repo-warning-list{background:#f5b45413;border:1px solid #f5b4544d;border-radius:8px;flex-direction:column;gap:.45rem;padding:.75rem .85rem;display:flex}.repo-warning-heading,.repo-warning{align-items:flex-start;gap:.55rem;display:flex}.repo-warning-heading{color:#ffe0b3f0;font-size:.82rem;font-weight:800}.repo-warning{color:var(--landing-copy-muted);font-size:.78rem;line-height:1.45}.repo-warning strong{color:#ffebcde0;text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:12rem;overflow:hidden}.empty-state{text-align:center;background:#ffffff04;border:1px dashed #ffffff24;border-radius:14px;place-items:center;min-height:320px;padding:1.5rem;display:grid}.empty-state-icon{color:var(--landing-accent);margin-bottom:.8rem;font-size:2rem}.app-iframe{z-index:1000;background-color:#0000;border:none;width:100dvw;height:100dvh;transition:opacity .5s ease-in-out;position:fixed;top:0;left:0}.app-iframe.fade-out{opacity:0}@media (width<=980px){.landing-page{padding:1rem 1rem .9rem}.landing-toolbar{gap:.75rem}.toolbar-brand{flex:auto;min-width:0}.encounter-detail-header{gap:.65rem;margin-right:.15rem;padding:.58rem .62rem}}@media (width<=700px){.landing-page{padding:.8rem .8rem .7rem}.landing-toolbar{gap:.6rem}.toolbar-title-link{font-size:1.2rem}.toolbar-actions{flex:none}.toolbar-actions>*{flex:none;justify-content:center}.breadcrumb-bar{gap:.4rem}.breadcrumb-action{padding:.35rem .5rem}.breadcrumb-action span{display:none}.breadcrumb-chip{max-width:6.5rem}.browser-item{grid-template-columns:auto minmax(0,1fr)}.repo-browser-item{grid-template-columns:auto minmax(0,1fr) auto}.browser-item-arrow{display:none}.meta-row{grid-template-columns:1fr;gap:.25rem}.encounter-title{font-size:1rem}.launch-btn-compact{min-width:5.65rem;padding:.48rem .58rem}}
