.quiz-card{background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-2xl);color:inherit;box-shadow:var(--shadow-card);transition:transform .3s var(--ease-out-quart), box-shadow .3s var(--ease-out-quart), border-color .3s var(--ease-out-quart);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.quiz-card:hover{box-shadow:var(--shadow-elevated), var(--glow-primary);border-color:var(--primary-line);transform:translateY(-3px)}.quiz-card__cover{aspect-ratio:16/10;flex-shrink:0;position:relative;overflow:hidden}.quiz-card__cover-highlight{pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 65%);background:radial-gradient(circle,lab(100% 0 0/.12) 0%,#0000 65%);width:60%;height:60%;position:absolute;top:-30%;left:-10%}.quiz-card__cover-badge{top:var(--space-075);right:var(--space-075);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--fg-on-dark);-webkit-backdrop-filter:blur(8px);padding:3px var(--space-075);border-radius:var(--radius-full);background:#000004a6;background:lab(.0550842% .780821 -2.07864/.65);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);font-weight:700;line-height:1.5;position:absolute}.quiz-card__body{padding:var(--space-15);gap:var(--space-075);flex-direction:column;flex:1;display:flex}.quiz-card__badges{gap:var(--space-05);flex-wrap:wrap;display:flex}.quiz-card__badge{font-size:var(--text-xs);padding:2px var(--space-075);border-radius:var(--radius-full);white-space:nowrap;font-weight:700;line-height:1.5}.quiz-card__badge--primary{color:var(--primary-default);background:var(--primary-quiet);border:1px solid var(--primary-line)}.quiz-card__badge--cyan{color:var(--cyan-10);background:var(--cyan-quiet);border:1px solid var(--cyan-line)}.quiz-card__badge--amber{color:var(--amber-10);background:var(--amber-quiet);border:1px solid var(--amber-line)}.quiz-card__badge--lime{color:var(--lime-10);background:var(--lime-quiet);border:1px solid var(--lime-line)}.quiz-card__badge--purple{color:var(--purple-10);background:var(--purple-quiet);border:1px solid var(--purple-line)}.quiz-card__badge--grade{color:var(--fg-tertiary);background:var(--bg-interactive);border:1px solid var(--bg-border)}.quiz-card__title{font-size:var(--text-lg);color:var(--fg-primary);font-weight:700;line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.quiz-card__description{font-size:var(--text-sm);color:var(--fg-secondary);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.quiz-card__meta{align-items:center;gap:var(--space-05);padding-top:var(--space-025);flex-wrap:wrap;margin-top:auto;display:flex}.quiz-card__meta-item{font-size:var(--text-xs);color:var(--fg-tertiary);font-variant-numeric:tabular-nums}.quiz-card__meta-sep{color:var(--bg-border-strong);font-size:var(--text-xs);line-height:1}.quiz-card__rating{color:var(--amber-10);font-weight:600}.quiz-card__author{font-size:var(--text-xs);color:var(--fg-quaternary)}.quiz-card__featured-cta{align-items:center;gap:var(--space-05);font-size:var(--text-sm);color:var(--primary-default);margin-top:var(--space-05);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);font-weight:700;display:inline-flex;transform:translate(-4px)}.quiz-card:hover .quiz-card__featured-cta{opacity:1;transform:translate(0)}@media (min-width:1024px){.quiz-card--featured{flex-direction:row}.quiz-card--featured .quiz-card__cover{width:45%;aspect-ratio:unset;flex-shrink:0;min-height:260px}.quiz-card--featured .quiz-card__body{padding:var(--space-2) var(--space-2)}.quiz-card--featured .quiz-card__title{font-size:var(--text-2xl);-webkit-line-clamp:3}}
.search-bar{flex:1;min-width:240px;max-width:520px;position:relative}.search-bar__icon{left:var(--space-1);color:var(--fg-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{width:100%;padding:var(--space-075) var(--space-15);font-size:var(--text-base);font-family:var(--font-family);color:var(--fg-primary);background:var(--bg-interactive);border:1px solid var(--bg-border);border-radius:var(--radius-l);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;outline:none;padding-left:40px}.search-bar__input::placeholder{color:var(--fg-quaternary)}.search-bar__input:hover{border-color:var(--bg-border-strong)}.search-bar__input:focus{border-color:var(--primary-default);box-shadow:var(--ring-focus)}.search-bar__input:focus+.search-bar__icon,.search-bar:focus-within .search-bar__icon{color:var(--primary-default)}.search-bar__clear{right:var(--space-05);border-radius:var(--radius-m);width:28px;height:28px;color:var(--fg-tertiary);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__clear:hover{color:var(--fg-primary);background:var(--bg-raised)}
.filter-panel{gap:var(--space-075);flex-direction:column;width:100%;display:flex}.filter-panel__group{overflow:hidden}.filter-panel__pills{gap:var(--space-025);flex-wrap:wrap;display:flex}.filter-panel__pills--scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000 100%);mask-image:linear-gradient(90deg,#000 80%,#0000 100%)}.filter-panel__pills--scroll::-webkit-scrollbar{display:none}.filter-panel__pill{padding:var(--space-025) var(--space-075);background:var(--bg-raised);color:var(--fg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;font-family:var(--font-family);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;flex-shrink:0;align-items:center;display:inline-flex}.filter-panel__pill:hover{background:var(--bg-overlay);color:var(--fg-primary)}.filter-panel__pill:focus-visible{box-shadow:var(--ring-focus);outline:none}.filter-panel__pill--active{background:var(--primary-quiet);color:var(--primary-default);border-color:var(--primary-line)}.filter-panel__pill--active:hover{background:var(--primary-quiet);color:var(--primary-default)}
.marketplace-browse{background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-family);min-height:calc(100vh - 49px);position:relative}.marketplace-browse__orb{background:var(--orb-primary);pointer-events:none;z-index:0;filter:blur(60px);width:900px;height:600px;position:fixed;top:-240px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 85%);mask-image:linear-gradient(#000 0% 50%,#0000 85%)}.marketplace-browse__hero{z-index:1;padding:var(--space-5) var(--space-2) var(--space-4);text-align:center;position:relative}.marketplace-browse__hero-inner{align-items:center;gap:var(--space-075);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.marketplace-browse__hero-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--primary-default);background:var(--primary-quiet);border:1px solid var(--primary-line);padding:3px var(--space-1);border-radius:var(--radius-full);margin:0;font-weight:700;display:inline-block}.marketplace-browse__title{color:var(--fg-primary);font-size:clamp(32px,5vw,52px);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:var(--space-075) 0 0}.marketplace-browse__subtitle{color:var(--fg-secondary);font-size:clamp(15px,1.8vw,17px);line-height:var(--leading-normal);max-width:520px;margin:0}.marketplace-browse__controls-wrap{z-index:2;max-width:1200px;padding:0 var(--space-2) var(--space-2);margin:0 auto;position:relative}.marketplace-browse__controls{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.marketplace-browse__content{z-index:1;max-width:1200px;padding:0 var(--space-2) var(--space-5);margin:0 auto;position:relative}.marketplace-browse__count{font-size:var(--text-sm);color:var(--fg-tertiary);margin:0 0 var(--space-15);font-variant-numeric:tabular-nums}.marketplace-browse__grid{gap:var(--space-15);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:640px){.marketplace-browse__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.marketplace-browse__grid{grid-template-columns:repeat(3,1fr)}.marketplace-browse__grid>:first-child{grid-column:span 2}}.marketplace-browse__skeleton{background:var(--bg-primary);border:1px solid var(--bg-border);border-radius:var(--radius-2xl);overflow:hidden}.marketplace-browse__skeleton-cover{aspect-ratio:16/9;background:var(--bg-raised);position:relative;overflow:hidden}.marketplace-browse__skeleton-cover:after,.marketplace-browse__skeleton-line:after{content:"";animation:skeleton-shimmer 1.6s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000 0%,#2f314599 50%,#0000 100%);background:linear-gradient(90deg,#0000 0%,lab(20.7934% 3.21186 -12.6202/.6) 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.marketplace-browse__skeleton-body{padding:var(--space-15);gap:var(--space-075);flex-direction:column;display:flex}.marketplace-browse__skeleton-line{background:var(--bg-raised);border-radius:var(--radius-m);position:relative;overflow:hidden}.marketplace-browse__skeleton-line--badges{width:45%;height:20px}.marketplace-browse__skeleton-line--title{width:88%;height:22px}.marketplace-browse__skeleton-line--desc{width:100%;height:16px}.marketplace-browse__skeleton-line--meta{width:60%;height:14px;margin-top:var(--space-025)}.marketplace-browse__empty{text-align:center;padding:var(--space-6) var(--space-2);align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.marketplace-browse__empty-icon{color:var(--fg-quaternary);margin-bottom:var(--space-05)}.marketplace-browse__empty-title{font-size:var(--text-xl);color:var(--fg-primary);margin:0;font-weight:700}.marketplace-browse__empty-text{color:var(--fg-secondary);font-size:var(--text-base);max-width:360px;line-height:var(--leading-normal);margin:0}.marketplace-browse__empty-cta{margin-top:var(--space-05);padding:var(--space-075) var(--space-2);background:var(--primary-quiet);color:var(--primary-default);border:1px solid var(--primary-line);border-radius:var(--radius-m);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.marketplace-browse__empty-cta:hover{background:var(--primary-default);color:var(--fg-on-color);transform:translateY(-2px)}.marketplace-browse__load-more{padding:var(--space-3) 0 0;justify-content:center;display:flex}.marketplace-browse__load-more-btn{padding:var(--space-075) var(--space-25);color:var(--primary-default);font-weight:700;font-size:var(--text-sm);font-family:var(--font-family);border:1px solid var(--primary-line);border-radius:var(--radius-m);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0}.marketplace-browse__load-more-btn:hover:not(:disabled){background:var(--primary-default);color:var(--fg-on-color);box-shadow:var(--glow-primary);transform:translateY(-2px)}.marketplace-browse__load-more-btn:active:not(:disabled){transform:scale(.97)}.marketplace-browse__load-more-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.marketplace-browse__hero{padding:var(--space-4) var(--space-15) var(--space-3)}.marketplace-browse__controls-wrap,.marketplace-browse__content{padding-left:var(--space-15);padding-right:var(--space-15)}}