.c12-lab{background:var(--color-cf-paper-2);border-radius:.75rem;gap:2rem;padding:2rem;display:grid}.c12-search-bar{flex-direction:column;gap:.75rem;display:flex}.c12-search-input{gap:.5rem;display:flex}.c12-input{border:1px solid var(--color-cf-rule);background:var(--color-cf-card);color:var(--color-cf-ink);font-size:1rem;font:var(--font-ax);border-radius:.5rem;flex:1;padding:.75rem 1rem}.c12-input::placeholder{color:var(--color-cf-faint)}.c12-input:focus{border-color:var(--color-cf-stamp);box-shadow:0 0 0 2px var(--color-cf-stamp-wash);outline:none}.c12-btn{background:var(--color-cf-ink);color:var(--color-cf-paper);cursor:pointer;font-size:.875rem;font-weight:600;font:var(--font-ax);border:none;border-radius:.5rem;padding:.75rem 1.5rem;transition:all .16s}.c12-btn:hover{background:var(--color-cf-stamp)}.c12-btn:active{transform:translateY(1px)scale(.98)}.c12-btn:focus-visible{outline:2px solid var(--color-cf-stamp);outline-offset:3px}.c12-hint{color:var(--color-cf-faint);margin:0;font-size:.875rem}.c12-results{flex-direction:column;gap:1.5rem;max-height:600px;display:flex;overflow-y:auto}.c12-results-header{border-bottom:1px solid var(--color-cf-rule);padding:1rem 0}.c12-results-header h3{color:var(--color-cf-ink);font-size:1.125rem;font:var(--font-ax);margin:0 0 .25rem;font-weight:600}.c12-count{color:var(--color-cf-faint);margin:0;font-size:.875rem}.c12-results-list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.c12-lecture-group{flex-direction:column;gap:.75rem;display:flex}.c12-lecture-title{border-bottom:1px solid var(--color-cf-rule);justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;display:flex}.c12-lecture-name{color:var(--color-cf-ink);font-size:1rem;font-weight:600;font:var(--font-ax)}.c12-lecture-count{color:var(--color-cf-faint);font-size:.8125rem}.c12-segments{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.c12-segment{background:var(--color-cf-card);border:1px solid var(--color-cf-rule);border-radius:.5rem;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1rem;display:grid}.c12-segment-time{flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.c12-timestamp{color:var(--color-cf-stamp);background:var(--color-cf-stamp-wash);border:1px solid var(--color-cf-rule);cursor:pointer;font-size:.8125rem;font-weight:600;font:var(--font-code);text-align:center;border-radius:.375rem;min-width:3.5rem;padding:.5rem .75rem;transition:all .16s}.c12-timestamp:hover{background:var(--color-cf-stamp);color:var(--color-cf-card);border-color:var(--color-cf-stamp)}.c12-timestamp:active{transform:translateY(1px)scale(.95)}.c12-timestamp:focus-visible{outline:2px solid var(--color-cf-stamp);outline-offset:2px}.c12-segment-content{flex-direction:column;gap:.5rem;display:flex}.c12-text{color:var(--color-cf-ink);font-size:.9375rem;line-height:1.5;font:var(--font-ax);margin:0}.c12-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.c12-confidence{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.c12-conf-high{background:var(--color-cf-done);color:var(--color-cf-card);opacity:.8}.c12-conf-mid{background:var(--color-cf-gold);color:var(--color-cf-ink);opacity:.8}.c12-conf-low{background:var(--color-cf-stamp);color:var(--color-cf-card);opacity:.8}.c12-type{color:var(--color-cf-faint);background:var(--color-cf-cell);text-transform:uppercase;letter-spacing:.5px;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.c12-empty{text-align:center;color:var(--color-cf-faint);padding:3rem 1rem}.c12-empty p{margin:0 0 .5rem;font-size:.9375rem}.c12-empty p:first-child{color:var(--color-cf-ink);font-weight:500}.c12-idle{text-align:center;padding:3rem 1rem}.c12-idle>p:first-child{color:var(--color-cf-faint);margin:0 0 1rem;font-size:.9375rem}.c12-lecture-list{flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:flex}.c12-lecture-list li{color:var(--color-cf-ink);font-size:.9375rem;font-weight:500}.c12-lecture-list li:before{content:"📚 ";margin-right:.5rem}.c12-hard{grid-template-columns:minmax(0,1fr);align-content:center;gap:1.5rem;margin-top:1.5rem;display:grid}.c12-hard__code,.c12-hard__search{background:var(--color-cf-paper-2);border:1px solid var(--color-cf-rule);border-radius:.5rem;padding:1rem}.c12-hard__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-cf-faint);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.c12-hard__code pre,.c12-hard__search pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.c12-hard__code code,.c12-hard__search code{font-size:.8125rem;font-family:var(--font-code);color:var(--color-cf-ink);line-height:1.6}@media (max-width:640px){.c12-lab{padding:1.5rem}.c12-search-input{flex-direction:column}.c12-segment{grid-template-columns:1fr;gap:.75rem}.c12-segment-time{flex-direction:row;gap:.5rem}.c12-timestamp{min-width:auto}.c12-hard{grid-template-columns:1fr}.c12-lecture-title{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-reduced-motion:reduce){.c12-btn,.c12-timestamp,.c12-input{transition:none}.c12-btn:active,.c12-timestamp:active{transform:none}}
