.preview-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0006;backdrop-filter:blur(4px);animation:cfg-fade-in .2s ease-out forwards}.preview-modal{background:var(--app-surface, #ffffff);border:1px solid var(--app-border, #D8E2DB);border-radius:var(--radius-modal, 24px);width:100%;max-width:460px;overflow:hidden;box-shadow:0 16px 40px #172b3029;animation:cfg-slide-up .3s cubic-bezier(.16,1,.3,1) forwards;display:flex;flex-direction:column}.preview-modal__banner{position:relative;height:196px;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--app-surface-soft, #F5F2E6);background-position:center;background-size:cover;background-repeat:no-repeat}.preview-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#0000004d;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;z-index:10}.preview-modal__close:hover{background:#00000080;transform:scale(1.05)}.preview-modal__icon{color:#fff;opacity:.8;font-size:64px;transform:scale(1.2) rotate(-5deg)}.preview-modal__badges{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 16px;transform:translateY(50%)}.preview-modal__badge{padding:4px 12px;border-radius:9999px;font-size:var(--type-caption);font-weight:700;font-variant-numeric:tabular-nums;background:var(--app-surface, #FFFFFF);color:var(--app-text-secondary, #52656A);border:1px solid var(--app-border, #D8E2DB);box-shadow:0 2px 4px #172b300f}.preview-modal__badge--plays{background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53);border-color:var(--app-border, #D8E2DB)}.preview-modal__body{padding:24px 20px 20px;display:flex;flex-direction:column;gap:16px}.preview-modal__title{font-size:var(--type-section);font-weight:700;color:var(--app-text, #172B30);margin:0;line-height:1.3}.preview-modal__actions{display:flex;gap:12px;margin-top:8px}.preview-modal__actions-col{display:flex;flex-direction:column;gap:12px;flex:1}.preview-modal__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:var(--radius-pill, 9999px);font-size:var(--type-label);font-weight:700;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.preview-modal__btn--play{background:var(--app-primary, #174D53);color:var(--app-primary-text, #FFFFFF);border:1.5px solid var(--app-primary, #174D53);flex:1}.preview-modal__btn--play:hover:not(:disabled){background:var(--app-primary-hover, #1E6068);border-color:var(--app-primary-hover, #1E6068);box-shadow:0 4px 12px #174d533d}.preview-modal__btn--challenge{background:var(--app-accent-soft, #E8F3F1);color:var(--app-accent-text, #174D53);border:1.5px solid var(--app-border-strong, #BCCBC1);flex:1}.preview-modal__btn--challenge:hover:not(:disabled){background:var(--app-surface-soft, #F5F2E6);border-color:var(--app-primary, #174D53);box-shadow:0 4px 12px #172b3014}.preview-modal__btn--details{width:100%;background:transparent;color:var(--app-text-secondary, #52656A);padding:8px;margin-top:4px}.preview-modal__btn--details:hover{background:var(--app-surface-soft, #F5F2E6);color:var(--app-text, #172B30)}.quiz-sections{display:flex;flex-direction:column;gap:24px;padding:0}.quiz-section{display:flex;flex-direction:column;gap:16px}.quiz-section__header{display:flex;align-items:center;gap:14px;padding:0 4px}.quiz-section__see-more{display:flex;align-items:center;gap:4px;margin-left:auto;padding:6px 14px;border:1px solid var(--app-border, #D8E2DB);border-radius:var(--radius-control, 12px);background:var(--app-surface, #FFFFFF);color:var(--app-accent-text, #174D53);font-size:var(--type-label);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.quiz-section__see-more:hover{background:var(--app-primary, #174D53);border-color:var(--app-primary, #174D53);color:var(--app-primary-text, #FFFFFF)}.quiz-section__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--app-accent-text, #174D53);flex-shrink:0;font-size:var(--type-section);border:1px solid var(--app-border, #D8E2DB)}.quiz-section__icon--fire{background:var(--accent-coral-soft, #FCEAE5);color:var(--on-coral-soft, #8C2D1E);border-color:var(--accent-coral-border, #F5C2B8)}.quiz-section__icon--star{background:var(--accent-yellow-soft, #FCF2CD);color:var(--on-yellow-soft, #78490A);border-color:var(--accent-yellow-border, #F2DC96)}.quiz-section__icon--trend{background:var(--accent-mint-soft, #E2F6EC);color:var(--on-mint-soft, #115E38);border-color:var(--accent-mint-border, #A7E0C7)}.quiz-section__icon--quick{background:var(--accent-cyan-soft, #E2F4FB);color:var(--on-cyan-soft, #0E5470);border-color:var(--accent-cyan-border, #A8DCE7)}.quiz-section__title{font-size:var(--type-section);font-weight:800;letter-spacing:-.5px;color:var(--app-text, #172B30);margin:0;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.quiz-section__subtitle{font-size:var(--type-label);color:var(--app-text-secondary, #52656A);margin:2px 0 0;line-height:1.4}.quiz-section__icon--topic{background:linear-gradient(135deg,#3b82f6,#06b6d4);font-size:var(--type-heading);line-height:1}.topic-cards-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px 24px}@media(min-width:1024px){.topic-cards-row{flex-wrap:wrap;overflow-x:visible}}.topic-cards-row::-webkit-scrollbar{display:none}.topic-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:110px;flex-shrink:0;padding:16px 12px;border-radius:14px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-subtle, #e2e8f0);cursor:pointer;transition:all .2s ease;scroll-snap-align:start;text-align:center;will-change:transform;box-shadow:0 1px 3px #00000008}.topic-card:hover{transform:none;box-shadow:0 6px 20px #00000012;border-color:var(--topic-color)}.topic-card--active{transform:none;box-shadow:0 8px 24px #0000001f,0 0 0 1px var(--topic-color);border-color:var(--topic-color)}.topic-card--active .topic-card__name{color:var(--topic-color)}.topic-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--topic-color);color:#fff}.topic-card__name{font-size:var(--type-label);font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.topic-card__count{font-size:var(--type-caption);color:var(--text-muted);font-weight:500}.quiz-section__result-count{font-size:var(--type-label);color:var(--text-muted, #94a3b8);margin:2px 0 0;font-weight:500}.quiz-section__result-count strong{color:var(--primary, #6366f1);font-weight:700}.quiz-section__sort-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiz-section__sort-pill{padding:6px 16px;border-radius:var(--radius-control, 12px);border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #64748b);font-size:var(--type-label);font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.quiz-section__sort-pill:hover{background:#2361e414;border-color:#2361e44d;color:var(--primary)}.quiz-section__sort-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #2361e44d}@media(max-width:768px){.quiz-sections{padding:10px 4px 12px;gap:24px}.quiz-section__header{gap:8px}.quiz-section__icon{width:32px;height:32px;border-radius:8px;font-size:var(--type-body)}.quiz-section__title{font-size:var(--type-label)}.quiz-section__subtitle{font-size:var(--type-caption)}.quiz-section__see-more{padding:5px 10px;font-size:var(--type-caption)}.topic-cards-row{gap:10px;padding:4px 4px 16px}.topic-card{min-width:90px;padding:12px 8px;border-radius:12px}.topic-card__icon{width:40px;height:40px;border-radius:10px}.topic-card__name,.topic-card__count{font-size:var(--type-caption)}}.explore-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0}@media(min-width:640px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1536px){.explore-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.explore-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #64748b);flex:1}.explore-empty__title{margin-top:16px;font-size:var(--type-body);font-weight:600;color:var(--text-primary, #1e293b);text-align:center}.explore-empty__hint{margin-top:6px;font-size:var(--type-label);opacity:.8;text-align:center}.quiz-empty__clear-btn{margin-top:24px;padding:8px 24px;border:1px solid #6366f1;border-radius:var(--radius-control, 12px);background:transparent;color:var(--app-accent-text, #6366f1);font-size:var(--type-label);font-weight:600;cursor:pointer;transition:all .2s ease}.quiz-empty__clear-btn:hover{background:#6366f1;color:#fff}.scroll-row-wrapper{position:relative}.scroll-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 4px 16px;cursor:grab}.scroll-row:active{cursor:grabbing}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start}.scroll-row__arrow{position:absolute;top:var(--scroll-arrow-top, 50%);z-index:10;width:36px;height:36px;border-radius:50%;border:0;background:#fffdf273;color:#172b30;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;padding:0;font-family:inherit;transform:translateY(-50%) scale(0);opacity:0;animation:scroll-arrow-in .25s ease-out forwards}@keyframes scroll-arrow-in{to{transform:translateY(-50%) scale(1);opacity:1}}.scroll-row__arrow:hover{background:#fffdf2b3;transform:translateY(-50%) scale(1.08)}.scroll-row__arrow svg{stroke-width:3;filter:drop-shadow(1px 0 0 #FFFDF2) drop-shadow(-1px 0 0 #FFFDF2) drop-shadow(0 1px 0 #FFFDF2) drop-shadow(0 -1px 0 #FFFDF2)}.scroll-row__arrow:focus-visible{outline:2px solid var(--app-primary, #2563EB);outline-offset:2px}.scroll-row__arrow:active{transform:translateY(-50%) scale(.93);transition:transform .1s ease}.scroll-row__arrow--left{left:-4px}.scroll-row__arrow--right{right:-4px}.scroll-row-wrapper:before,.scroll-row-wrapper:after{content:"";position:absolute;top:0;bottom:16px;width:32px;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s ease}.scroll-row-wrapper:has(.scroll-row__arrow--left):before{left:0;background:linear-gradient(to right,var(--app-page, var(--bg-home, #f0f2f5)),transparent);opacity:1}.scroll-row-wrapper:has(.scroll-row__arrow--right):after{right:0;background:linear-gradient(to left,var(--app-page, var(--bg-home, #f0f2f5)),transparent);opacity:1}@media(max-width:768px){.scroll-row__arrow{width:30px;height:30px}.scroll-row__arrow--left{left:2px}.scroll-row__arrow--right{right:2px}}.catalog-rows{display:flex;flex-direction:column;gap:28px;min-width:0}.catalog-row{min-width:0}.catalog-row__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.catalog-row__heading h3{margin:0;font-size:20px;font-weight:750;color:var(--app-text)}.catalog-row__all{display:inline-flex;align-items:center;gap:6px;padding:8px 0 8px 8px;border:0;background:transparent;color:var(--app-primary);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.catalog-row__all:hover{text-decoration:underline}.catalog-row__all:focus-visible{outline:2px solid var(--app-primary);outline-offset:3px}.catalog-row__track{padding:3px 0 8px;gap:18px}.catalog-row__track>.pqc{flex:0 0 calc((100% - 72px)/5);min-width:0}@media(max-width:1100px){.catalog-row__track>.pqc{flex-basis:calc((100% - 36px) / 3)}}@media(max-width:700px){.catalog-row__track>.pqc{flex-basis:76%}.catalog-row__heading h3{font-size:18px}.catalog-row__track{gap:14px}}.catalog-draft-card,.home-content-shell .pqc.catalog-draft-card,.home-content-shell .pqc.catalog-draft-card:hover{display:flex;flex-direction:column;border-radius:0;background:transparent;border:none;box-shadow:none;overflow:visible;cursor:pointer;transform:none;transition:none}html[data-ui-mode=gamified] .catalog-draft-card,html[data-ui-mode=gamified] .home-content-shell .pqc.catalog-draft-card,html[data-ui-mode=gamified] .home-content-shell .pqc.catalog-draft-card:hover{background:var(--app-surface, #ffffff);border:2.5px solid var(--game-border-strong, #172B30);border-bottom-width:5px;border-radius:18px;box-shadow:none;overflow:hidden;transform:none}.catalog-draft-card__thumb-wrap{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-control, 12px);overflow:hidden;background:var(--app-surface-soft, #f1f5f9)}html[data-ui-mode=gamified] .catalog-draft-card .catalog-draft-card__thumb-wrap{aspect-ratio:16 / 10;border-radius:0}.catalog-draft-card__thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.catalog-draft-card__body{padding:12px 0 8px;display:flex;flex-direction:column;gap:6px;flex:1;justify-content:space-between}html[data-ui-mode=gamified] .catalog-draft-card .catalog-draft-card__body{padding:10px 12px 12px}.catalog-draft-card__title{margin:0;font-size:14px;font-weight:700;color:var(--app-text, #0f172a);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}html:not([data-ui-mode=gamified]) .home-content-shell .pqc.catalog-draft-card:hover .catalog-draft-card__title{color:var(--app-primary, #2563eb)}.catalog-draft-card__edit{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:2px 0;border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--app-text-muted, #64748b);cursor:pointer;transition:color .15s ease}.catalog-draft-card__edit:hover{color:var(--app-primary, #2563eb)}.catalog-row--library{margin-bottom:0}.recently-played{padding:20px 16px 0}.recently-played__confirm{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;border:1px solid var(--app-border, #D8E2DB);border-radius:20px;background:var(--app-surface, #fff);color:var(--app-text, #172B30)}.recently-played__confirm::backdrop{background:#0f172a73}.recently-played__confirm h2{margin:0 0 14px;font-size:20px;font-weight:700}.recently-played__confirm p{margin:0;line-height:1.5;color:var(--app-text-secondary, #52656A)}.recently-played__confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.recently-played__confirm-actions button{min-height:44px;padding:10px 18px;border:1px solid var(--app-border, #D8E2DB);border-radius:var(--radius-control, 12px);background:var(--app-surface, #fff);color:inherit;font:inherit;cursor:pointer}.recently-played__confirm-actions .recently-played__confirm-delete{background:#dc4444;border-color:#dc4444;color:#fff}.recently-played__header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.recently-played__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--on-yellow-soft, #78490A);flex-shrink:0;background:var(--accent-yellow-soft, #FCF2CD);border:1px solid var(--accent-yellow-border, #F2DC96)}.recently-played__title{font-size:var(--type-heading);font-weight:800;letter-spacing:-.5px;color:var(--app-text, #172B30);margin:0;line-height:1.25}.recently-played__subtitle{font-size:var(--type-label);color:var(--app-text-secondary, #52656A);margin:2px 0 0;line-height:1.4}.recently-played__clear{margin-left:auto;display:flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid var(--app-border, #D8E2DB);border-radius:var(--radius-control, 12px);background:var(--app-surface, #FFFFFF);color:var(--app-text-secondary, #52656A);font-size:var(--type-caption);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;font-family:inherit}.recently-played__clear:hover{background:var(--app-danger-surface, #fef2f2);border-color:var(--app-danger-border, #fca5a5);color:var(--app-danger-text, #ef4444)}.recently-played__row{padding:3px 0 8px;gap:18px}.recently-played .pqc__thumb-bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rp-pqc-card{flex:0 0 calc((100% - 72px)/5);min-width:0;scroll-snap-align:start}@media(max-width:1100px){.rp-pqc-card{flex-basis:calc((100% - 36px) / 3)}}@media(max-width:700px){.recently-played__row{gap:14px}.rp-pqc-card{flex-basis:76%}}.rp-card{flex-shrink:0;width:200px;min-width:200px;background:var(--app-surface, #ffffff);border:1px solid var(--app-border, #e8ecf1);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s ease;scroll-snap-align:start;display:flex;flex-direction:column;position:relative}.rp-card:hover{transform:none;border-color:var(--app-border, #cbd5e1);box-shadow:none}.rp-card__thumb{position:relative;height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.rp-card__thumb-icon{opacity:.7;transition:transform .3s ease}.rp-card:hover .rp-card__thumb-icon{transform:none}.rp-card__time-badge{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:12px;font-size:var(--type-caption);font-weight:600;background:#0000008c;color:#fff;backdrop-filter:blur(4px);display:flex;align-items:center;gap:3px;z-index:2}.rp-card__q-badge{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:12px;font-size:var(--type-caption);font-weight:700;background:var(--app-surface, rgba(255, 255, 255, .85));color:var(--app-text, #1e293b);backdrop-filter:blur(8px);box-shadow:0 1px 4px #00000014;z-index:2}.rp-card__footer{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.rp-card__title{margin:0;font-size:var(--type-label);font-weight:700;line-height:1.35;color:var(--text-primary, #1e293b);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rp-card__subject{display:flex;align-items:center;gap:4px;font-size:var(--type-caption);font-weight:600;color:var(--text-muted, #64748b);margin-top:auto}.rp-card__subject-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media(max-width:768px){.recently-played{padding:12px 8px 0}.recently-played__header{gap:8px;margin-bottom:10px}.recently-played__icon{width:32px;height:32px;border-radius:8px}.recently-played__title{font-size:var(--type-body)}.recently-played__subtitle{font-size:var(--type-caption)}.recently-played__clear{padding:4px 10px;font-size:var(--type-caption)}.rp-card{width:155px;min-width:155px;border-radius:12px}.rp-card__thumb{height:68px}.rp-card__footer{padding:6px 8px 8px}.rp-card__title{font-size:var(--type-caption)}}.suggested-section{padding:8px 16px 0}.suggested-section__header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.suggested-section__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--on-coral-soft, #8C2D1E);flex-shrink:0;background:var(--accent-coral-soft, #FCEAE5);border:1px solid var(--accent-coral-border, #F5C2B8)}.suggested-section__title{font-size:var(--type-heading);font-weight:800;letter-spacing:-.5px;color:var(--app-text, #172B30);margin:0;line-height:1.25}.suggested-section__subtitle{font-size:var(--type-label);color:var(--app-text-secondary, #52656A);margin:2px 0 0;line-height:1.4}.suggested-section__tags{display:flex;gap:6px;margin-left:auto;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.suggested-section__tag{padding:3px 10px;border-radius:8px;font-size:var(--type-caption);font-weight:600;border:1px solid var(--app-border, #e2e8f0);color:var(--text-muted);background:transparent;white-space:nowrap}.suggested-section__row{padding:3px 0 8px;gap:18px;align-items:stretch}.sg-card-wrapper{display:flex;flex:0 0 calc((100% - 72px)/5);min-width:0;scroll-snap-align:start}@media(max-width:1100px){.sg-card-wrapper,.sg-skeleton-card{flex-basis:calc((100% - 36px) / 3)}}@media(max-width:700px){.suggested-section__row,.suggested-section__skeleton{gap:14px}.sg-card-wrapper,.sg-skeleton-card{flex-basis:76%}}.sg-card-wrapper>.pqc{flex:1;min-width:0}.sg-card{flex-shrink:0;width:220px;min-width:220px;background:var(--app-surface, #ffffff);border:1px solid var(--app-border, #e8ecf1);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s ease;scroll-snap-align:start;display:flex;flex-direction:column;position:relative}.sg-card:hover{transform:none;border-color:var(--app-border, #cbd5e1);box-shadow:none}.sg-card__thumb{position:relative;height:105px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sg-card__thumb-icon{opacity:.7;transition:transform .3s ease}.sg-card:hover .sg-card__thumb-icon{transform:none}.sg-card__badges{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:2}.sg-card__badge{padding:2px 8px;border-radius:12px;font-size:var(--type-caption);font-weight:700;background:var(--app-surface, rgba(255, 255, 255, .85));color:var(--app-text, #1e293b);backdrop-filter:blur(8px);box-shadow:0 1px 4px #00000014}.sg-card__badge--plays{background:var(--app-surface-soft, rgba(255, 255, 255, .75))}.sg-card__reason{position:absolute;bottom:6px;left:6px;padding:2px 8px;border-radius:10px;font-size:var(--type-caption);font-weight:700;text-transform:uppercase;letter-spacing:.3px;background:#8b5cf6d9;color:#fff;backdrop-filter:blur(4px);z-index:2}.sg-card__footer{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.sg-card__title{margin:0;font-size:var(--type-label);font-weight:700;line-height:1.35;color:var(--text-primary, #1e293b);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sg-card__meta{display:flex;align-items:center;gap:8px;font-size:var(--type-caption);color:var(--text-muted, #64748b);margin-top:auto}.sg-card__subject-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.suggested-section__skeleton{display:flex;gap:18px;padding:3px 0 8px}.sg-skeleton-card{flex:0 0 calc((100% - 72px)/5);min-width:0;height:180px;border-radius:14px;background:linear-gradient(110deg,var(--app-surface-soft, #F5F2E6) 30%,var(--app-surface-elevated, #EFECE0) 50%,var(--app-surface-soft, #F5F2E6) 70%);background-size:200% 100%;animation:sg-shimmer 1.5s ease-in-out infinite}@keyframes sg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.suggested-section{padding:8px 8px 0}.suggested-section__header{gap:8px;margin-bottom:10px}.suggested-section__icon{width:32px;height:32px;border-radius:8px}.suggested-section__title{font-size:var(--type-body)}.suggested-section__subtitle{font-size:var(--type-caption)}.suggested-section__tags{display:none}.sg-card-wrapper .pqc__difficulty,.sg-card-wrapper .pqc__badge{font-size:var(--type-caption)!important;padding:2px 8px!important}.sg-card{width:180px;min-width:180px;border-radius:12px}.sg-card__thumb{height:80px}.sg-card__footer{padding:6px 8px 8px}.sg-card__title{font-size:var(--type-label)}.sg-skeleton-card{height:160px;border-radius:12px}}