.library-head{padding-bottom:18px}.library-head h1{font-size:48px}.library-head p{margin-bottom:0}.filters{display:flex;gap:8px;overflow:auto;padding:5px 0 18px;scrollbar-width:none}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 15px;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fffdf7}.resource{border-top:1px solid var(--line);padding:24px 0;position:relative}.resource h2{font:normal 27px/1.2 Georgia,serif;margin:8px 45px 10px 0}.resource p{font-size:14px;color:var(--muted);margin:0 0 17px}.resource-kind{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.save{position:absolute;top:24px;right:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center}.save svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}.save[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}.save[aria-pressed=true] svg{fill:currentColor}.resource .open{background:transparent;border:0;border-bottom:1px solid #a38d73;border-radius:0;color:var(--ink);padding:3px 0;font-size:13px;min-height:36px}.empty{text-align:center;padding:30px 18px;background:#eee7dd;border-radius:3px;margin:12px 0 24px}.empty h2{font:normal 26px Georgia,serif;margin:0 0 12px}.empty p{font-size:14px;color:var(--muted);margin:0}.empty-icon{font:normal 38px Georgia,serif;color:var(--accent);margin-bottom:12px}.library-note{font-size:11px;color:var(--muted);margin-top:22px}.audio-announcement{padding:18px 20px;border-left:2px solid var(--accent);background:#eee7dd;margin-bottom:25px;font-size:13px;color:var(--muted)}.audio-announcement strong{display:block;color:var(--ink);font-weight:500;margin-bottom:5px}.resource audio{display:block;width:100%;margin:16px 0 10px}.completed{color:#765634;font-size:11px;margin-left:12px}dialog.practice{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:34px 28px;width:min(560px,92vw);max-height:85svh;overflow:auto}dialog.practice::backdrop{background:#27231ec2;backdrop-filter:blur(4px)}.practice h2{font:normal 34px/1.15 Georgia,serif;margin:13px 35px 22px 0}.close-practice{position:absolute;right:17px;top:12px;font-size:28px;border:0;background:transparent;color:var(--ink);height:40px;width:40px}.practice-content{font-size:17px;line-height:1.8;min-height:150px}.practice-step{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:13px}.practice-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.practice-actions .primary{font-size:10px;padding:14px 18px;letter-spacing:.1em}.back-step{border:0;background:transparent;color:var(--muted);font-size:13px;padding:10px 0}.back-step:disabled{visibility:hidden}.welcome-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.home-library{padding:0 28px 26px}.home-library button{width:100%;padding:20px;text-align:left;border:1px solid var(--line);background:#eee7dd;color:var(--ink);border-radius:3px;display:flex;justify-content:space-between;align-items:center}.home-library strong{display:block;font:normal 25px Georgia,serif}.home-library span{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:92px;left:50%;transform:translateX(-50%);z-index:20;max-width:88vw;background:var(--ink);color:#fffdf7;border-radius:4px;padding:11px 18px;font-size:12px;text-align:center;box-shadow:0 4px 20px #0002}.storage-note{font-size:11px;color:var(--muted)}
.video-poster{width:100%;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;border-radius:3px;background:#504a3e;color:#fffdf7;margin:18px 0 12px;padding:25px;font-size:13px;letter-spacing:.05em}.video-poster:hover{background:#635a49}.play-symbol{height:58px;width:58px;display:grid;place-items:center;border:1px solid #efff72;border-radius:50%;color:#efff72;font-size:21px;padding-left:3px}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:3px;display:block;margin:18px 0 12px;background:#201e1a}.video-link{font-size:12px;text-underline-offset:4px}.playlist-link{display:inline-block;font-size:12px;margin:18px 0 4px;text-underline-offset:4px}.video-note{font-size:11px!important;margin-top:12px!important}.filters{gap:6px}.filter{padding-inline:12px}