.category-page-wrapper{display:flex;flex-direction:column;width:100%;min-height:100%}.category-feed-container{max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;box-sizing:border-box}.feed-shell-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;padding:2.25rem 2.25rem 0;display:flex;flex-direction:column;box-shadow:0 4px 30px #00000005;overflow:hidden}:root[data-theme=dark] .feed-shell-card{background:#111;border-color:#ffffff0d}.feed-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.813rem;font-weight:500;color:var(--color-muted)}.feed-breadcrumbs a{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.feed-breadcrumbs a:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-muted);user-select:none;display:inline-flex;align-items:center}.breadcrumb-current{color:var(--color-secondary);font-weight:600}.feed-header-banner{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#024d32,#028150,#01704a);color:#fff;box-shadow:none;margin:-2.25rem -2.25rem 1.75rem;border-radius:1.5rem 1.5rem 0 0;border-bottom:1px solid rgba(255,255,255,.05)}.feed-header-left{display:flex;align-items:center;gap:1.25rem}.feed-header-icon-box{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;backdrop-filter:blur(4px);flex-shrink:0}.feed-header-subtitle{display:block;font-size:clamp(.688rem,2vw,.75rem);font-weight:700;letter-spacing:.08em;color:#ffffffd9;text-transform:uppercase;line-height:1}.feed-header-title{display:flex;flex-direction:column;gap:.25rem;margin:0;line-height:1.1}.feed-header-title-text{display:block;font-size:clamp(1.2rem,4vw,1.65rem);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.feed-header-right{display:flex;align-items:center}.feed-header-badge{display:inline-flex;align-items:center;padding:.45rem 1rem;background:#fff3;border-radius:1rem;font-size:.8rem;font-weight:700}.feed-description-below{font-size:clamp(.8rem,2vw,1rem);font-weight:600;line-height:1.6;color:var(--reading-color);max-width:900px}.category-nav-scroll{position:relative}.category-nav-bar{display:flex;flex-wrap:wrap;gap:.625rem;padding-top:.25rem;margin-top:1rem;max-width:1000px}.category-nav-link{display:inline-flex;align-items:center;gap:clamp(.4rem,1vw,.625rem);padding:clamp(.35rem,.8vw,.4rem) clamp(.75rem,1.8vw,1rem);background:var(--color-surface);color:var(--color-secondary);border:1px solid var(--color-border);border-radius:1rem;text-decoration:none;font-size:clamp(.75rem,1.8vw,.8rem);font-weight:600;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.category-nav-link:hover{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.category-nav-link.active{background:var(--color-true-accent);border-color:var(--color-true-accent);color:#fff;box-shadow:0 4px 12px #02815026}.category-nav-link.disabled{opacity:.75;cursor:default;pointer-events:none}.nav-link-count{display:inline-flex;align-items:center;justify-content:center;padding:.15rem clamp(.4rem,1vw,.5rem);background:var(--color-border-strong);border-radius:1rem;font-size:clamp(.688rem,1.5vw,.7rem);font-weight:700;color:var(--color-muted);transition:all .25s ease}.category-nav-link:hover .nav-link-count{background:#02815026;color:var(--color-accent)}.category-nav-link.active .nav-link-count{background:#fff3;color:#fff}:root[data-theme=dark] .category-nav-link{background:#171717;border-color:#ffffff14;color:#cbd5e1}:root[data-theme=dark] .category-nav-link.active{background:var(--color-true-accent);border-color:var(--color-true-accent);color:#fff}:root[data-theme=dark] .nav-link-count{background:#ffffff0f;color:var(--color-muted)}:root[data-theme=dark] .category-nav-link:hover .nav-link-count{background:#02815040;color:var(--color-accent)}:root[data-theme=dark] .category-nav-link.active .nav-link-count{background:#fff3;color:#fff}.feed-section-divider{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent)}.feed-section-divider:before{content:"";display:block;width:4px;height:1.25rem;background:var(--color-accent);border-radius:2px}.feed-list{display:flex;flex-direction:column;gap:0;margin-top:1.5rem;margin-left:-2.25rem;margin-right:-2.25rem;border-top:1px solid var(--color-border)}.feed-card-btn-link{text-decoration:none;outline:none}.feed-card{display:flex;flex-direction:column;padding:1.75rem 2.25rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.feed-card:nth-child(2n){background:var(--color-surface)}.feed-card:last-child{border-bottom:none}:root[data-theme=dark] .feed-card{background:#171717;border-color:#ffffff0d}:root[data-theme=dark] .feed-card:nth-child(2n){background:#111}.feed-card-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.feed-card-index{display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;background:var(--color-true-accent);color:#fff;font-size:.813rem;font-weight:800;border-radius:6px;flex-shrink:0}.feed-card-title{font-size:clamp(1rem,3.5vw,1.375rem);font-weight:700;line-height:1.35;color:var(--color-primary);margin:0;transition:color .2s ease}.feed-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.813rem;font-weight:500;color:var(--color-muted);margin-bottom:.75rem}.meta-item{display:inline-flex;align-items:center;gap:.375rem}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-border-strong);display:inline-block}.badge-quiz{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;background:var(--color-bronze-bg);color:var(--color-bronze-text);border:1px solid var(--color-bronze-border);border-radius:2rem;font-size:.75rem;font-weight:600}.feed-card-subtitle{font-weight:500;font-size:clamp(.875rem,2.5vw,.969rem);line-height:1.5;color:var(--color-secondary);margin:0 0 1.25rem}.feed-card-btn-wrapper{margin-top:auto}.feed-card-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-true-accent);color:#fff;padding:.5rem 1.25rem;border-radius:.75rem;font-size:.813rem;font-weight:700;transition:all .2s ease}.feed-card-btn svg{transition:transform .2s ease}.feed-card-btn-link:hover .feed-card-btn svg{transform:translate(4px)}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 2.25rem 2.25rem;margin-top:0;margin-bottom:0;margin-left:-2.25rem;margin-right:-2.25rem;border-top:1px solid var(--color-border);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background:#00000004}:root[data-theme=dark] .pagination-container{background:#ffffff03}.pagination-btn,.pagination-number{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-secondary);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .22s ease;cursor:pointer;white-space:nowrap}.pagination-btn{padding:0 1rem;gap:.3rem}.pagination-number{min-width:2.25rem;width:auto;padding:0 .5rem}.pagination-btn:hover:not(.disabled),.pagination-number:hover:not(.active){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.pagination-btn.disabled{opacity:.35;cursor:default;pointer-events:none}.pagination-number.active{background:var(--color-true-accent);border-color:var(--color-true-accent);color:#fff;font-weight:700}:root[data-theme=dark] .pagination-btn,:root[data-theme=dark] .pagination-number:not(.active){background:#171717;border-color:#ffffff0f}:root[data-theme=dark] .pagination-btn:hover:not(.disabled),:root[data-theme=dark] .pagination-number:hover:not(.active){background:#02815014}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:1.5rem;margin:2rem 0}.empty-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;background:var(--color-accent-muted);color:var(--color-accent);border-radius:1.25rem;margin-bottom:1.5rem}.empty-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:0 0 .5rem}.empty-subtitle{font-size:.938rem;color:var(--color-muted);max-width:400px;margin:0 0 1.5rem}.empty-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-true-accent);color:#fff;border-radius:2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px #02815026}.empty-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #02815040}@media(max-width:1500px){.category-feed-container{width:90%}}@media(max-width:1279px){.category-feed-container{max-width:1000px}}@media(max-width:768px){.category-feed-container{padding:1rem}.category-nav-scroll{display:none!important}.feed-shell-card{padding:1.25rem 1.25rem 0;border-radius:1rem}.feed-header-banner{margin:-1.25rem -1.25rem 1.25rem;border-radius:1rem 1rem 0 0;padding:1.25rem}.feed-list{margin-left:-1.25rem;margin-right:-1.25rem}.feed-card{padding:1.25rem}.pagination-container{padding:1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:0;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}@media(max-width:576px){.feed-header-banner{flex-direction:column;align-items:flex-start;gap:1rem;margin:-1.25rem -1.25rem 1.25rem;border-radius:1rem 1rem 0 0;padding:1.25rem}.feed-header-right{width:100%;justify-content:flex-end}.feed-header-icon-box{width:2.75rem;height:2.75rem}.feed-card{padding:1rem 1.25rem}.feed-card-meta{font-size:.75rem;gap:.5rem}.feed-card-btn{font-size:.75rem;padding:.45rem 1.125rem}.pagination-btn span{display:none}.pagination-btn{padding:0;width:2.5rem}}.category-explorer-wrapper{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}@media(display-mode:standalone){.feed-breadcrumbs,footer,.site-footer{display:none!important}}.vocab-page-wrapper{display:flex;flex-direction:column;width:100%;min-height:100%}.vocab-feed-container{max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;box-sizing:border-box}.vocab-shell-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;padding:2.25rem 2.25rem 0;display:flex;flex-direction:column;box-shadow:0 4px 30px #00000005;overflow:hidden}:root[data-theme=dark] .vocab-shell-card{background:#111;border-color:#ffffff0d}.vocab-breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.813rem;font-weight:500;color:var(--color-muted)}.vocab-breadcrumbs a{color:var(--color-muted);text-decoration:none;transition:color .2s ease}.vocab-breadcrumbs a:hover{color:var(--color-accent)}.vocab-header-banner{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#024d32,#028150,#01704a);color:#fff;margin:-2.25rem -2.25rem 1.75rem;border-radius:1.5rem 1.5rem 0 0;border-bottom:1px solid rgba(255,255,255,.05)}.vocab-header-left{display:flex;align-items:center;gap:1.25rem}.vocab-header-icon-box{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;backdrop-filter:blur(4px);flex-shrink:0}.vocab-header-subtitle{display:block;font-size:clamp(.688rem,2vw,.75rem);font-weight:700;letter-spacing:.08em;color:#ffffffd9;text-transform:uppercase;line-height:1}.vocab-header-title{display:flex;flex-direction:column;gap:.25rem;margin:0;line-height:1.1}.vocab-header-title-text{display:block;font-size:clamp(1.2rem,4vw,1.65rem);font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.vocab-header-right{display:flex;align-items:center}.vocab-header-badge{display:inline-flex;align-items:center;padding:.45rem 1rem;background:#fff3;border-radius:1rem;font-size:.8rem;font-weight:700}.vocab-description-below{font-size:clamp(.8rem,2vw,1rem);font-weight:500;line-height:1.6;color:var(--reading-color);max-width:900px;margin-bottom:1rem}.vocab-list{display:flex;flex-direction:column;gap:0;margin-top:1.5rem;margin-left:-2.25rem;margin-right:-2.25rem;border-top:1px solid var(--color-border)}.vocab-card{display:flex;flex-direction:column;padding:1.75rem 2.25rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:relative}.vocab-card:nth-child(2n){background:var(--color-surface)}.vocab-card:last-child{border-bottom:none}:root[data-theme=dark] .vocab-card{background:#171717;border-color:#ffffff0d}:root[data-theme=dark] .vocab-card:nth-child(2n){background:#111}.vocab-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-bottom:.85rem;flex-wrap:wrap}.vocab-card-title-group{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.vocab-card-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .4rem;background:var(--color-true-accent);color:#fff;font-size:.813rem;font-weight:800;border-radius:6px;flex-shrink:0}.vocab-word{font-size:clamp(1rem,3.5vw,1.375rem);font-weight:700;color:var(--color-primary);margin:0;letter-spacing:-.02em;word-break:break-word}.vocab-badges{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.repetition-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background:#18181b;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;font-size:.8rem;font-weight:600;color:var(--color-muted);user-select:none;transition:all .2s ease}:root[data-theme=light] .repetition-badge{background:#f4f4f5;border-color:#e4e4e7;color:#18181b}.repetition-badge .rep-icon{opacity:.95;flex-shrink:0}.vocab-meaning-box{margin-bottom:1.25rem}.vocab-meaning{font-size:clamp(.938rem,2.2vw,1.05rem);line-height:1.6;color:var(--color-primary);font-weight:500;margin:0}.vocab-appearance-box{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.85rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-border-strong);border-radius:0 .85rem .85rem 0;transition:all .2s ease}:root[data-theme=dark] .vocab-appearance-box{background:#ffffff05;border-color:#ffffff0f}.vocab-app-left{display:flex;flex-direction:column;gap:.35rem;min-width:0}.vocab-app-label-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.vocab-app-tag{font-size:.688rem;font-weight:700;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.05em}.vocab-app-sent-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;background:#0000000a;border:1px solid var(--color-border);border-radius:.375rem;font-size:.688rem;font-weight:600;color:var(--color-muted)}:root[data-theme=dark] .vocab-app-sent-badge{background:#ffffff0a;border-color:#ffffff14;color:#94a3b8}.vocab-app-main-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.vocab-app-title{font-size:.875rem;font-weight:700;color:var(--reading-color);margin:0;line-height:1.3}.vocab-app-right{flex-shrink:0}.vocab-app-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;background:var(--color-true-accent);color:#fff;border-radius:.65rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s ease;white-space:nowrap}.vocab-app-btn svg{transition:transform .2s ease}.vocab-app-btn:hover svg{transform:translate(3px)}@media(max-width:768px){.vocab-feed-container{padding:1rem}.vocab-shell-card{padding:1.25rem 1.25rem 0;border-radius:1rem}.vocab-header-banner{margin:-1.25rem -1.25rem 1.25rem;border-radius:1rem 1rem 0 0;padding:1.25rem}.vocab-list{margin-left:-1.25rem;margin-right:-1.25rem}.vocab-card{padding:1.25rem}}@media(max-width:640px){.vocab-appearance-box{flex-direction:column;align-items:flex-start;gap:.85rem;padding:.85rem 1rem}.vocab-app-right{width:100%}.vocab-app-btn{width:100%;justify-content:center}.vocab-header-banner{flex-direction:column;align-items:flex-start;gap:1rem}.vocab-header-right{width:100%;justify-content:flex-end}}@media(display-mode:standalone){.vocab-breadcrumbs,footer,.site-footer{display:none!important}}