.header-container{margin:0 auto;max-width:760px;text-align:center;padding:1.4rem 1.5rem 1.2rem}.header-container .section-intro p{margin:.4rem 0;color:color-mix(in oklab,var(--text) 68%,var(--muted) 32%)}.header-container .section-intro a{color:#87ceeb;text-shadow:0 0 2px #1e90ff,0 0 1px #1e90ff}.header-container .section-intro a:hover{color:#b3e9ff;text-shadow:0 0 4px #6fc6e8,0 0 6px #1e90ff;text-decoration:underline}.header-container h1{margin:0}.card-section{margin-inline:auto;max-width:1200px;padding-inline:clamp(1.25rem,4vw,3rem)}.card-list{margin:clamp(1.5rem,1.2rem + 2vw,3rem) auto;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(1.1rem,1rem + 1vw,1.8rem);list-style:none;align-items:stretch;justify-content:center}@media(min-width:768px){.card-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}}@media(min-width:1120px){.card-list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}@keyframes cardFadeIn{to{opacity:1;transform:none}}.card-container{max-width:none;width:100%;background:var(--surface);border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--border) 85%,transparent 15%);box-shadow:0 10px 24px color-mix(in oklab,var(--text) 10%,transparent 90%);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;display:flex;opacity:0;transform:translateY(12px) scale(.98);animation:cardFadeIn .35s cubic-bezier(.3,.5,.6,1.2) forwards;animation-delay:calc(min(var(--card-index, 0),5)*.18s)}.card-container:hover,.card-container:focus-within{transform:translateY(-4px);background:color-mix(in oklab,var(--surface-raised) 75%,var(--surface) 25%);border-color:color-mix(in oklab,var(--accent) 45%,var(--border) 55%);box-shadow:0 18px 36px color-mix(in oklab,var(--text) 14%,transparent 86%)}.card-container>a{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1rem,.9rem + .8vw,1.4rem);text-decoration:none;color:inherit;flex:1}.card-container .content-thumbnail{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius) - 6px);border:1px solid color-mix(in oklab,var(--border) 70%,transparent 30%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--surface) 50%,transparent 50%);background:color-mix(in oklab,var(--surface-raised) 60%,transparent 40%)}.card-container>a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:calc(var(--radius) - 2px)}.card-title{margin:0;font-size:1.25rem;line-height:1.3;font-family:var(--font-serif);color:var(--text)}.card-subtitle{margin:0;font-size:1rem;color:color-mix(in oklab,var(--muted) 80%,transparent 20%)}.card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.2rem 0 0}.card-genre{display:inline-flex;align-items:center;padding:.2em .8em;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.02em;background:color-mix(in oklab,var(--surface-raised) 82%,transparent 18%);border:1px solid color-mix(in oklab,var(--border) 70%,transparent 30%);color:color-mix(in oklab,var(--text) 80%,var(--muted) 20%)}.card-description{margin:0;font-size:.98rem;line-height:1.6;color:color-mix(in oklab,var(--text) 88%,var(--muted) 12%);flex:1}@media(max-width:700px){.header-container{padding:1.8rem 1.25rem 1rem}.card-list{grid-template-columns:1fr}}.emoji-nav-row{display:flex;gap:.3em;margin:.7em 0}.emoji-nav{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border-radius:50%;font-size:1.18em;background:#232622;border:2px solid rgba(255,95,31,.4666666667);color:#ff5f1f;box-shadow:0 0 6px #b64d2488;margin-right:.13em;transition:box-shadow .18s;text-decoration:none}.emoji-nav:hover{background:#b64d24ee;color:#fff;box-shadow:0 0 14px #ff5f1f,0 0 6px #ff5f1f77;border-color:#ff5f1f}.emoji-nav-row{display:flex;gap:.6em;margin:.7em 0 .1em;justify-content:flex-start;align-items:center;flex-wrap:wrap}.emoji-nav-row img{max-width:4.5rem;max-height:4.5rem;border-radius:.5rem;object-fit:cover;box-shadow:0 0 .4rem #00000059;margin-left:auto;flex-shrink:0}.emoji-nav-col{display:flex;flex-direction:column;align-items:center}.emoji-nav-label{font-size:.93em;color:#ffebb9;text-shadow:0 0 2px rgba(255,95,31,.2666666667);margin-top:.23em;letter-spacing:.01em;font-weight:500;opacity:.92;line-height:1.08;transition:color .18s;pointer-events:none;user-select:none}.emoji-nav:hover+.emoji-nav-label,.emoji-nav:focus-visible+.emoji-nav-label{color:#fff;text-shadow:0 0 8px rgba(255,95,31,.6666666667)}