.vid-container{max-width:1180px;margin:0 auto;padding:0 1.5rem}@media (max-width:480px){.vid-container{padding:0 1rem}}.vid-body{padding-top:2rem;padding-bottom:4rem}.vid-hero{background:linear-gradient(160deg, var(--home-wash-blue,#e5f0fc) 0%, var(--home-bg,#f8fbff) 75%);padding:2.5rem 0 1.5rem}.vid-eyebrow{color:var(--home-primary);margin:0;font-size:.85rem;font-weight:800}.vid-title{font-family:var(--home-font-display);color:var(--home-ink);margin:.3rem 0 0;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;line-height:1.15}.vid-subtitle{color:var(--home-muted);margin:.5rem 0 0;font-weight:600}.vid-filterbar{top:var(--site-header-height,0px);z-index:30;border-top:2px solid var(--home-border,#d4dfeb);border-bottom:2px solid var(--home-border,#d4dfeb);-webkit-backdrop-filter:blur(8px);background:#fffffff2;position:sticky}.vid-filterbar-inner{flex-direction:column;gap:.65rem;padding-top:.8rem;padding-bottom:.8rem;display:flex}.vid-filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vid-select{appearance:none;border:2px solid var(--home-border);background-color:var(--home-card,#fff);color:var(--home-ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a2846' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;border-radius:999px;outline:none;padding:.55rem 2.2rem .55rem 1rem;font-size:.88rem;font-weight:800;transition:border-color .15s,box-shadow .15s}.vid-select:focus{border-color:var(--home-primary);box-shadow:0 0 0 4px #0f6bb81f}.vid-select-grade{border-color:var(--home-primary);max-width:100%}.vid-type-toggle{border:2px solid var(--home-border);background:var(--home-bg,#f8fbff);border-radius:999px;flex:auto;gap:.2rem;padding:.2rem;display:flex}.vid-type-option{min-width:0;color:var(--home-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.85rem;font-weight:800;transition:background-color .15s,color .15s;display:inline-flex}.vid-type-option:hover:not(.vid-type-option-active){color:var(--home-ink)}.vid-type-option:focus-visible{outline:2px solid var(--home-primary);outline-offset:2px}.vid-type-option-active{background:var(--home-primary);color:var(--home-primary-foreground,#f9fcff)}.vid-type-count{opacity:.65;font-size:.75em}@media (min-width:601px){.vid-type-toggle{flex:0 auto;min-width:300px}}@media (max-width:600px){.vid-select-grade{flex:60%}.vid-select-sort{flex:none}.vid-type-toggle{flex:100%;order:3}}.vid-chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.45rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.vid-chip-row::-webkit-scrollbar{display:none}.vid-chip-label{color:var(--home-muted);flex-shrink:0;font-size:.75rem;font-weight:800}.vid-chip{border:2px solid var(--home-border);background:var(--home-card,#fff);color:var(--home-ink);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.85rem;font-weight:800;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.vid-chip:hover{background:var(--home-wash-blue,#e5f0fc)}.vid-chip-sm{padding:.25rem .7rem;font-size:.75rem}.vid-chip-active,.vid-chip-active:hover{border-color:var(--home-primary);background:var(--home-primary);color:var(--home-primary-foreground,#f9fcff)}.vid-chip-count{opacity:.6;font-size:.75em}.vid-banner{border-radius:var(--home-radius-2xl,28px);border:2px solid var(--home-border);background:var(--home-sun,#faca4b);color:var(--home-ink,#1a2846);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.15rem 1.35rem;display:flex}.vid-banner-emoji{font-size:2.2rem}.vid-banner-text{flex:1;min-width:200px}.vid-banner-title{margin:0;font-size:1.05rem;font-weight:800}.vid-banner-sub{margin:.2rem 0 0;font-size:.88rem;font-weight:600}.vid-btn-primary{background:var(--home-primary);color:var(--home-primary-foreground,#f9fcff);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.4rem;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.vid-btn-primary:hover{transform:scale(1.04)}.vid-btn-secondary{border:2px solid var(--home-border);background:var(--home-card,#fff);color:var(--home-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-top:.75rem;padding:.7rem 1.75rem;font-size:.92rem;font-weight:800;transition:transform .15s,border-color .15s;display:inline-flex}.vid-btn-secondary:hover{border-color:var(--home-primary);transform:scale(1.04)}.vid-link-btn{color:var(--home-primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.vid-results-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1.1rem;display:flex}.vid-results-title{font-family:var(--home-font-display);color:var(--home-ink);margin:0;font-size:1.5rem;font-weight:800}.vid-results-accent{color:var(--home-primary)}.vid-results-meta{color:var(--home-muted);align-items:center;gap:.9rem;font-size:.88rem;font-weight:700;display:flex}.vid-section-sub{color:var(--home-muted);margin:.25rem 0 0;font-size:.88rem;font-weight:600}.vid-error{border-radius:var(--home-radius-md,20px);background:var(--home-coral,#ff8573);color:var(--home-coral-foreground,#fffbfa);padding:.9rem 1.1rem;font-weight:800}.vid-empty{border-radius:var(--home-radius-2xl,28px);background:var(--home-secondary,#f7efd1);text-align:center;padding:2.75rem 1.5rem}.vid-empty-emoji{margin:0;font-size:2.8rem}.vid-empty-title{color:var(--home-secondary-foreground,#55310f);margin:.5rem 0 0;font-size:1.05rem;font-weight:800}.vid-empty-text{color:var(--home-secondary-foreground,#55310f);margin:.35rem 0 0;font-weight:600}.vid-grid{grid-template-columns:1fr;gap:2rem 1.25rem;display:grid}@media (min-width:560px){.vid-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.vid-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.vid-grid{grid-template-columns:repeat(4,1fr)}}.vid-more{text-align:center;margin-top:2.5rem}.vid-more-count{color:var(--home-muted);margin:.5rem 0 0;font-size:.75rem;font-weight:700}.vid-explore{margin-top:4rem}.vid-explore-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;display:grid}@media (min-width:640px){.vid-explore-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.vid-explore-grid{grid-template-columns:repeat(6,1fr)}}.vid-explore-card{border-radius:var(--home-radius-2xl,28px);border:2px solid var(--home-border);background:var(--home-card,#fff);box-shadow:0 4px 0 var(--home-border,#d4dfeb);color:inherit;font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .6rem;transition:transform .15s,box-shadow .15s;display:flex}.vid-explore-card:hover{box-shadow:0 7px 0 var(--home-border,#d4dfeb);transform:translateY(-3px)}.vid-explore-emoji{font-size:1.8rem}.vid-explore-name{color:var(--home-ink);font-weight:800}.vid-explore-count{color:var(--home-muted);font-size:.72rem;font-weight:700}.vid-card{text-align:left;cursor:pointer;width:100%;min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.vid-thumb{aspect-ratio:16/9;border-radius:var(--home-radius-md,20px);place-items:center;transition:transform .15s;display:grid;position:relative;overflow:hidden}.vid-card:hover .vid-thumb,.vid-card:focus-visible .vid-thumb{transform:translateY(-4px)}.vid-card:focus-visible{outline:3px solid var(--home-primary);outline-offset:4px;border-radius:var(--home-radius-md,20px)}.vid-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vid-thumb-emoji{font-size:3.5rem}.vid-thumb-sun{background:var(--home-sun,#faca4b)}.vid-thumb-coral{background:var(--home-coral,#ff8573)}.vid-thumb-sky{background:var(--home-sky,#8cc8ff)}.vid-thumb-mint{background:var(--home-mint,#73e0b4)}.vid-thumb-grape{background:var(--home-grape,#c796eb)}.vid-duration{z-index:1;color:#fff;background:#1a2846d1;border-radius:8px;padding:.15rem .5rem;font-size:.75rem;font-weight:800;position:absolute;bottom:.5rem;right:.5rem}.vid-play-overlay,.vid-locked-overlay{place-items:center;display:grid;position:absolute;inset:0}.vid-play-overlay{opacity:0;transition:opacity .15s}.vid-play-overlay span{background:var(--home-card,#fff);width:3.5rem;height:3.5rem;color:var(--home-ink);border-radius:999px;place-items:center;font-size:1.4rem;display:grid;box-shadow:0 8px 20px #0000002e}.vid-card:hover .vid-play-overlay,.vid-card:focus-visible .vid-play-overlay{opacity:1}.vid-locked-overlay{background:#1a284666}.vid-locked-overlay span{background:var(--home-card,#fff);color:var(--home-ink);border-radius:999px;padding:.3rem .85rem;font-size:.82rem;font-weight:800}.vid-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.vid-card-title{--title-lh:1.3;min-height:calc(var(--title-lh) * 2em);font-size:1rem;font-weight:800;line-height:var(--title-lh);color:var(--home-ink);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:.6rem 0 0;display:-webkit-box;overflow:hidden}.vid-card-teacher{color:var(--home-muted);white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 0;font-size:.78rem;font-weight:600;line-height:1.4;overflow:hidden}.vid-card-meta{flex-wrap:nowrap;align-items:center;gap:.3rem;min-width:0;margin-top:auto;padding-top:.4rem;font-size:.72rem;font-weight:800;line-height:1.4;display:flex}.vid-chip-grade,.vid-chip-subject{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;min-width:0;padding:.15rem .55rem;overflow:hidden}.vid-chip-grade{background:var(--home-wash-blue,#e5f0fc);color:var(--home-primary-dark,#0f6bb8);flex:0 auto}.vid-chip-subject{max-width:50%;color:var(--home-ink);background:#f1f4f8;flex:none}.vid-card-views{white-space:nowrap;color:var(--home-muted);flex-shrink:0;margin-left:auto}.vid-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a28468c;place-items:center;padding:1rem;animation:.15s vid-fade-in;display:grid;position:fixed;inset:0}.vid-modal{border-radius:var(--home-radius-2xl,28px);background:var(--home-card,#fff);border:2px solid var(--home-border);width:100%;max-height:calc(100vh - 2rem);padding:1.5rem;animation:.18s vid-pop-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #1a28464d}.vid-modal-sm{max-width:440px}.vid-modal-md{max-width:560px}.vid-modal-lg{max-width:880px}@media (max-width:480px){.vid-modal{padding:1.25rem 1rem}}@keyframes vid-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vid-pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.vid-modal-close{z-index:1;border:2px solid var(--home-border);background:var(--home-card,#fff);width:34px;height:34px;color:var(--home-ink);cursor:pointer;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;top:.9rem;right:.9rem}.vid-modal-close:hover{background:var(--home-wash-blue,#e5f0fc)}.vid-modal-title{font-family:var(--home-font-display);color:var(--home-ink);margin:0;font-size:1.4rem;font-weight:800}.vid-modal-title-left{padding-right:2.75rem;font-size:1.2rem}.vid-modal-desc{color:var(--home-muted);margin:.3rem 0 0;font-size:.85rem;font-weight:600}.vid-player{aspect-ratio:16/9;border-radius:var(--home-radius-md,20px);background:#0e1628;margin-top:1rem;position:relative;overflow:hidden}.vid-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vid-player-msg{color:#fff;text-align:center;place-items:center;padding:1rem;font-weight:700;display:grid;position:absolute;inset:0}.vid-locked{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.vid-locked-icon{background:var(--home-sun,#faca4b);border-radius:24px;place-items:center;width:64px;height:64px;font-size:2.2rem;display:grid}.vid-locked-text{color:var(--home-muted);margin:0;font-weight:600;line-height:1.5}.vid-badge-pdff{background:#c42c2ceb}.vid-card-doctype{color:var(--home-ink);font-weight:700}.vid-modal-pdf{flex-direction:column;max-width:960px;height:calc(100dvh - 2rem);display:flex;overflow:hidden}.vid-reader-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.vid-reader-desc{white-space:nowrap;text-overflow:ellipsis;padding-right:2.75rem;overflow:hidden}.vid-reader{flex:1;min-height:0;margin-top:.75rem}@media (max-width:600px){.vid-modal-backdrop-pdf{padding:0}.vid-modal-pdf{border:0;border-radius:0;max-width:none;height:100dvh;max-height:none;padding:.75rem .5rem .5rem}.vid-modal-pdf .vid-modal-close{top:.6rem;right:.6rem}.vid-modal-pdf .vid-modal-title-left,.vid-modal-pdf .vid-reader-desc{padding-left:.4rem}.vid-reader{margin-top:.5rem}.vid-reader .pdfv{border-radius:12px}}.vid-teacher-link{color:var(--home-primary,#1a8cf0);text-underline-offset:3px;font-weight:800;-webkit-text-decoration:underline #1a8cf059;text-decoration:underline #1a8cf059;text-decoration-thickness:2px;transition:text-decoration-color .15s}.vid-teacher-link:hover,.vid-teacher-link:focus-visible{text-decoration-color:currentColor}.vid-teacher-cta{border-radius:var(--home-radius-2xl,28px);background:var(--home-grape,#c796eb);color:var(--home-grape-foreground,#fdfbff);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:4rem;padding:1.25rem 1.4rem;display:flex}.vid-teacher-cta-emoji{font-size:2.2rem}.vid-teacher-cta-text{flex:220px;min-width:0}.vid-teacher-cta-title{font-family:var(--home-font-display);margin:0;font-size:1.15rem;font-weight:800}.vid-teacher-cta-sub{opacity:.92;margin:.2rem 0 0;font-size:.88rem;font-weight:600}.vid-teacher-cta-btn{background:var(--home-mint,#73e0b4);color:var(--home-mint-foreground,#003729);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.3rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.vid-teacher-cta-btn:hover{transform:translateY(-2px)}.vid-login-strip{border-radius:var(--home-radius-md,20px);background:var(--home-sun,#faca4b);color:var(--home-ink,#1a2846);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.65rem .75rem .65rem 1rem;font-size:.88rem;font-weight:800;display:flex}.vid-login-strip span{flex:200px;min-width:0}.vid-login-strip-btn{background:var(--home-primary);color:var(--home-primary-foreground,#f9fcff);white-space:nowrap;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:800;text-decoration:none}@media (max-width:600px){.vid-hero{padding:1.25rem 0 1rem}.vid-eyebrow{font-size:.75rem}.vid-title{font-size:1.45rem}.vid-subtitle{margin-top:.35rem;font-size:.82rem}.vid-select-grade{flex:1 1 0;min-width:0}.vid-filterbar-inner{gap:.5rem;padding-top:.6rem;padding-bottom:.6rem}.vid-body{padding-top:1.25rem}.vid-results-head{margin-bottom:.8rem}.vid-results-title{font-size:1.1rem}}.vid-locked-overlay.vid-locked-soft{background:0 0;place-items:start end;padding:.5rem}.vid-locked-overlay.vid-locked-soft span{padding:.2rem .65rem;font-size:.72rem;box-shadow:0 2px 8px #1a28462e}.vid-chip-scroller{min-width:0;position:relative}.vid-chip-arrow{display:none}@media (hover:hover) and (pointer:fine){.vid-chip-arrow{z-index:2;border:2px solid var(--home-border,#d4dfeb);background:var(--home-card,#fff);width:34px;height:34px;color:var(--home-ink,#1a2846);cursor:pointer;border-radius:999px;place-items:center;margin-top:-19px;padding:0;font-size:1.3rem;font-weight:800;line-height:1;transition:background-color .15s;display:grid;position:absolute;top:50%;box-shadow:0 2px 8px #1a284626}.vid-chip-arrow:hover{background:var(--home-wash-blue,#e5f0fc)}.vid-chip-arrow-left{left:0}.vid-chip-arrow-right{right:0}.vid-chip-scroller-left .vid-chip-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 56px);mask-image:linear-gradient(90deg,#0000 0,#000 56px)}.vid-chip-scroller-right .vid-chip-row{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 56px);mask-image:linear-gradient(270deg,#0000 0,#000 56px)}.vid-chip-scroller-left.vid-chip-scroller-right .vid-chip-row{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 56px calc(100% - 56px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 56px calc(100% - 56px),#0000 100%)}}
