.category-wrapper{position:relative}.level-filter-tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.level-filter-button{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:99px;padding:.7rem 1.4rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block}.level-filter-button:hover:not(.active){background:#ffffff14}.level-filter-button.active{box-shadow:0 6px 20px}.level-filter-button.active.level-a{border-color:var(--level-a);color:var(--level-a);background:#10b9811f;box-shadow:0 6px 20px #10b98140}.level-filter-button.active.level-b{border-color:var(--level-b);color:var(--level-b);background:#3b82f61f;box-shadow:0 6px 20px #3b82f640}.level-filter-button.active.level-c{border-color:var(--level-c);color:var(--level-c);background:#f59e0b1f;box-shadow:0 6px 20px #f59e0b40}.feedback-box{border:1px dashed var(--border-subtle);background:#ffffff03;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1rem 1.5rem;display:flex}.feedback-text{color:var(--text-secondary);font-size:.9rem}.feedback-links{flex-wrap:wrap;gap:1.25rem;display:flex}.feedback-link{cursor:pointer;font-size:.85rem;font-weight:600;text-decoration:none}.feedback-link:hover{text-decoration:underline}.feedback-link.level-a{color:var(--level-a)}.feedback-link.level-b{color:var(--level-b)}.feedback-link.level-c{color:var(--level-c)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.cartoon-card{flex-direction:column;display:flex;overflow:hidden}.cartoon-image-container{aspect-ratio:4/5;border-bottom:1px solid var(--border-subtle);width:100%;position:relative;overflow:hidden}.cartoon-img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.cartoon-image-container:hover .cartoon-img{transform:scale(1.05)}.cartoon-level-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.cartoon-level-badge.level-a{color:var(--level-a);border-color:#10b9814d}.cartoon-level-badge.level-b{color:var(--level-b);border-color:#3b82f64d}.cartoon-level-badge.level-c{color:var(--level-c);border-color:#f59e0b4d}.cartoon-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.cartoon-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.cartoon-info-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.cartoon-info-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:500}.cartoon-description{color:var(--text-secondary);flex:1;margin:0 0 1.5rem;font-size:.9rem;line-height:1.6}.cartoon-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem;display:flex}.cartoon-tag{border:1px solid;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:500}.cartoon-tag.level-a{color:var(--level-a);background:#10b98114;border-color:#10b98126}.cartoon-tag.level-b{color:var(--level-b);background:#3b82f614;border-color:#3b82f626}.cartoon-tag.level-c{color:var(--level-c);background:#f59e0b14;border-color:#f59e0b26}.cartoon-action-button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cartoon-action-button:hover{color:#fff;background:#ef4444}.empty-state-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.empty-state-icon{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.empty-state-title{color:var(--text-primary);margin:0;font-size:1.5rem}.empty-state-description{color:var(--text-secondary);max-width:500px;margin:0;line-height:1.6}