.library-page{background:var(--background);padding:clamp(64px,7vw,96px) 0 clamp(56px,8vw,80px)}.library-hero{width:min(1000px,92vw);margin:0 auto clamp(16px,4vw,32px);text-align:center}.library-hero__content{display:flex;flex-direction:column;gap:clamp(8px,1.5vw,12px)}.library-hero__content h1{margin:0;font-size:clamp(1.75rem,3vw,2.1rem);color:var(--font-color)}.library-hero__content p{margin:0;color:var(--font-secondary);font-size:clamp(.95rem,1.6vw,1.05rem)}.library-search-and-filters{display:flex;flex-direction:column;gap:clamp(12px,2vw,16px);margin-bottom:clamp(8px,1.5vw,12px)}.library-search{display:flex;align-items:center;gap:10px;background:var(--card-background);border:1px solid var(--border-color);border-radius:14px;padding:10px 12px;box-shadow:0 2px 8px -4px rgba(15,23,42,.12)}.library-search input{flex:1 1;border:none;background:transparent;font-family:inherit;font-size:.95rem;color:var(--font-color)}.library-search input::placeholder{color:var(--font-secondary);opacity:.6}.library-search input:focus-visible{outline:none}.library-search button{border:none;border-radius:10px;padding:9px 16px;background:var(--blue-font);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.library-search button:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(59,130,246,.55)}.library-search button:active{transform:translateY(0)}.library-main{width:min(1000px,92vw);margin:0 auto}.library-results-header{display:flex;justify-content:flex-start;margin:0 0 clamp(10px,2vw,14px);color:var(--font-secondary);font-size:.95rem}.library-results-header p{margin:0}.library-results-list{display:flex;flex-direction:column;gap:clamp(14px,2.5vw,20px)}.library-empty{margin:0;padding:clamp(16px,3.5vw,24px);border:1px dashed var(--border-color);border-radius:16px;text-align:center;color:var(--font-secondary);font-size:1rem}.library-pagination{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:8px}.library-pagination__link{padding:10px 16px;border-radius:10px;border:1px solid var(--border-color);text-decoration:none;color:var(--blue-font);font-weight:600;transition:border-color .2s ease,background .2s ease}.library-pagination__link:hover{border-color:rgba(59,130,246,.35);background:var(--blue-hover)}.library-pagination__status{font-size:.95rem;color:var(--font-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-podcast-suggestions{margin-top:clamp(48px,6vw,64px);padding-top:clamp(32px,4vw,48px);border-top:2px dashed var(--border-color)}.library-suggestions-header{text-align:center;margin-bottom:clamp(24px,3vw,32px)}.library-suggestions-header h2{margin:0 0 clamp(8px,1vw,12px);font-size:clamp(1.5rem,2.5vw,1.75rem);color:var(--font-color);font-weight:700}.library-suggestions-header p{margin:0;color:var(--font-secondary);font-size:clamp(.9rem,1.4vw,1rem)}.library-suggestions-loading{display:flex;justify-content:center;align-items:center;padding:clamp(32px,4vw,48px) 0}.library-suggestions-list{display:flex;flex-direction:column;gap:clamp(20px,3vw,28px)}.library-suggestions-empty{margin:0;padding:clamp(24px,4vw,32px);border:1px dashed var(--border-color);border-radius:16px;text-align:center;color:var(--font-secondary);font-size:1rem;background:var(--card-background)}@media screen and (max-width:600px){.library-search{flex-direction:column;align-items:stretch;padding:14px}.library-search button{width:100%}.library-podcast-suggestions{margin-top:clamp(32px,5vw,48px);padding-top:clamp(24px,3vw,32px)}}.library-filters{background:var(--card-background);border:1px solid var(--border-color);border-radius:14px;padding:clamp(14px,2.5vw,18px);box-shadow:0 2px 8px -4px rgba(15,23,42,.12);display:grid;grid-gap:clamp(12px,2.5vw,18px);gap:clamp(12px,2.5vw,18px)}.library-filters-row{display:grid;grid-gap:clamp(10px,2.5vw,16px);gap:clamp(10px,2.5vw,16px);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.library-filter-group{display:flex;flex-direction:column;gap:10px}.library-filter-group label{font-size:.9rem;font-weight:600;color:var(--font-color)}.library-filter-select{border-radius:11px;border:1px solid var(--border-color);background:var(--background);color:var(--font-color);font-family:inherit;font-size:.95rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding:9px 40px 9px 14px}.library-filter-select:hover{border-color:var(--blue-font)}.library-filter-select:focus-visible{outline:none;border-color:var(--blue-font);box-shadow:0 0 0 3px rgba(59,130,246,.18)}.library-clear-filters-button{padding:9px 14px;background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.25);border-radius:12px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease}.library-clear-filters-button:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.35)}.library-clear-filters-button:active{transform:translateY(1px)}.library-active-filters{display:flex;gap:8px;flex-wrap:wrap}.library-filter-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--blue-hover);color:var(--blue-font);border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid rgba(59,130,246,.24)}.library-filter-badge button{all:unset;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgba(59,130,246,.14);color:var(--blue-font);border-radius:50%;cursor:pointer;font-size:14px;line-height:1;transition:background .2s ease}.library-filter-badge button:hover{background:rgba(59,130,246,.28)}@media (prefers-color-scheme:dark){.library-filter-select{border-color:hsla(0,0%,100%,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d1d5db' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}}@media screen and (max-width:768px){.library-clear-filters-button{width:100%}.library-active-filters{justify-content:center}}