.mongo-editor-lang{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .45rem;border-radius:3px;background:color-mix(in srgb,var(--mongo-green) 7%,transparent);border:1px solid color-mix(in srgb,var(--mongo-green) 15%,transparent);color:var(--mongo-green);font-size:.65rem;font-weight:700;letter-spacing:.04em}[data-theme=light] .mongo-editor-lang{background:#16a34a14;border-color:#16a34a2e;color:var(--green-600)}.mongo-schema-section{border-bottom:1px solid rgba(255,255,255,.055)}.mongo-schema-active{padding:.35rem .85rem;font-size:.68rem;color:var(--mongo-green);font-weight:700;border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:.3rem}.mongo-db-select{width:100%;padding:.3rem .5rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.08);background:color-mix(in srgb,var(--slate-900) 60%,transparent);color:var(--slate-200);font-size:.75rem;cursor:pointer}.mongo-db-select:focus{outline:none;border-color:color-mix(in srgb,var(--mongo-green) 40%,transparent)}[data-theme=light] .mongo-db-select{background:#fffc;color:var(--lab-text);border-color:var(--lab-border)}.mongo-collection-item{display:flex;align-items:center;gap:.35rem;width:100%;padding:.35rem .85rem;background:transparent;color:var(--slate-400);text-align:left;font-size:.78rem}.mongo-collection-item:hover{background:#ffffff0a;color:var(--slate-300)}[data-theme=light] .mongo-collection-item{color:var(--lab-text-muted)}[data-theme=light] .mongo-collection-item:hover{color:var(--lab-text-body)}.mongo-col-count{color:var(--slate-500);font-size:.65rem;margin-left:auto;margin-right:.25rem}.mongo-column-list{padding:.2rem .85rem .4rem 1.8rem}.mongo-col-meta{padding:.25rem 0;font-size:.7rem}.mongo-col-meta-label{color:var(--slate-400);font-weight:600;font-size:.7rem}[data-theme=light] .mongo-col-meta-label{color:var(--lab-text-muted)}.mongo-col-sample{margin:.35rem 0;padding:.5rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.06);background:color-mix(in srgb,var(--slate-900) 40%,transparent)}[data-theme=light] .mongo-col-sample{border-color:var(--lab-border2);background:#fff9}.mongo-col-sample-header{color:var(--mongo-green);font-size:.65rem;font-weight:700;margin-bottom:.25rem}.mongo-col-sample-code{margin:0;font-size:.62rem;color:var(--slate-400);overflow-x:auto;font-family:var(--font-mono)}[data-theme=light] .mongo-col-sample-code{color:var(--lab-text-dim)}.mongo-col-indexes{margin:.35rem 0}.mongo-col-index-list{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.2rem}.mongo-col-index-chip{padding:.1rem .35rem;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);color:var(--blue-400);font-size:.6rem;font-weight:700}.mongo-multi-results{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.mongo-batch-result{border:1px solid rgba(255,255,255,.07);border-radius:.45rem;overflow:hidden;background:color-mix(in srgb,var(--slate-900) 25%,transparent)}[data-theme=light] .mongo-batch-result{border-color:var(--lab-border2);background:#00000005}.mongo-batch-label{display:flex;align-items:center;gap:.45rem;padding:.35rem .65rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);font-size:.7rem}[data-theme=light] .mongo-batch-label{border-bottom-color:var(--lab-border3)}.mongo-batch-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--mongo-green) 12%,transparent);color:var(--mongo-green);font-size:.6rem;font-weight:800;flex-shrink:0}.mongo-batch-query{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--slate-400);font-family:var(--font-mono);font-size:.7rem}[data-theme=light] .mongo-batch-query{color:var(--lab-text-dim)}.mongo-batch-count{flex-shrink:0;color:var(--slate-500);font-size:.65rem}.mongo-batch-result .sql-results-table{font-size:.72rem}.mongo-batch-result .sql-results-table th{padding:.35rem .55rem;font-size:.7rem}.mongo-batch-result .sql-results-table td{padding:.25rem .55rem}.mongo-batch-result .sql-results-empty{padding:1rem;font-size:.75rem}.mongo-batch-result .mongo-results-agg{font-size:.72rem}.mongo-results-json{margin:0;font-size:.75rem;color:var(--slate-300);text-align:left;max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.mongo-cell-json{color:var(--blue-300);font-size:.7rem;font-family:var(--font-mono)}.mongo-cell-bool{color:var(--amber-400);font-weight:600}.mongo-results-agg{display:flex;flex-direction:column}.mongo-agg-stages{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);background:color-mix(in srgb,var(--slate-900) 30%,transparent)}.mongo-agg-stage-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--mongo-green) 8%,transparent);border:1px solid color-mix(in srgb,var(--mongo-green) 15%,transparent);font-size:.65rem}.mongo-agg-stage-name{color:var(--mongo-green);font-weight:700}.mongo-agg-stage-count{color:var(--slate-500)}.mongo-project-list{display:flex;flex-direction:column;gap:.75rem}.mongo-project-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.07);background:#ffffff09;cursor:pointer;transition:border-color .2s ease,background .2s ease}[data-theme=light] .mongo-project-card{border-color:var(--lab-border2);background:#00000005}.mongo-project-card:hover{border-color:color-mix(in srgb,var(--mongo-green) 25%,transparent);background:color-mix(in srgb,var(--mongo-green) 4%,transparent)}.mongo-project-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.mongo-project-card h4{margin:0 0 .2rem;color:var(--slate-50);font-size:.9rem}[data-theme=light] .mongo-project-card h4{color:var(--lab-text-title)}.mongo-project-card p{margin:0 0 .35rem;color:var(--slate-400);font-size:.8rem;line-height:1.5}[data-theme=light] .mongo-project-card p{color:var(--lab-text-muted)}.mongo-project-meta{display:flex;align-items:center;gap:.5rem}.sql-chapter-badge.project{background:color-mix(in srgb,var(--indigo-600) 11%,transparent);border-color:color-mix(in srgb,var(--indigo-600) 18%,transparent);color:var(--indigo-400)}.sql-sg-header.projects .sql-sg-title{color:var(--indigo-300)}.sql-sg-header.projects:hover,.sql-sg-header.projects.expanded{background:color-mix(in srgb,var(--indigo-600) 6%,transparent)}.jsl-sidebar-group:has(.sql-sg-header.projects) .sql-si.active{background:color-mix(in srgb,var(--indigo-600) 10%,transparent);color:var(--indigo-400)}.sql-chapter-badge.interview{background:#a855f71c;border-color:#a855f72e;color:var(--indigo-400)}.sql-sg-header.interview .sql-sg-title{color:#d8b4fe}.sql-sg-header.interview:hover,.sql-sg-header.interview.expanded{background:#a855f70f}.jsl-sidebar-group:has(.sql-sg-header.interview) .sql-si.active{background:#a855f71a;color:var(--indigo-400)}.interview-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-bottom:1.5rem}.interview-cat-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;transition:all .18s ease;text-align:left;width:100%;color:inherit}.interview-cat-card:hover{border-color:#a855f740;background:#a855f70d;transform:translateY(-1px)}.interview-cat-card-icon{font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.interview-cat-card-content h4{margin:0 0 .2rem;color:var(--slate-50);font-size:.9rem}.interview-cat-card-content p{margin:0 0 .3rem;color:var(--slate-400);font-size:.78rem;line-height:1.5}.interview-cat-count{color:var(--slate-500);font-size:.7rem;font-weight:600}.interview-company-section{margin-top:1rem}.interview-company-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.interview-company-card{display:flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;transition:all .18s ease;color:var(--slate-300);font-size:.82rem;font-weight:600}.interview-company-card:hover{border-color:#f59e0b4d;background:#f59e0b0f;transform:translateY(-1px)}.interview-company-logo{font-size:1.2rem}.interview-tabs{display:flex;gap:.3rem;margin-bottom:1rem;background:#ffffff0a;border-radius:.55rem;padding:.25rem}.interview-tab{flex:1;padding:.5rem .85rem;border-radius:.4rem;border:none;background:transparent;color:var(--slate-400);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.interview-tab.active{background:#a855f726;color:var(--indigo-300)}.interview-tab:hover:not(.active){color:var(--slate-200)}.interview-question-group{margin-bottom:1rem}.interview-group-header{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;color:var(--slate-200);font-size:.85rem}.interview-group-count{color:var(--slate-500);font-size:.72rem;font-weight:400}.interview-question-list{display:flex;flex-direction:column;gap:.35rem}.interview-q-item{border-radius:.5rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05;overflow:hidden;transition:border-color .15s ease}.interview-q-item:hover{border-color:#ffffff1a}.interview-q-item.expanded{border-color:#a855f733}.interview-q-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem .85rem;background:transparent;color:var(--slate-300);text-align:left;font-size:.82rem;cursor:pointer;border:none}.interview-q-title-row{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.interview-q-text{flex:1;min-width:0;line-height:1.4}.interview-q-difficulty{flex-shrink:0;padding:.1rem .4rem;border-radius:.25rem;font-size:.62rem;font-weight:800}.interview-q-chevron{flex-shrink:0;color:var(--slate-500);transition:transform .18s ease}.interview-q-answer{padding:0 .85rem .75rem;border-top:1px solid rgba(255,255,255,.05)}.interview-q-answer p{margin:.6rem 0;color:var(--slate-400);font-size:.82rem;line-height:1.65}.interview-q-actions{display:flex;gap:.45rem;margin-top:.5rem}.interview-flashcards{display:flex;flex-direction:column;gap:.75rem}.interview-flashcard{padding:1rem;border-radius:.55rem;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.interview-flashcard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.interview-flashcard-question{color:var(--slate-200);font-size:.9rem;font-weight:600;line-height:1.5;margin:0 0 .6rem}.interview-flashcard-answer summary{color:var(--indigo-400);font-size:.82rem;font-weight:600;cursor:pointer;padding:.4rem 0}.interview-flashcard-answer summary:hover{color:var(--indigo-300)}.interview-answer-content p{color:var(--slate-400);font-size:.82rem;line-height:1.65;margin:.5rem 0}
