.desktop-filter-dropdown{position:relative;flex:0 0 auto}.desktop-filter-trigger{min-width:78px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--theme-border-subtle);border-radius:11px;background:#fff;color:#58675d;font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.desktop-filter-trigger:hover{border-color:rgba(var(--theme-accent-rgb),.34);color:var(--theme-text)}.desktop-filter-dropdown.is-open .desktop-filter-trigger,.desktop-filter-dropdown.has-selection .desktop-filter-trigger{border-color:rgba(var(--theme-accent-rgb),.42);background:var(--theme-accent-soft);color:var(--theme-accent-strong)}.desktop-filter-trigger:focus-visible{outline:3px solid rgba(var(--theme-accent-rgb),.2);outline-offset:2px}.desktop-filter-trigger-icon{display:flex;align-items:center;flex:0 0 auto}.desktop-filter-trigger-icon svg{width:16px;height:16px}.desktop-filter-trigger-label{overflow:hidden;text-overflow:ellipsis}.desktop-filter-count{min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--theme-accent);color:#fff;font-size:10px;font-weight:800;line-height:1}.desktop-filter-chevron{width:13px;height:13px;display:grid;place-items:center;flex:0 0 auto}.desktop-filter-chevron svg{width:13px;height:13px;transition:transform .16s ease}.desktop-filter-dropdown.is-open .desktop-filter-chevron svg{transform:rotate(180deg)}.desktop-filter-popover{position:absolute;top:calc(100% + 9px);left:0;z-index:1000;width:224px;padding:8px;border:1px solid var(--theme-border-subtle);border-radius:14px;background:#fff;opacity:1;box-shadow:0 18px 42px #2f3d352e;transform-origin:top left;animation:desktopFilterPopoverIn .14s cubic-bezier(.22,.78,.28,1) both}.desktop-filter-dropdown:nth-last-of-type(-n+3) .desktop-filter-popover{right:0;left:auto;transform-origin:top right}@keyframes desktopFilterPopoverIn{0%{transform:translateY(-4px) scale(.98)}to{transform:translateY(0) scale(1)}}.desktop-filter-popover-title{padding:7px 9px 8px;background:#fff;color:#88958c;font-size:11px;font-weight:700;letter-spacing:.06em}.desktop-filter-search{height:36px;display:flex;align-items:center;gap:7px;margin:3px 4px 7px;padding:0 9px;border-radius:9px;background:var(--theme-surface-muted);color:#89968d}.desktop-filter-search svg{width:15px;height:15px;flex:0 0 auto}.desktop-filter-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--theme-text);font-size:12px}.desktop-filter-option-list{max-height:284px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(var(--theme-accent-rgb),.22) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.desktop-filter-option-list.is-scrollable{margin-right:1px;padding-right:8px;scrollbar-gutter:stable}.desktop-filter-option-list::-webkit-scrollbar{width:4px}.desktop-filter-option-list::-webkit-scrollbar-track{background:transparent}.desktop-filter-option-list::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--theme-accent-rgb),.18)}.desktop-filter-option-list:hover::-webkit-scrollbar-thumb{background:rgba(var(--theme-accent-rgb),.3)}.desktop-filter-option{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;background:#fff;color:var(--theme-text);cursor:pointer;transition:background-color .14s ease,color .14s ease}.desktop-filter-option:hover{background:var(--theme-surface-muted)}.desktop-filter-option.selected{background:var(--theme-accent-soft);color:var(--theme-accent-strong);font-weight:700}.desktop-filter-option-label{min-width:0;flex:1;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.desktop-filter-option-count{flex:0 0 auto;color:#98a49b;font-size:10px;font-weight:500}.desktop-filter-option input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--theme-accent);cursor:pointer}.desktop-filter-empty{margin:0;padding:18px 10px;color:var(--theme-text-muted);font-size:12px;text-align:center}@media (max-width: 1279px){.desktop-filter-trigger{min-width:68px;padding-inline:9px}}@media (prefers-reduced-motion: reduce){.desktop-filter-popover,.desktop-filter-chevron svg{animation:none;transition:none}}.mobile-title-search{position:fixed;inset:0;z-index:1300;overflow-y:auto;padding:0 16px 32px;background:var(--theme-page-bg);color:var(--theme-text);animation:mobileSearchSlideIn .24s cubic-bezier(.22,.78,.28,1) both;will-change:transform}@keyframes mobileSearchSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-title-search-row{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;margin:0 -16px;padding:max(14px,env(safe-area-inset-top)) 16px 14px;background:var(--theme-page-bg)}.mobile-title-search-field{min-width:0;height:50px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid transparent;border-radius:16px;background:var(--theme-surface);color:var(--theme-text-muted);box-shadow:0 4px 14px #21302812}.mobile-title-search-field svg,.mobile-filter-picker-search svg{width:21px;height:21px;flex:0 0 auto}.mobile-title-search-field input,.mobile-filter-picker-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--theme-text);font-size:16px;line-height:1.4}.mobile-title-search-field input::-moz-placeholder,.mobile-filter-picker-search input::-moz-placeholder{color:var(--theme-text-muted);opacity:.78}.mobile-title-search-field input::placeholder,.mobile-filter-picker-search input::placeholder{color:var(--theme-text-muted);opacity:.78}.mobile-title-search-field:focus-within{border-color:transparent;box-shadow:0 5px 16px #21302817}.mobile-filter-picker-search:focus-within{border-color:transparent;box-shadow:0 4px 14px #21302814}.mobile-title-search-cancel{min-width:42px;height:44px;flex:0 0 auto;padding:0 2px;border:0;background:transparent;color:var(--theme-text);font-size:14px;font-weight:600}.mobile-title-search-recents{margin-top:24px}.mobile-title-search-recents h2{margin:0 0 14px;color:var(--theme-text-muted);font-size:15px;font-weight:600}.mobile-title-search-list{display:grid;gap:8px}.mobile-title-search-list button{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border:0;border-radius:12px;background:var(--theme-surface-muted);color:var(--theme-text);font-size:16px;text-align:left}.mobile-title-search-list button span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-title-search-list button span:last-child{color:var(--theme-text-muted);font-size:22px}.mobile-title-search-results{margin-top:18px}.mobile-title-search-results-head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.mobile-title-search-results-head h2{margin:0;color:var(--theme-text);font-size:16px;font-weight:700}.mobile-title-search-results-head span{color:var(--theme-text-muted);font-size:12px}.mobile-title-search-results-list{display:grid;gap:16px}.mobile-title-search-result{min-width:0;display:block;overflow:hidden;padding:0;border:0;border-radius:14px;background:var(--theme-surface);color:var(--theme-text);text-decoration:none}.mobile-title-search-result-cover{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--theme-surface-muted)}.mobile-title-search-result-cover img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.mobile-title-search-result-cover span{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:5px;background:#141b17c7;color:#fff;font-size:12px}.mobile-title-search-result-copy{min-width:0;padding:14px 16px 15px}.mobile-title-search-result-copy strong{display:block;overflow:hidden;color:var(--theme-text);font-size:16px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.mobile-title-search-result-copy p{margin:7px 0 0;overflow:hidden;color:var(--theme-text-muted);font-size:14px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.mobile-title-search-result-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.mobile-title-search-result-tags span{max-width:100%;overflow:hidden;padding:4px 8px;border:0;border-radius:8px;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-title-search-result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.mobile-title-search-result-learning-tags{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:6px}.mobile-title-search-result-learning-tags span{padding:5px 8px;border-radius:7px;font-size:11px;font-weight:650}.mobile-title-search-result-difficulty{background:#fff3cd;color:#856404}.mobile-title-search-result-accent{background:#f1eef9;color:#6d5aa6}.mobile-title-search-result-footer time{color:var(--theme-text-muted);font-size:11px}.mobile-title-search-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--theme-text-muted);text-align:center}.mobile-title-search-empty svg{width:34px;height:34px;margin-bottom:4px}.mobile-title-search-empty strong{color:var(--theme-text);font-size:15px}.mobile-title-search-empty span{font-size:12px}@media (prefers-reduced-motion: reduce){.mobile-title-search{animation:none}}.mobile-filter-layer{position:fixed;inset:0;z-index:1250}.mobile-filter-backdrop{position:absolute;inset:0;width:100%;border:0;background:#1c26206b}.mobile-filter-sheet{--mobile-filter-choice-height: 44px;--mobile-filter-action-height: 48px;position:absolute;inset:max(44px,env(safe-area-inset-top)) 0 0;overflow:hidden;border-radius:24px 24px 0 0;background:var(--theme-surface);color:var(--theme-text)}.mobile-filter-sheet-head{position:absolute;inset:0 0 auto;height:76px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--theme-border-subtle);background:var(--theme-surface)}.mobile-filter-sheet-head button{position:absolute;left:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--theme-border-subtle);border-radius:50%;background:var(--theme-surface-muted);color:var(--theme-text-muted)}.mobile-filter-sheet-head button svg{width:20px;height:20px}.mobile-filter-sheet-head h1{margin:0;font-size:20px;font-weight:700}.mobile-filter-sheet-head>span{position:absolute;right:18px;color:var(--theme-text-muted);font-size:13px}.mobile-filter-body,.mobile-filter-picker-body{position:absolute;inset:76px 0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;-webkit-overflow-scrolling:touch}.mobile-filter-group{margin-bottom:20px}.mobile-filter-group h2{margin:0 0 10px;font-size:17px;font-weight:700}.mobile-filter-choice-grid{display:grid;gap:8px}.mobile-filter-choice-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-filter-choice-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-filter-choice-grid button{min-width:0;height:var(--mobile-filter-choice-height);overflow:hidden;padding:6px 8px;border:0;border-radius:9px;background:var(--theme-surface-muted);color:var(--theme-text-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mobile-filter-choice-grid.columns-4 button{padding-inline:3px;font-size:12px}.mobile-filter-choice-grid button.selected{background:rgba(var(--theme-accent-rgb),.24);color:var(--theme-accent-strong);font-weight:700}.mobile-filter-choice-grid button.more{position:relative;padding-inline:20px;background:var(--theme-surface-muted);color:var(--theme-accent-strong);font-weight:650}.mobile-filter-choice-grid button.more.selected{background:rgba(var(--theme-accent-rgb),.24);color:var(--theme-accent-strong)}.mobile-filter-more-badge{position:absolute;top:4px;right:5px;min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border-radius:999px;background:var(--theme-accent);color:#fff;font-size:10px;font-weight:750;line-height:1}.mobile-filter-actions{position:absolute;inset:auto 0 0;height:76px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;padding:8px 16px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--theme-border-subtle);background:var(--theme-surface)}.mobile-filter-actions button{height:var(--mobile-filter-action-height);min-height:0;border-radius:999px;font-size:15px;font-weight:700}.mobile-filter-actions .secondary{border:0;background:var(--theme-surface-muted);color:var(--theme-text)}.mobile-filter-actions .primary{border:0;background:var(--theme-accent);color:#fff}.mobile-filter-picker-search{height:54px;display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:0 14px;border:0;border-radius:14px;background:var(--theme-surface-muted);color:var(--theme-text-muted);box-shadow:0 3px 12px #2130280f}.mobile-filter-picker-search svg{width:19px;height:19px}.mobile-filter-picker-row{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:0;border:0;border-bottom:1px solid var(--theme-border-subtle);background:transparent;color:var(--theme-text);text-align:left}.mobile-filter-picker-label{min-width:0;flex:1;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.topic-mark,.creator-mark{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;background:var(--theme-accent-soft);color:var(--theme-accent-strong);font-size:12px;font-weight:750}.topic-mark{border-radius:10px;font-size:16px}.creator-mark{border-radius:50%}.mobile-filter-picker-count{flex:0 0 auto;color:var(--theme-text-muted);font-size:12px}.mobile-filter-checkbox{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border:2px solid var(--theme-border);border-radius:7px;color:#fff;font-size:14px}.mobile-filter-checkbox.selected{border-color:var(--theme-accent);background:var(--theme-accent)}.mobile-filter-empty{margin:40px 0 0;color:var(--theme-text-muted);text-align:center}@media (max-width: 380px){.mobile-filter-choice-grid button{height:42px;padding-inline:5px;font-size:12px}}