:focus-visible{outline:3px solid rgba(104,68,225,.38);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.62}::selection{background:#dfd4ff;color:var(--violet-deep)}.library-intro{align-items:center}.sync-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d9cef4;border-radius:999px;background:#f5f1ff;color:var(--violet-deep);font-size:11px;font-weight:700}.sync-indicator i{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px #6844e11f;animation:sync-pulse 1.5s ease-in-out infinite}@keyframes sync-pulse{50%{opacity:.45;transform:scale(.82)}}.library-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:-4px 0 28px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line);box-shadow:0 8px 25px #2b1e3809}.library-overview>div{display:grid;min-width:0;padding:18px 20px;background:#ffffffe0}.library-overview span{color:var(--muted);font:500 9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.library-overview strong{margin:5px 0 2px;color:var(--ink);font:600 25px Playfair Display,Georgia,serif}.library-overview small{overflow:hidden;color:#98909e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.library-toolbar{gap:24px;margin-bottom:0}.library-toolbar .search{flex:0 1 280px}.library-toolbar .search input{width:100%;padding-right:54px}.search kbd{position:absolute;top:8px;right:11px;padding:2px 5px;border:1px solid #e3dde6;border-radius:4px;background:#f7f4f8;color:#938a99;font:9px DM Mono,monospace}.search button{position:absolute;top:5px;right:8px;z-index:1;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#f1edf4;color:var(--muted);line-height:1}.search:has(button) kbd{display:none}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.compact-filter{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.compact-filter select{max-width:175px;height:34px;padding:0 28px 0 11px;border:1px solid var(--line);border-radius:999px;outline:0;background:#fff;color:var(--ink);font:11px DM Sans,sans-serif;text-transform:none}.compact-filter select:focus{border-color:var(--violet)}.favorites-filter{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700}.favorites-filter:hover,.favorites-filter.selected{border-color:#e4b757;background:#fff9e8;color:#9b6c09}.results-summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;color:#918997;font-size:11px}.results-summary button,.form-error button{padding:0;border:0;background:transparent;color:var(--violet);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.filter-row-end{display:flex;align-items:center;gap:12px}.view-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;background:#fff}.view-switch button{display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:4px;background:transparent;color:#9b929f;font-size:16px}.view-switch button.selected{background:#ece5fb;color:var(--violet-deep)}.tag-filters{display:flex;align-items:center;gap:7px;padding:11px 0 0;overflow-x:auto}.tag-filters>span{flex:none;margin-right:3px;color:#948b99;font:9px DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.tag-filters button{flex:none;padding:5px 8px;border:1px solid #e5dfe8;border-radius:999px;background:#fff;color:#78688b;font:10px DM Mono,monospace}.tag-filters button:hover,.tag-filters button.selected{border-color:#bbaae4;background:#eee8fc;color:var(--violet-deep)}.tag-filters small{margin-left:3px;opacity:.65}.clip-card{position:relative}.clip-card-link{display:block;height:100%}.favorite-button{position:absolute;top:10px;left:10px;z-index:4;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#1c152894;box-shadow:0 3px 12px #140d1f2e;color:#fff;font-size:18px;line-height:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.favorite-button:hover,.favorite-button[aria-pressed=true]{border-color:#ffe198;background:#fff8df;color:#b17b0a;transform:scale(1.06)}.clip-date{display:block;margin-top:12px;color:#aaa1ad;font-size:9px}.clips-grid.view-compact{grid-template-columns:1fr;gap:10px}.view-compact .clip-card-link{display:grid;grid-template-columns:145px minmax(0,1fr)}.view-compact .clip-art{width:145px;height:100%;min-height:130px;aspect-ratio:auto}.view-compact .clip-body{align-self:center}.view-compact .clip-body h3{font-size:19px}.view-compact .play-button{opacity:1;width:36px;height:36px}.view-compact .source-badge{display:none}.continue-practice{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 24px;padding:14px;border:1px solid #ddd3f2;border-radius:8px;background:linear-gradient(100deg,#f4efff,#fff 72%);box-shadow:0 7px 20px #3a285e0b}.continue-thumbnail{width:72px;height:72px;overflow:hidden;border-radius:6px;background-size:cover}.continue-thumbnail img{width:100%;height:100%;object-fit:contain;background:#211a32}.continue-practice h2{margin:5px 0 3px;overflow:hidden;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.continue-practice p{color:var(--muted);font-size:11px}.continue-practice .button svg{width:18px;height:18px}.empty-state .button{margin-top:20px}.load-error{display:grid;place-content:center;justify-items:center;min-height:100vh;padding:30px;text-align:center}.load-error>span{color:var(--pink);font-size:34px}.load-error h1{margin:10px 0 8px;font-size:34px}.load-error p{margin-bottom:22px;color:var(--muted)}.load-error-actions{display:flex;align-items:center;gap:10px}.drop-zone.is-dragging{border-color:var(--violet);background:#ebe4ff;box-shadow:inset 0 0 0 2px #6844e11f}.import-message.error{border-color:#efc1ca;background:#fff0f2;color:#a8273e}.practice-counter{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #dce9e4;border-radius:5px;background:#f3fbf8}.practice-counter>div{display:grid;gap:4px}.practice-counter strong{color:#286b59;font-size:13px}.practice-counter button{padding:7px 10px;border:1px solid #b9ddd2;border-radius:4px;background:#fff;color:#286b59;font-size:10px;font-weight:700}.practice-counter button:hover{border-color:#69b29d;background:#e9f8f3}.viewer-footer-hints{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-7px}.viewer-footer-hints .viewer-hint{margin:0}.shortcut-help{position:relative;flex:none;color:var(--muted);font-size:10px}.shortcut-help summary{cursor:pointer;font-weight:700}.shortcut-help>div{position:absolute;right:0;bottom:calc(100% + 9px);z-index:6;display:grid;width:190px;gap:8px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 10px 28px #211a321f}.shortcut-help span{display:flex;align-items:center;gap:6px}.shortcut-help kbd{min-width:23px;padding:3px 5px;border:1px solid #ded7e3;border-bottom-width:2px;border-radius:4px;background:#f7f4f8;color:var(--ink);font:9px DM Mono,monospace;text-align:center}.metadata-edit-button{background:#fff;font-family:inherit}.metadata-editor{margin:-8px 0 24px;padding:22px 24px;border:1px solid #ddd4e4;border-radius:7px;background:#fff;box-shadow:0 12px 30px #2e1e3c0f}.metadata-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.metadata-editor-heading h2{margin-top:5px;font-size:24px}.metadata-editor-heading>button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-size:20px}.metadata-editor form{display:grid;gap:15px}.metadata-editor label{color:var(--ink);font-size:11px;font-weight:700}.metadata-editor label>span{float:right;color:#a097a4;font-size:9px;font-weight:400}.metadata-editor input,.metadata-editor select{width:100%;height:42px;margin-top:7px;padding:0 12px;border:1px solid #ded7e2;border-radius:5px;outline:0;background:#fff;color:var(--ink);font-size:13px}.metadata-editor input:focus,.metadata-editor select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6844e114}.metadata-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:5px}.danger-zone{display:flex;align-items:center;gap:9px;min-width:0}.danger-zone>span{color:#a8273e;font-size:10px}.danger-zone button{padding:6px 8px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.danger-zone .delete-trigger{padding-left:0;color:#a8273e;text-decoration:underline;text-underline-offset:3px}.danger-zone .delete-confirm{border-radius:4px;background:#b62843;color:#fff}.trim-presets{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:-6px 0 12px}.trim-presets>span{margin-right:5px;color:#908795;font-size:10px}.trim-presets button{padding:5px 9px;border:1px solid #ded5e5;border-radius:999px;background:#fff;color:var(--violet-deep);font:10px DM Mono,monospace}.trim-presets button:hover{border-color:#b8a8e0;background:#f2edff}@media(max-width:800px){.library-overview{grid-template-columns:1fr 1fr}.library-toolbar .search{width:100%;flex-basis:auto}.filter-row{align-items:flex-start;flex-direction:column}.filter-row-end{align-self:stretch;justify-content:flex-end}}@media(max-width:540px){.library-intro{align-items:flex-start;flex-direction:column;gap:16px}.library-overview>div{padding:15px}.library-overview strong{font-size:21px}.library-filters{align-items:stretch;flex-wrap:wrap}.compact-filter{flex:1 1 145px;justify-content:space-between}.compact-filter select{min-width:0;max-width:120px}.sort-filter{align-self:stretch;justify-content:flex-end}.favorites-filter{flex:1 1 100%}.practice-counter{align-items:flex-start;flex-direction:column}.viewer-footer-hints{align-items:flex-start;flex-direction:column;margin-top:0}.shortcut-help>div{right:auto;left:0}.load-error-actions{align-items:stretch;flex-direction:column;width:min(280px,100%)}.continue-practice{grid-template-columns:58px minmax(0,1fr);gap:12px}.continue-thumbnail{width:58px;height:58px}.continue-practice .button{grid-column:1 / -1}.metadata-editor{padding:19px 16px}.metadata-editor-actions,.danger-zone{align-items:stretch;flex-direction:column}.metadata-editor-actions .button{width:100%}.view-compact .clip-card-link{grid-template-columns:105px minmax(0,1fr)}.view-compact .clip-art{width:105px;min-height:145px}.trim-presets{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.trim-presets>span{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sync-indicator i{animation:none}}