.vcard{display:grid;gap:12px;align-content:start;border-radius:14px}.vcard.is-menu-open{z-index:12}.vcard-media{position:relative}.vcard-media-link{display:block;color:inherit;text-decoration:none;border-radius:14px;outline:none}.vcard .lesson-tile-media{position:relative;overflow:hidden;container-type:inline-size;border-radius:14px;background:var(--stage-bg);box-shadow:inset 0 0 0 1px var(--line);transition:border-radius .3s ease,box-shadow .3s ease}.vcard:hover .lesson-tile-media{border-radius:10px;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -24px rgb(20 24 40/.5)}.vcard:hover .thumb-frame{transform:scale(1.04)}.vcard:has(.vcard-title:focus-visible) .lesson-tile-media{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--watch-accent)}.vcard-play{position:absolute;inset:0;margin:auto;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgb(12 14 20/.62);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .25s cubic-bezier(.3,1.4,.5,1)}.vcard-play .watch-icon{width:24px;height:24px;margin-inline-start:3px}.vcard:hover .vcard-play{opacity:1;transform:none}.vcard-duration,.vcard-tag{position:absolute;z-index:3;padding:2px 6px;border-radius:6px;background:rgb(12 14 20/.8);color:#fff;font-size:12px;font-weight:650;line-height:1.35}.vcard-duration{right:8px;bottom:8px}.vcard-tags{position:absolute;z-index:3;left:8px;bottom:8px;display:flex;gap:4px}.vcard-tags .vcard-tag{position:static;font-size:11px;font-weight:750;letter-spacing:.03em}.vcard-tag.is-depth{background:rgb(255 255 255/.94);color:#1b3a6b}.vcard-watched{position:absolute;z-index:3;inset-inline:0;bottom:0;height:4px;background:rgb(255 255 255/.42)}.vcard-watched span{display:block;height:100%;background:var(--watch-red)}.vcard:has(.vcard-watched) .vcard-duration,.vcard:has(.vcard-watched) .vcard-tags{bottom:12px}.vcard-quick{position:absolute;z-index:4;top:8px;right:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.vcard-quick:focus-within,.vcard:hover .vcard-quick{opacity:1;transform:none}.vcard-quick-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:rgb(12 14 20/.74);color:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.vcard-quick-button:hover{background:rgb(12 14 20/.9);transform:scale(1.06)}.vcard-quick-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.vcard-quick-button .watch-icon{width:18px;height:18px}.vcard-quick-button.is-on{color:#ffc44d}.vcard-quick:has(.is-on){opacity:1;transform:none}.vcard-quick:has(.is-on) .vcard-quick-button:not(.is-on){opacity:0}.vcard-quick:focus-within .vcard-quick-button,.vcard:hover .vcard-quick:has(.is-on) .vcard-quick-button:not(.is-on){opacity:1}@media (hover:none){.vcard-quick{opacity:1;transform:none}}.vcard-note{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px;background:rgb(12 14 20/.86);color:#fff;font-size:12.5px;font-weight:650;white-space:nowrap;pointer-events:none;animation:vcard-note .2s ease}@keyframes vcard-note{0%{opacity:0;transform:translate(-50%,-40%)}}.vcard-meta{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;gap:10px;align-items:start}.vcard-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--watch-chip);color:var(--ink);text-decoration:none;animation:vcard-fade .25s ease}.vcard-avatar svg{width:19px;height:19px}.vcard-avatar .profile-avatar{width:36px;height:36px;flex-basis:36px}.vcard-avatar .profile-avatar svg{width:100%;height:100%}@keyframes vcard-fade{0%{opacity:0}}.vcard-text{min-width:0;display:grid;gap:3px}.vcard-title{color:var(--ink);text-decoration:none;outline:none;border-radius:4px}.vcard-title:focus-visible{outline:2px solid var(--watch-accent);outline-offset:2px}.vcard-title h3{display:-webkit-box;margin:0;overflow:hidden;font-size:15px;font-weight:650;line-height:1.32;letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vcard-creator{display:inline-flex;align-items:center;gap:4px;justify-self:start;max-width:100%;min-width:0;color:var(--muted);font-size:13px;text-decoration:none;animation:vcard-fade .25s ease}.vcard-creator>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.vcard-creator:hover{color:var(--ink)}.vcard-creator .verified-badge svg{width:13px;height:13px}.vcard-sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;color:var(--muted);font-size:13px;line-height:1.4}.vcard-sub>*+:before{content:"·";margin-inline-end:6px}.vcard-sub .community-card-stats{display:inline-flex;gap:6px;margin:0;color:inherit;font-size:inherit}.vcard-more{position:relative}.vcard-kebab{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease}.vcard-kebab:focus-visible,.vcard-kebab[aria-expanded=true],.vcard:hover .vcard-kebab{opacity:1}.vcard-kebab:hover,.vcard-kebab[aria-expanded=true]{background:var(--watch-chip);color:var(--ink)}.vcard-kebab:focus-visible{outline:2px solid var(--watch-accent);outline-offset:1px}@media (hover:none){.vcard-kebab{opacity:1}}.vcard-menu{position:absolute;z-index:20;top:34px;inset-inline-end:0;min-width:220px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--watch-shadow);animation:vcard-pop .16s cubic-bezier(.2,1,.4,1)}@keyframes vcard-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.vcard-menu [role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--ink);font:inherit;font-size:14px;text-align:start;text-decoration:none;cursor:pointer}.vcard-menu [role=menuitem]:focus-visible,.vcard-menu [role=menuitem]:hover{background:var(--watch-chip);outline:none}.vcard-menu .watch-icon{width:18px;height:18px;color:var(--muted)}.vcard .lesson-tile-owner{top:8px;inset-inline-start:8px}.lesson-search-results .shelf-grid{grid-template-columns:minmax(0,1fr);gap:22px}.lesson-search-results .vcard{grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:18px;align-items:start}.lesson-search-results .vcard-meta{grid-template-columns:minmax(0,1fr) 30px;padding-top:2px}.lesson-search-results .vcard-avatar{display:none}.lesson-search-results .vcard-title h3{font-size:18px;line-height:1.35}.lesson-search-results .vcard-text{gap:6px}.lesson-search-results .vcard-creator{order:3}.lesson-search-results .vcard-sub{order:2}@media (max-width:640px){.lesson-search-results .vcard{grid-template-columns:minmax(0,1fr);gap:10px}.lesson-search-results .vcard-meta{grid-template-columns:36px minmax(0,1fr) 30px}.lesson-search-results .vcard-avatar{display:grid}.lesson-search-results .vcard-title h3{font-size:15px}}[dir=rtl] .vcard-duration{right:auto;left:8px}[dir=rtl] .vcard-tags{left:auto;right:8px}[dir=rtl] .vcard-quick{right:auto;left:8px}@media (prefers-reduced-motion:reduce){.vcard .lesson-tile-media,.vcard-avatar,.vcard-creator,.vcard-kebab,.vcard-menu,.vcard-note,.vcard-play,.vcard-quick{animation:none;transition:none}.vcard:hover .thumb-frame{transform:none}.thumb-frame{transition:none}}.home-chips{display:flex;gap:8px;margin-top:28px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.home-chips::-webkit-scrollbar{display:none}.home-chip{flex-shrink:0;height:34px;padding:0 14px;border:0;border-radius:10px;background:var(--watch-chip);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.home-chip:hover{background:var(--watch-chip-hover)}.home-chip:focus-visible{outline:2px solid var(--watch-accent);outline-offset:2px}.home-chip.is-on{background:var(--ink);color:var(--bg)}.home-chips+.home-feed>.shelf:first-child{margin-top:22px}.home-feed[data-filter=math] .shelf:not(:has(.vcard[data-subject=math])),.home-feed[data-filter=math] .vcard:not([data-subject=math]){display:none}.home-feed[data-filter=science] .shelf:not(:has(.vcard[data-subject=science])),.home-feed[data-filter=science] .vcard:not([data-subject=science]){display:none}.home-feed[data-filter=history] .shelf:not(:has(.vcard[data-subject=history])),.home-feed[data-filter=history] .vcard:not([data-subject=history]){display:none}.home-feed[data-filter=programming] .shelf:not(:has(.vcard[data-subject=programming])),.home-feed[data-filter=programming] .vcard:not([data-subject=programming]){display:none}@media (prefers-reduced-motion:reduce){.home-chip{transition:none}}.thumb-frame{position:relative;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.vcard .stage-thumb{transition:opacity .4s ease;filter:saturate(1.08) contrast(1.03)}.stage-thumb-image{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--stage-bg);pointer-events:none;-webkit-user-select:none;user-select:none}.vcard .stage-thumb-image{filter:saturate(1.08) contrast(1.03)}.stage-thumb[data-focus=ari] .ari-shadow,.stage-thumb[data-focus=ari] .helper,.stage-thumb[data-focus=ari] .stage-floor,.stage-thumb[data-focus=person] .ari-shadow,.stage-thumb[data-focus=person] .character,.stage-thumb[data-focus=person] .helper,.stage-thumb[data-focus=person] .stage-floor{display:none}.lesson-tile-media[data-hero] .lesson-tile-cover{max-width:60%}.stage-thumb .pin-ring{border-width:calc(var(--u) * 7);box-shadow:0 0 0 calc(var(--u) * 5) #ff3b30,0 calc(var(--u) * 6) calc(var(--u) * 20) rgb(10 14 30/.4)}.stage-thumb .pin-dot{outline:calc(var(--u) * 6) solid #ff3b30;outline-offset:calc(var(--u) * 14)}.stage-thumb .pin-pulse{display:none}.thumb-ring{position:absolute;z-index:2;overflow:visible;pointer-events:none;transform:rotate(-4deg)}.thumb-ring path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.thumb-ring-under{stroke:#ffffff;stroke-width:7;opacity:.9}.thumb-ring-line{stroke:#ff3b30;stroke-width:4}.upnext-thumb .thumb-ring-under{stroke-width:5}.upnext-thumb .thumb-ring-line{stroke-width:3}