.loop-library-page{display:grid;gap:1rem}.loop-kid-selector-wrap{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.loop-kid-selector-wrap.hidden{display:none}.loop-kid-select-label{font-size:.9rem;color:var(--muted,#94a3b8)}.loop-kid-select{padding:.4rem .65rem;border-radius:8px;border:1px solid rgba(212,175,55,.4);background-color:color-mix(in srgb,var(--tdb-surface-panel-bg,rgba(15,22,36,.75)) 90%,#0f172a);color:var(--text,#e2e8f0);font-size:.9rem;min-width:140px}.loop-kid-select:focus{outline:rgba(212,175,55,.6) solid 2px;outline-offset:2px}.kids-corner-report-banner{background-color:var(--tdb-surface-card-bg,rgba(15,23,42,.96));background-image:var(--tdb-surface-veil-subtle,linear-gradient(145deg,rgba(30,41,59,.92),rgba(15,23,42,.96)));border:1px solid rgba(250,204,21,.45);padding:.85rem 1rem;margin:0 auto .5rem;max-width:800px;text-align:center;border-radius:var(--tdb-surface-radius,var(--radius-md,12px));font-size:.95rem;color:#e2e8f0;line-height:1.5;box-shadow:var(--tdb-surface-card-shadow,0 8px 24px rgba(15,23,42,.35))}.kids-corner-report-banner strong{font-weight:700;color:#fef9c3}.kids-corner-report-banner em{font-style:italic;color:#fde68a}.loop-library-hero{border-color:rgba(250,204,21,.55);background:linear-gradient(140deg,rgba(255,249,236,.94),rgba(224,242,254,.92));color:#1f2937;box-shadow:0 16px 36px rgba(15,23,42,.16),0 0 0 1px rgba(250,204,21,.24) inset}.loop-hero-kicker{margin:0 0 .45rem;font-size:.88rem;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#9a6700}.loop-library-hero .kids-hero-title{color:#111827;text-shadow:none}.loop-library-hero .kids-hero-sub{color:#334155}.loop-audio-note{margin:.8rem 0 0;font-weight:600;color:#7c2d12}.loop-progress-wrap{background:linear-gradient(150deg,rgba(255,255,255,.72),rgba(254,249,195,.44))}.loop-progress-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.loop-progress-text{margin:0;font-size:1.05rem;font-weight:800;color:#854d0e}.loop-progress-meter{width:100%;height:14px;border-radius:999px;border:1px solid rgba(250,204,21,.5);background:rgba(255,255,255,.62);overflow:hidden}.loop-progress-fill{width:0;height:100%;background:linear-gradient(90deg,#facc15,#f59e0b);transition:width .28s}.loop-library-wrap{background:linear-gradient(165deg,rgba(255,255,255,.72),rgba(224,242,254,.48))}.loop-grid{margin-top:.95rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.loop-card{border-radius:18px;border:1px solid rgba(250,204,21,.42);background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(254,249,195,.56));padding:.65rem;display:grid;gap:.46rem;box-shadow:0 4px 14px rgba(30,41,59,.08);transition:transform .2s,box-shadow .2s,border-color .2s}.loop-card:focus-within,.loop-card:hover{transform:translateY(-2px);border-color:rgba(234,179,8,.76);box-shadow:0 0 0 1px rgba(255,215,0,.28),0 10px 26px rgba(234,179,8,.25)}.loop-media-wrap{padding:0;border:none;border-radius:14px;overflow:hidden;background:#f8fafc;cursor:pointer;line-height:0;box-shadow:0 0 0 1px rgba(148,163,184,.24) inset}.loop-video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:linear-gradient(150deg,#e0f2fe,#fef9c3)}.loop-title{margin:0;font-size:1.02rem;color:#111827}.loop-verse-ref{margin:0;font-size:.74rem;color:#6b7280}.loop-mood{margin:0;font-size:.82rem;color:#475569}.loop-star{margin:0;font-size:.82rem;color:#9ca3af;font-weight:600}.loop-star.is-earned{color:#a16207}.loop-replay-btn{min-height:42px;border-radius:10px;border:1px solid rgba(250,204,21,.5);background:rgba(255,255,255,.75);color:#1f2937}.loop-sentinel{height:2px}.loop-audio-row{display:flex;align-items:center;gap:.4rem}.loop-speaker-btn{display:inline-flex;align-items:center;gap:.32rem;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(250,204,21,.6);background:linear-gradient(140deg,#fef9c3,#fde68a);color:#713f12;font-size:.76rem;font-weight:700;cursor:pointer;min-height:44px;min-width:44px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;line-height:1}.loop-speaker-btn:focus-visible,.loop-speaker-btn:hover{background:linear-gradient(140deg,#facc15,#f59e0b);border-color:rgba(234,179,8,.9);box-shadow:0 0 0 2px rgba(234,179,8,.32);color:#111827;outline:0}.loop-speaker-btn--playing{background:linear-gradient(140deg,#f59e0b,#d97706);border-color:rgba(217,119,6,.9);color:#fff7ed}.loop-speaker-btn--disabled{background:rgba(241,245,249,.7);border-color:rgba(148,163,184,.35);color:#94a3b8;cursor:not-allowed;opacity:.7}.loop-speaker-btn--disabled:focus-visible,.loop-speaker-btn--disabled:hover{background:rgba(241,245,249,.7);border-color:rgba(148,163,184,.35);box-shadow:none;color:#94a3b8}.loop-speaker-label{white-space:nowrap}.loop-report-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.35rem .55rem;border:1px solid transparent;border-radius:8px;background:0 0;color:#94a3b8;font-size:.72rem;font-weight:600;cursor:pointer;transition:color .18s,background .18s;line-height:1;min-height:44px;min-width:44px;justify-content:center}.loop-report-btn:focus-visible,.loop-report-btn:hover{color:#b91c1c;background:rgba(254,226,226,.5);outline:0}.loop-modal-audio-wrap{display:grid;gap:.35rem;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(250,204,21,.45);background:linear-gradient(140deg,rgba(255,249,195,.72),rgba(253,230,138,.42))}.loop-modal-audio-label{margin:0;font-size:.82rem;font-style:italic;color:#713f12;line-height:1.4}.loop-modal-audio{width:100%;height:38px;border-radius:8px;accent-color:#d97706}.loop-toast{position:fixed;right:1rem;bottom:1rem;z-index:95;max-width:320px;border:1px solid rgba(250,204,21,.7);border-radius:12px;background:linear-gradient(145deg,rgba(251,191,36,.95),rgba(234,179,8,.95));color:#111827;font-weight:700;padding:.75rem .9rem;box-shadow:0 10px 30px rgba(217,119,6,.35);opacity:0;transition:opacity .25s}.loop-toast.is-visible{opacity:1}.loop-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem;background-color:color-mix(in srgb,var(--tdb-surface-card-bg,rgba(15,23,42,.94)) 78%,#000)}.loop-modal.is-hidden{display:none}.loop-modal-inner{width:min(960px,100%);border-radius:20px;border:1px solid rgba(250,204,21,.55);background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(253,230,138,.38));padding:.85rem;display:grid;gap:.65rem}.loop-modal-close{justify-self:end;border-radius:999px;border:1px solid rgba(71,85,105,.35);background:rgba(255,255,255,.92);color:#1e293b;padding:.42rem .9rem;cursor:pointer}.loop-modal-title{margin:0;color:#111827;font-size:1.15rem}#loop-modal-video{width:100%;aspect-ratio:16/9;border-radius:14px;background:#0f172a}.loop-modal-actions{display:flex;flex-wrap:wrap;gap:.55rem}.loop-btn-primary,.loop-btn-secondary{min-height:44px;border-radius:11px}.loop-btn-primary{color:#111827;border:1px solid rgba(250,204,21,.75);background:linear-gradient(140deg,#fde68a,#facc15)}.loop-btn-secondary{color:#f9fafb;border:1px solid rgba(30,41,59,.2);background:#1e3a8a}.is-hidden{display:none!important}@media (max-width:720px){.loop-grid{grid-template-columns:1fr}.loop-card{padding:.62rem}.loop-progress-head{flex-direction:column;align-items:flex-start}.loop-modal{padding:.5rem}.loop-modal-inner{border-radius:14px;padding:.65rem}}