.join-card.svelte-2jxxew{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:2.5rem;text-align:center;color:#fff;box-shadow:0 20px 60px #667eea66;position:relative;overflow:hidden}.join-card.svelte-2jxxew:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.join-card__icon.svelte-2jxxew{width:64px;height:64px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.join-card__icon.svelte-2jxxew svg:where(.svelte-2jxxew){width:32px;height:32px}.join-card__title.svelte-2jxxew{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.join-card__subtitle.svelte-2jxxew{font-size:1rem;opacity:.9;margin:0 0 1.5rem}.join-card__form.svelte-2jxxew{position:relative;z-index:1}.join-card__input-wrapper.svelte-2jxxew{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.join-card__input.svelte-2jxxew{flex:1;padding:1rem 1.25rem;font-size:1.25rem;font-weight:600;text-align:center;letter-spacing:.15em;border:none;border-radius:12px;background:#fff;color:#333;outline:none;transition:box-shadow .2s ease}.join-card__input.svelte-2jxxew::placeholder{color:#aaa;font-weight:500}.join-card__input.svelte-2jxxew:focus{box-shadow:0 0 0 4px #ffffff4d}.join-card__error.svelte-2jxxew{color:#ffcdd2;font-size:.875rem;margin:.75rem 0 0}@media(max-width:480px){.join-card.svelte-2jxxew{padding:2rem 1.5rem}.join-card__input-wrapper.svelte-2jxxew{flex-direction:column}}.leaderboard.svelte-1wzbokd{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.leaderboard__header.svelte-1wzbokd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.leaderboard__title.svelte-1wzbokd{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:.5rem}.leaderboard__icon.svelte-1wzbokd{font-size:1.5rem}.leaderboard__empty.svelte-1wzbokd{text-align:center;padding:2rem 1rem}.leaderboard__empty-icon.svelte-1wzbokd{font-size:3rem;display:block;margin-bottom:.75rem}.leaderboard__empty-text.svelte-1wzbokd{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 .25rem}.leaderboard__empty-hint.svelte-1wzbokd{font-size:.875rem;color:#666;margin:0}.leaderboard__list.svelte-1wzbokd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.leaderboard__item.svelte-1wzbokd{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fc;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.leaderboard__item.svelte-1wzbokd:hover{transform:translate(4px);box-shadow:0 2px 8px #0000000d}.leaderboard__item.top-three.svelte-1wzbokd{background:linear-gradient(135deg,#fef9e7,#fef3c7)}.leaderboard__rank.svelte-1wzbokd{min-width:36px;font-size:1.25rem;font-weight:700;color:#666;text-align:center}.leaderboard__avatar.svelte-1wzbokd{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}.leaderboard__name.svelte-1wzbokd{flex:1;font-weight:600;color:#1a1a2e;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.leaderboard__score.svelte-1wzbokd{font-weight:700;color:#667eea;font-size:.95rem;text-align:right;white-space:nowrap;flex-shrink:0}@media(max-width:480px){.leaderboard.svelte-1wzbokd{padding:1rem}.leaderboard__item.svelte-1wzbokd{padding:.5rem .75rem}.leaderboard__name.svelte-1wzbokd,.leaderboard__score.svelte-1wzbokd{font-size:.875rem}}.quiz-card.svelte-gldqi9{display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:1.25rem;text-decoration:none;color:inherit;box-shadow:0 2px 12px #0000000f;transition:transform .2s ease,box-shadow .2s ease;height:100%}.quiz-card.svelte-gldqi9:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.quiz-card__icon.svelte-gldqi9{width:56px;height:56px;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1rem}.quiz-card__content.svelte-gldqi9{flex:1}.quiz-card__title.svelte-gldqi9{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-card__meta.svelte-gldqi9{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666}.quiz-card__category.svelte-gldqi9{color:#667eea;font-weight:500}.quiz-card__separator.svelte-gldqi9{color:#ccc}.quiz-card__footer.svelte-gldqi9{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.quiz-card__plays.svelte-gldqi9{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#888}.quiz-card__plays.svelte-gldqi9 svg:where(.svelte-gldqi9){width:14px;height:14px}.quiz-card__difficulty.svelte-gldqi9{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px}.quiz-card__difficulty--easy.svelte-gldqi9{background:#e8f5e9;color:#2e7d32}.quiz-card__difficulty--medium.svelte-gldqi9{background:#fff3e0;color:#f57c00}.quiz-card__difficulty--hard.svelte-gldqi9{background:#ffebee;color:#c62828}@media(max-width:480px){.quiz-card.svelte-gldqi9{padding:1rem}.quiz-card__icon.svelte-gldqi9{width:48px;height:48px;font-size:1.5rem}.quiz-card__title.svelte-gldqi9{font-size:1rem}}.quiz-tabs.svelte-10mb6u3{margin-bottom:2rem}.quiz-tabs__header.svelte-10mb6u3{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.quiz-tabs__nav.svelte-10mb6u3{display:flex;gap:.5rem;background:#fafbfc;padding:.5rem;border-radius:16px}.quiz-tabs__tab.svelte-10mb6u3{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;border-radius:12px;font-size:.95rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative}.quiz-tabs__tab.svelte-10mb6u3:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.5;transition:opacity .2s ease}.quiz-tabs__tab.svelte-10mb6u3:hover:not(.quiz-tabs__tab--active):before{opacity:1}.quiz-tabs__tab.svelte-10mb6u3:hover:not(.quiz-tabs__tab--active){color:#444}.quiz-tabs__tab--active.svelte-10mb6u3{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.quiz-tabs__tab--active.svelte-10mb6u3:before{opacity:0}.quiz-tabs__tab-icon.svelte-10mb6u3{font-size:1.1rem}.quiz-tabs__tab-label.svelte-10mb6u3{display:inline}.quiz-tabs__description.svelte-10mb6u3{font-size:.95rem;color:#666;margin:0 0 1.25rem}.quiz-tabs__content.svelte-10mb6u3{animation:svelte-10mb6u3-fadeIn .2s ease}.quiz-tabs__loading.svelte-10mb6u3{text-align:center;padding:3rem;color:#666}.quiz-tabs__spinner.svelte-10mb6u3{display:inline-block;width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:svelte-10mb6u3-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-10mb6u3-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-tabs__empty.svelte-10mb6u3{text-align:center;padding:3rem;background:#f8f9fc;border-radius:16px}.quiz-tabs__empty-icon.svelte-10mb6u3{font-size:4rem;display:block;margin-bottom:1rem}.quiz-tabs__empty-text.svelte-10mb6u3{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.quiz-tabs__empty-hint.svelte-10mb6u3{font-size:1rem;color:#666;margin:0 0 1.5rem}.quiz-tabs__create-btn.svelte-10mb6u3{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.quiz-tabs__create-btn.svelte-10mb6u3:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@keyframes svelte-10mb6u3-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quiz-tabs__grid.svelte-10mb6u3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:1024px){.quiz-tabs__grid.svelte-10mb6u3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.quiz-tabs__header.svelte-10mb6u3{flex-direction:column;align-items:stretch}.quiz-tabs__nav.svelte-10mb6u3{justify-content:center}}@media(max-width:640px){.quiz-tabs__grid.svelte-10mb6u3{grid-template-columns:1fr}.quiz-tabs__tab.svelte-10mb6u3{padding:.5rem .875rem;font-size:.875rem}.quiz-tabs__tab-label.svelte-10mb6u3{display:none}.quiz-tabs__tab-icon.svelte-10mb6u3{font-size:1.25rem}.quiz-tabs__tab--active.svelte-10mb6u3 .quiz-tabs__tab-label:where(.svelte-10mb6u3){display:inline}}.create-btn.svelte-1lyjogv{text-decoration:none;display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.create-btn--primary.svelte-1lyjogv{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1.25rem 1.5rem;border-radius:16px;gap:1rem;box-shadow:0 4px 15px #10b9814d}.create-btn--primary.svelte-1lyjogv:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.create-btn__icon.svelte-1lyjogv{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-btn__icon.svelte-1lyjogv svg:where(.svelte-1lyjogv){width:24px;height:24px}.create-btn__text.svelte-1lyjogv{flex:1;display:flex;flex-direction:column;gap:.25rem;text-align:left}.create-btn__text.svelte-1lyjogv strong:where(.svelte-1lyjogv){font-size:1.1rem;font-weight:700}.create-btn__text.svelte-1lyjogv small:where(.svelte-1lyjogv){font-size:.875rem;opacity:.9}.create-btn__arrow.svelte-1lyjogv{width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.8}.create-btn__arrow.svelte-1lyjogv svg:where(.svelte-1lyjogv){width:20px;height:20px}.create-btn--floating.svelte-1lyjogv{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;justify-content:center;box-shadow:0 6px 20px #10b98166;z-index:50}.create-btn--floating.svelte-1lyjogv:hover{transform:scale(1.1);box-shadow:0 8px 30px #10b98180}.create-btn--floating.svelte-1lyjogv svg:where(.svelte-1lyjogv){width:28px;height:28px}.create-btn__tooltip.svelte-1lyjogv{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#1a1a2e;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.create-btn__tooltip.svelte-1lyjogv:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1a1a2e}.create-btn--floating.svelte-1lyjogv:hover .create-btn__tooltip:where(.svelte-1lyjogv){opacity:1}@media(max-width:768px){.create-btn--floating.svelte-1lyjogv{width:56px;height:56px;bottom:1.5rem;right:1.5rem}.create-btn--floating.svelte-1lyjogv svg:where(.svelte-1lyjogv){width:24px;height:24px}.create-btn__tooltip.svelte-1lyjogv{display:none}.create-btn--primary.svelte-1lyjogv{padding:1rem}.create-btn__icon.svelte-1lyjogv{width:40px;height:40px}.create-btn__text.svelte-1lyjogv strong:where(.svelte-1lyjogv){font-size:1rem}}.home.svelte-1uha8ag{min-height:100vh;background:#fafbfc}.container.svelte-1uha8ag{max-width:1400px;margin:0 auto;padding:0 2rem}.hero-section.svelte-1uha8ag{position:relative;padding:8rem 0 6rem;overflow:visible;background:linear-gradient(180deg,#f0f4ff,#fafbfc)}.hero-content.svelte-1uha8ag{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content__text.svelte-1uha8ag{max-width:540px}.hero-content__title.svelte-1uha8ag{font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.15;color:#1a1a2e;margin:0 0 1.5rem}.hero-content__highlight.svelte-1uha8ag{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content__description.svelte-1uha8ag{font-size:1.25rem;color:#555;line-height:1.6;margin:0}.hero-content__join.svelte-1uha8ag{max-width:480px;justify-self:end}.main-content.svelte-1uha8ag{position:relative;margin-top:-3rem;padding:0 0 5rem;z-index:2}.content-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}.content-grid__main.svelte-1uha8ag{min-width:0}.content-grid__sidebar.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:100px}@media(max-width:1200px){.content-grid.svelte-1uha8ag{grid-template-columns:1fr 300px}}@media(max-width:1024px){.hero-content.svelte-1uha8ag{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-content__text.svelte-1uha8ag{max-width:600px;margin:0 auto}.hero-content__join.svelte-1uha8ag{max-width:100%;justify-self:center}.content-grid.svelte-1uha8ag{grid-template-columns:1fr}.content-grid__sidebar.svelte-1uha8ag{position:static;flex-direction:row;flex-wrap:wrap;align-items:start}.content-grid__sidebar.svelte-1uha8ag>*{flex:1 1 300px;height:auto}.content-grid__sidebar.svelte-1uha8ag>.create-btn--primary{flex:0 0 auto;width:100%}}@media(max-width:768px){.container.svelte-1uha8ag{padding:0 1rem}.hero-section.svelte-1uha8ag{padding:6rem 0 3rem}.hero-content__title.svelte-1uha8ag{font-size:2.5rem}.hero-content__description.svelte-1uha8ag{font-size:1.1rem}.main-content.svelte-1uha8ag{padding:2rem 0 4rem}.content-grid__sidebar.svelte-1uha8ag{flex-direction:column}}@media(max-width:480px){.hero-content__title.svelte-1uha8ag{font-size:2rem}}