.hdk-filter-label,.hdk-story-card-list-badge{text-transform:uppercase;letter-spacing:.025em}.hdk-story-card-list-desc,.hdk-story-card-list-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hy-completed-stories{padding:1rem 0;background:var(--hdk-background,#fff);min-height:auto;position:relative}.dark .hy-completed-stories{background:var(--hdk-background,#000)}.hdk-filter-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;padding:0 .5rem;gap:.75rem;flex-wrap:nowrap}.hdk-filter-group{display:flex;gap:.75rem;flex:1;min-width:0;flex-wrap:wrap}.hdk-filter-item{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px;max-width:180px}.hdk-filter-label,.hdk-view-btn{align-items:center;display:flex}.hdk-filter-label{gap:.375rem;font-size:.75rem;font-weight:600;color:var(--hdk-text-secondary,#536471)}.hdk-filter-label iconify-icon{font-size:.875rem;color:var(--hdk-primary,#54cfd6)}.hdk-filter-select{background:var(--hdk-background,#fff);border:1px solid var(--hdk-border,#e1eaef);border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.8125rem;color:var(--hdk-text-primary,#0f1419);cursor:pointer;transition:.2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23536471' d='m12 15l-5-5h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.hdk-view-btn,.hy-loading-spinner span,.hy-page-dots,.hy-pagination-info{color:var(--hdk-text-secondary,#536471)}.dark .hdk-filter-select{background-color:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628);color:var(--hdk-text-primary,#e7e9ea);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23e7e9ea' d='m12 15l-5-5h10l-5 5z'/%3E%3C/svg%3E")}.hdk-filter-select:focus,.hdk-filter-select:hover{border-color:var(--hdk-primary,#54cfd6)}.hdk-filter-select:focus{outline:0;box-shadow:0 0 0 3px rgba(84,207,214,.1)}.hdk-view-toggles{display:flex;gap:.25rem;background:var(--hdk-card,#f7f8f8);padding:.25rem;border-radius:.5rem;border:1px solid var(--hdk-border,#e1eaef)}.dark .hdk-story-card-list-link,.dark .hdk-view-toggles{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628)}.hdk-view-btn{background:0 0;border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:.2s;width:2.25rem;height:2.25rem;justify-content:center}.hdk-view-btn iconify-icon{font-size:1.125rem}.hdk-view-btn:hover{color:var(--hdk-primary,#54cfd6);background:var(--hdk-primary-light,rgba(84,207,214,.1))}.hdk-view-btn.active{background:#1a5146;color:#fff}.dark .hdk-view-btn{color:var(--hdk-text-secondary,#71767b)}.dark .hdk-view-btn.active{background:var(--hdk-primary,#1c9cf0)}.hy-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:.5rem}.dark .hy-loading-overlay{background:rgba(0,0,0,.8)}.hy-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--hdk-primary,#54cfd6)}.hy-loading-spinner i{font-size:2rem}.hy-loading-spinner span{font-size:.875rem}.hy-stories-container{position:relative;transition:opacity .3s}.hy-story-col{transition:.3s}.hy-empty-state{padding:3rem 1rem}.hy-empty-state h4{color:var(--hdk-text-primary,#0f1419);font-weight:600}.dark .hdk-story-card-list-title,.dark .hy-empty-state h4,.dark .hy-pagination-info strong{color:var(--hdk-text-primary,#e7e9ea)}.hy-stories-container.list-view .hy-story-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.hdk-story-card-list{margin-bottom:.5rem}.hdk-story-card-list-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--hdk-background,#fff);border:1px solid var(--hdk-border,#e1eaef);border-radius:.75rem;text-decoration:none;transition:.2s}.hdk-story-card-list-link:hover{border-color:var(--hdk-primary,#54cfd6);box-shadow:0 2px 8px rgba(84,207,214,.1);transform:translateY(-1px)}.dark .hdk-story-card-list-link:hover{border-color:var(--hdk-primary,#1c9cf0)}.hdk-story-card-list-cover{flex-shrink:0;width:70px;height:95px;border-radius:.5rem;overflow:hidden;position:relative}.hdk-story-card-list-cover img{width:100%;height:100%;object-fit:cover}.hdk-story-card-list-badge{position:absolute;top:.25rem;left:.25rem;background:var(--hdk-success,#10b981);color:#fff;font-size:.5rem;font-weight:700;padding:.125rem .25rem;border-radius:.25rem}.hdk-story-card-list-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.hdk-story-card-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.hdk-story-card-list-title{font-size:.9375rem;font-weight:600;color:var(--hdk-text-primary,#0f1419);margin:0;line-height:1.3;display:-webkit-box}.hdk-story-card-list-genre{flex-shrink:0;background:var(--hdk-primary-light,rgba(84,207,214,.1));color:var(--hdk-primary,#54cfd6);font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:.375rem;white-space:nowrap}.hdk-story-card-list-author{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--hdk-text-secondary,#536471);margin:0}.hdk-story-card-list-author iconify-icon{font-size:.75rem;color:var(--hdk-primary,#54cfd6)}.hdk-story-card-list-desc{font-size:.75rem;color:var(--hdk-text-muted,#8899a6);margin:0;line-height:1.4;display:-webkit-box}.hdk-story-card-list-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.hdk-story-card-list-stat{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--hdk-text-muted,#8899a6)}.hdk-story-card-list-stat iconify-icon{font-size:.75rem}.hdk-story-card-list-actions{flex-shrink:0;display:flex;align-items:center}.hdk-story-card-list-favorite{background:0 0;border:none;padding:.5rem;color:var(--hdk-text-muted,#8899a6);cursor:pointer;transition:.2s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;aspect-ratio:1/1;width:36px;min-width:36px;display:inline-flex;justify-content:center;align-items:center}.hy-page-btn,.hy-pagination-info strong{color:var(--hdk-text-primary,#0f1419)}.hdk-story-card-list-favorite iconify-icon{font-size:1.25rem}.hdk-story-card-list-favorite:hover{color:#ff6b6b;background:rgba(255,107,107,.1);transform:scale(1.1)}.hdk-story-card-list-favorite.active{color:#ff6b6b}.hdk-story-card-list-favorite.active iconify-icon{animation:.3s heartPulse}@keyframes heartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.hy-pagination-wrapper{padding:1rem .5rem;margin-top:.5rem}.hy-pagination{display:flex;justify-content:center;align-items:center;gap:.375rem;flex-wrap:wrap}.hy-page-btn{background:var(--hdk-card,#f7f8f8);border:1px solid var(--hdk-border,#e1eaef);border-radius:.5rem;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:.25rem;min-width:2.25rem;height:2.25rem;justify-content:center}.dark .hy-page-btn{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628);color:var(--hdk-text-primary,#e7e9ea)}.hy-page-btn.active,.hy-page-btn:hover:not(:disabled){background:var(--hdk-primary,#54cfd6);color:#fff;border-color:var(--hdk-primary,#54cfd6)}.hy-page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(84,207,214,.25)}.hy-page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.hy-page-numbers{display:flex;gap:.25rem;align-items:center}.hy-page-dots{padding:0 .375rem;font-size:.875rem}.hy-pagination-info{font-size:.8125rem}@media (max-width:575.98px){.hdk-filter-bar{padding:0}.hdk-filter-group{width:100%;flex-wrap:nowrap;gap:7px}.hdk-filter-item{min-width:90px}.hdk-filter-select{font-size:.75rem;padding:.4375rem .625rem}.hdk-view-toggles{align-self:flex-end}.hy-page-btn{min-width:2rem;height:2rem;font-size:.75rem;padding:.375rem .5rem}.hdk-story-card-list-cover{width:60px;height:80px}.hdk-story-card-list-title{font-size:.8125rem}.hdk-story-card-list-desc{display:none}}@media (min-width:375px) and (max-width:575px){.hdk-filter-select{font-size:.8125rem}.hdk-story-card-list-cover{width:65px;height:88px}}@media (min-width:576px) and (max-width:767px){.hy-completed-stories{padding:1.25rem 0}.hdk-filter-bar{padding:0 .75rem}.hdk-filter-item{max-width:120px}.hdk-story-card-list-cover{width:80px;height:108px}.hdk-story-card-list-title{font-size:1rem}}@media (min-width:768px){.hy-completed-stories{padding:1.5rem 0}.hdk-filter-bar{padding:0 1rem;margin-bottom:1.25rem}.hdk-filter-group{gap:1rem;flex-wrap:nowrap}.hdk-filter-item{min-width:140px;max-width:200px}.hdk-filter-select{font-size:.875rem;padding:.5rem .75rem}.hdk-view-btn{width:2.5rem;height:2.5rem}.hy-pagination-wrapper{padding:1.25rem 1rem}.hy-page-btn{min-width:2.5rem;height:2.5rem;font-size:.875rem}.hdk-story-card-list-cover{width:90px;height:120px}.hdk-story-card-list-title{font-size:1.0625rem}.hdk-story-card-list-link{padding:1rem;gap:1rem}}@media (min-width:992px){.hdk-filter-item{max-width:220px}.hdk-story-card-list-cover{width:100px;height:135px}.hdk-story-card-list-title{font-size:1.125rem}.hdk-story-card-list-desc{-webkit-line-clamp:2}}@media (min-width:1200px){.hy-completed-stories{padding:2rem 0}.hdk-filter-bar{margin-bottom:1.5rem}.hdk-story-card-list-cover{width:110px;height:148px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hy-story-col.loaded{animation:.4s ease-out fadeInUp}.hy-story-col.loading{opacity:.5;pointer-events:none}@media (max-width:767px){.hy-pagination-wrapper{padding:.75rem .5rem}.hy-page-btn,.hy-page-btn.hy-page-next,.hy-page-btn.hy-page-prev{padding:.25rem .5rem}.hy-pagination{gap:.25rem}.hy-page-btn{min-width:2rem;height:2rem;font-size:.75rem}.hy-page-numbers{gap:.125rem}.hy-page-dots{padding:0 .25rem;font-size:.75rem}.hy-pagination-info{font-size:.75rem;margin-top:.5rem}}@media print{.hy-filter-controls,.hy-load-more-mobile,.hy-pagination-wrapper,.hy-view-toggle{display:none!important}}