.placement-badge.svelte-1n2vgfv{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--badge-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--badge-color) 40%,transparent);border-radius:20px}.badge-icon.svelte-1n2vgfv{color:var(--badge-color);font-size:.875rem}.badge-text.svelte-1n2vgfv{font-size:.875rem;font-weight:600;color:var(--badge-color);text-transform:uppercase;letter-spacing:.5px}.thumb-legend.svelte-dxv074{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.legend-item.svelte-dxv074{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--theme-text, rgba(255, 255, 255, .8))}.legend-color.svelte-dxv074{width:12px;height:12px;border-radius:3px}.thumb-label.svelte-dxv074{font-size:.75rem;color:var(--theme-text-dim);padding:.125rem .5rem;background:var(--theme-card-bg);border-radius:4px}@media(max-width:400px){.thumb-legend.svelte-dxv074{flex-direction:column;gap:.5rem}.legend-item.svelte-dxv074{width:100%;justify-content:center}}.rotation-indicator.svelte-1fccbsg{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:color-mix(in srgb,var(--rotation-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--rotation-color) 40%,transparent);border-radius:8px;color:var(--rotation-color);font-size:.875rem;font-weight:600}.staff.svelte-1ubqc1{transition:all var(--duration-emphasis) ease}.staff.animating.svelte-1ubqc1 line:where(.svelte-1ubqc1){transition:all .5s ease}@media(prefers-reduced-motion:reduce){.staff.animating.svelte-1ubqc1 line:where(.svelte-1ubqc1){transition:none}}.grid-point.svelte-1eavtdb{cursor:default}.grid-point.clickable.svelte-1eavtdb{cursor:pointer}.grid-point.clickable.svelte-1eavtdb:hover .outer-point:where(.svelte-1eavtdb){fill:var(--theme-text, rgba(255, 255, 255, .6));transform:scale(1.2);transform-origin:center}.outer-point.svelte-1eavtdb{transition:all var(--duration-normal) ease}.point-label.svelte-1eavtdb{pointer-events:none;user-select:none}.rotation-arc.svelte-uuat4a{animation:svelte-uuat4a-dashMove 1s linear infinite}@keyframes svelte-uuat4a-dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}@media(prefers-reduced-motion:reduce){.rotation-arc.svelte-uuat4a{animation:none}}.staff-visualizer.svelte-grz2a0{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke);border-radius:16px}.staff-visualizer.interactive.svelte-grz2a0{border-color:color-mix(in srgb,var(--prop-blue, #4a9eff) 30%,transparent)}.staff-grid.svelte-grz2a0{width:100%;max-width:280px;height:auto;aspect-ratio:1}.center-point.svelte-grz2a0{animation:svelte-grz2a0-centerPulse 2s ease-in-out infinite}@keyframes svelte-grz2a0-centerPulse{0%,to{opacity:.4;r:3}50%{opacity:.6;r:4}}@media(max-width:400px){.staff-visualizer.svelte-grz2a0{padding:.75rem}}@media(prefers-reduced-motion:reduce){.center-point.svelte-grz2a0{animation:none}}.page.svelte-nrxf13{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;width:100%;animation:svelte-nrxf13-slideInUp var(--duration-dramatic) cubic-bezier(.4,0,.2,1)}@keyframes svelte-nrxf13-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2.svelte-nrxf13{font-size:1.875rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--theme-accent, #22d3ee) 0%,var(--theme-accent, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3.svelte-nrxf13{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.concept-intro.svelte-nrxf13{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border-radius:16px}.staff-intro.svelte-nrxf13{--section-color: #a855f7;background:linear-gradient(135deg,color-mix(in srgb,var(--section-color) 10%,transparent),color-mix(in srgb,var(--section-color) 2%,transparent));border:1px solid color-mix(in srgb,var(--section-color) 20%,transparent)}.concept-icon.svelte-nrxf13{width:var(--min-touch-target);height:var(--min-touch-target);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;background:color-mix(in srgb,var(--section-color) 20%,transparent);color:var(--section-color)}.concept-summary.svelte-nrxf13{font-size:1.25rem;font-weight:500;text-align:center;color:var(--theme-text, rgba(255, 255, 255, .85));margin:0}.visualizer-section.svelte-nrxf13{display:flex;flex-direction:column;align-items:center;gap:1rem}.explanation.svelte-nrxf13{padding:1.25rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:12px}.explanation.svelte-nrxf13 ul:where(.svelte-nrxf13){margin:.75rem 0 0;padding-left:1.25rem}.explanation.svelte-nrxf13 li:where(.svelte-nrxf13){font-size:1rem;color:var(--theme-text-dim, rgba(255, 255, 255, .75));line-height:1.6;margin-bottom:.5rem}.explanation.svelte-nrxf13 li:where(.svelte-nrxf13):last-child{margin-bottom:0}.next-button.svelte-nrxf13{align-self:center;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent) 0% 100%);border:2px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 50%,transparent);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--duration-emphasis);min-height:var(--min-touch-target);margin-top:1rem}.next-button.svelte-nrxf13:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent) 0% 100%);border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 80%,transparent);transform:translateY(-2px)}@media(max-width:600px){h2.svelte-nrxf13{font-size:1.5rem}.next-button.svelte-nrxf13{width:100%;max-width:300px}}@media(prefers-reduced-motion:reduce){.page.svelte-nrxf13{animation:none}}.page.svelte-18qqohk{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;width:100%;animation:svelte-18qqohk-slideInUp var(--duration-dramatic) cubic-bezier(.4,0,.2,1)}@keyframes svelte-18qqohk-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2.svelte-18qqohk{font-size:1.875rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--theme-accent, #22d3ee) 0%,var(--theme-accent, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3.svelte-18qqohk{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.concept-intro.svelte-18qqohk{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border-radius:16px}.thumb-intro.svelte-18qqohk{background:linear-gradient(135deg,color-mix(in srgb,var(--semantic-info, #3b82f6) 10%,transparent),color-mix(in srgb,var(--semantic-info, #3b82f6) 2%,transparent));border:1px solid color-mix(in srgb,var(--semantic-info, #3b82f6) 20%,transparent)}.concept-icon.svelte-18qqohk{width:var(--min-touch-target);height:var(--min-touch-target);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;background:color-mix(in srgb,var(--semantic-info, #3b82f6) 20%,transparent);color:var(--semantic-info)}.concept-summary.svelte-18qqohk{font-size:1.25rem;font-weight:500;text-align:center;color:var(--theme-text, rgba(255, 255, 255, .85));margin:0}.visualizer-section.svelte-18qqohk{display:flex;flex-direction:column;align-items:center;gap:1rem}.example-label.svelte-18qqohk{font-size:.9375rem;color:var(--theme-text-dim);padding:.5rem 1rem;background:var(--theme-card-bg);border-radius:8px}.cycle-button.svelte-18qqohk{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .04));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:8px;color:var(--theme-text-dim);font-size:.875rem;cursor:pointer;transition:all var(--duration-normal) ease}.cycle-button.svelte-18qqohk:hover{background:var(--theme-stroke, rgba(255, 255, 255, .1));color:#fff}.explanation.svelte-18qqohk{padding:1.25rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:12px}.explanation.svelte-18qqohk ul:where(.svelte-18qqohk){margin:.75rem 0 0;padding-left:1.25rem}.explanation.svelte-18qqohk li:where(.svelte-18qqohk){font-size:1rem;color:var(--theme-text-dim, rgba(255, 255, 255, .75));line-height:1.6;margin-bottom:.5rem}.explanation.svelte-18qqohk li:where(.svelte-18qqohk):last-child{margin-bottom:0}.thumb-cards.svelte-18qqohk{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.thumb-card.svelte-18qqohk{flex:1;min-width:140px;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;border-radius:12px}.thumb-card.in.svelte-18qqohk{background:color-mix(in srgb,var(--semantic-info, #3b82f6) 10%,transparent);border:1px solid color-mix(in srgb,var(--semantic-info, #3b82f6) 25%,transparent);color:var(--semantic-info)}.thumb-card.out.svelte-18qqohk{--out-color: #a855f7;background:color-mix(in srgb,var(--out-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--out-color) 25%,transparent);color:var(--out-color)}.thumb-card.svelte-18qqohk i:where(.svelte-18qqohk){font-size:1.5rem}.thumb-card.svelte-18qqohk span:where(.svelte-18qqohk){font-weight:600;font-size:1rem}.thumb-card.svelte-18qqohk small:where(.svelte-18qqohk){font-size:.75rem;opacity:.7;color:var(--theme-text-dim)}.next-button.svelte-18qqohk{align-self:center;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent) 0% 100%);border:2px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 50%,transparent);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--duration-emphasis);min-height:var(--min-touch-target);margin-top:1rem}.next-button.svelte-18qqohk:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent) 0% 100%);border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 80%,transparent);transform:translateY(-2px)}@media(max-width:600px){h2.svelte-18qqohk{font-size:1.5rem}.thumb-cards.svelte-18qqohk{flex-direction:column}.thumb-card.svelte-18qqohk{min-width:auto;max-width:none}.next-button.svelte-18qqohk{width:100%;max-width:300px}}@media(prefers-reduced-motion:reduce){.page.svelte-18qqohk{animation:none}}.page.svelte-1nebt14{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;width:100%;animation:svelte-1nebt14-slideInUp var(--duration-dramatic) cubic-bezier(.4,0,.2,1)}@keyframes svelte-1nebt14-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2.svelte-1nebt14{font-size:1.875rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--theme-accent, #22d3ee) 0%,var(--theme-accent, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3.svelte-1nebt14{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.concept-intro.svelte-1nebt14{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border-radius:16px}.prospin-intro.svelte-1nebt14{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 10%,transparent),color-mix(in srgb,var(--theme-accent, #22d3ee) 2%,transparent));border:1px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 20%,transparent)}.concept-icon.svelte-1nebt14{width:var(--min-touch-target);height:var(--min-touch-target);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;background:color-mix(in srgb,var(--theme-accent, #22d3ee) 20%,transparent);color:var(--theme-accent, #22d3ee)}.concept-summary.svelte-1nebt14{font-size:1.25rem;font-weight:500;text-align:center;color:var(--theme-text, rgba(255, 255, 255, .85));margin:0}.visualizer-section.svelte-1nebt14{display:flex;flex-direction:column;align-items:center;gap:1rem}.example-description.svelte-1nebt14{font-size:.9375rem;color:var(--theme-text-dim);padding:.5rem 1rem;background:var(--theme-card-bg);border-radius:8px}.cycle-button.svelte-1nebt14{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .04));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:8px;color:var(--theme-text-dim);font-size:.875rem;cursor:pointer;transition:all var(--duration-normal) ease}.cycle-button.svelte-1nebt14:hover{background:var(--theme-stroke, rgba(255, 255, 255, .1));color:#fff}.explanation.svelte-1nebt14{padding:1.25rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:12px}.prospin-explanation.svelte-1nebt14{border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 15%,transparent)}.explanation.svelte-1nebt14 ul:where(.svelte-1nebt14){margin:.75rem 0 0;padding-left:1.25rem}.explanation.svelte-1nebt14 li:where(.svelte-1nebt14){font-size:1rem;color:var(--theme-text-dim, rgba(255, 255, 255, .75));line-height:1.6;margin-bottom:.5rem}.explanation.svelte-1nebt14 li:where(.svelte-1nebt14):last-child{margin-bottom:0}.rotation-formula.svelte-1nebt14{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border-radius:12px;flex-wrap:wrap}.rotation-formula.svelte-1nebt14>i:where(.svelte-1nebt14){color:var(--theme-text-dim, rgba(255, 255, 255, .4));font-size:.875rem}.formula-item.svelte-1nebt14{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--theme-card-bg);border-radius:8px}.formula-label.svelte-1nebt14{font-size:.75rem;color:var(--theme-text-dim);text-transform:uppercase}.formula-value.svelte-1nebt14{font-size:.875rem;font-weight:600;color:#fff}.prospin-item.svelte-1nebt14{background:color-mix(in srgb,var(--theme-accent, #22d3ee) 15%,transparent);color:var(--theme-accent, #22d3ee)}.formula-item.svelte-1nebt14 i:where(.svelte-1nebt14){font-size:1.25rem}.next-button.svelte-1nebt14{align-self:center;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent) 0% 100%);border:2px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 50%,transparent);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--duration-emphasis);min-height:var(--min-touch-target);margin-top:1rem}.next-button.svelte-1nebt14:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent) 0% 100%);border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 80%,transparent);transform:translateY(-2px)}@media(max-width:600px){h2.svelte-1nebt14{font-size:1.5rem}.rotation-formula.svelte-1nebt14{gap:.5rem}.next-button.svelte-1nebt14{width:100%;max-width:300px}}@media(prefers-reduced-motion:reduce){.page.svelte-1nebt14{animation:none}}.page.svelte-5v9kyb{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;width:100%;animation:svelte-5v9kyb-slideInUp var(--duration-dramatic) cubic-bezier(.4,0,.2,1)}@keyframes svelte-5v9kyb-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2.svelte-5v9kyb{font-size:1.875rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--theme-accent, #22d3ee) 0%,var(--theme-accent, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3.svelte-5v9kyb{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.concept-intro.svelte-5v9kyb{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border-radius:16px}.antispin-intro.svelte-5v9kyb{--section-color: var(--semantic-warning, #f97316);background:linear-gradient(135deg,color-mix(in srgb,var(--section-color) 10%,transparent),color-mix(in srgb,var(--section-color) 2%,transparent));border:1px solid color-mix(in srgb,var(--section-color) 20%,transparent)}.concept-icon.svelte-5v9kyb{width:var(--min-touch-target);height:var(--min-touch-target);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;background:color-mix(in srgb,var(--semantic-warning, #f97316) 20%,transparent);color:var(--semantic-warning, #f97316)}.concept-summary.svelte-5v9kyb{font-size:1.25rem;font-weight:500;text-align:center;color:var(--theme-text, rgba(255, 255, 255, .85));margin:0}.visualizer-section.svelte-5v9kyb{display:flex;flex-direction:column;align-items:center;gap:1rem}.example-description.svelte-5v9kyb{font-size:.9375rem;color:var(--theme-text-dim);padding:.5rem 1rem;background:var(--theme-card-bg);border-radius:8px}.cycle-button.svelte-5v9kyb{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .04));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:8px;color:var(--theme-text-dim);font-size:.875rem;cursor:pointer;transition:all var(--duration-normal) ease}.cycle-button.svelte-5v9kyb:hover{background:var(--theme-stroke, rgba(255, 255, 255, .1));color:#fff}.explanation.svelte-5v9kyb{padding:1.25rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:12px}.antispin-explanation.svelte-5v9kyb{border-color:color-mix(in srgb,var(--semantic-warning, #f97316) 15%,transparent)}.explanation.svelte-5v9kyb ul:where(.svelte-5v9kyb){margin:.75rem 0 0;padding-left:1.25rem}.explanation.svelte-5v9kyb li:where(.svelte-5v9kyb){font-size:1rem;color:var(--theme-text-dim, rgba(255, 255, 255, .75));line-height:1.6;margin-bottom:.5rem}.explanation.svelte-5v9kyb li:where(.svelte-5v9kyb):last-child{margin-bottom:0}.rotation-formula.svelte-5v9kyb{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border-radius:12px;flex-wrap:wrap}.rotation-formula.svelte-5v9kyb>i:where(.svelte-5v9kyb){color:var(--theme-text-dim, rgba(255, 255, 255, .4));font-size:.875rem}.formula-item.svelte-5v9kyb{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--theme-card-bg);border-radius:8px}.formula-label.svelte-5v9kyb{font-size:.75rem;color:var(--theme-text-dim);text-transform:uppercase}.formula-value.svelte-5v9kyb{font-size:.875rem;font-weight:600;color:#fff}.antispin-item.svelte-5v9kyb{background:color-mix(in srgb,var(--semantic-warning, #f97316) 15%,transparent);color:var(--semantic-warning, #f97316)}.formula-item.svelte-5v9kyb i:where(.svelte-5v9kyb){font-size:1.25rem}.summary-section.svelte-5v9kyb{padding:1.25rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke, rgba(255, 255, 255, .08));border-radius:12px}.comparison-cards.svelte-5v9kyb{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.comparison-card.svelte-5v9kyb{flex:1;min-width:152px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:12px}.comparison-card.prospin.svelte-5v9kyb{background:color-mix(in srgb,var(--theme-accent, #22d3ee) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 25%,transparent);color:var(--theme-accent, #22d3ee)}.comparison-card.antispin.svelte-5v9kyb{background:color-mix(in srgb,var(--semantic-warning, #f97316) 10%,transparent);border:1px solid color-mix(in srgb,var(--semantic-warning, #f97316) 25%,transparent);color:var(--semantic-warning, #f97316)}.comparison-card.svelte-5v9kyb i:where(.svelte-5v9kyb){font-size:1.5rem}.card-title.svelte-5v9kyb{font-weight:700;font-size:1rem}.comparison-card.svelte-5v9kyb ul:where(.svelte-5v9kyb){margin:0;padding-left:1rem;text-align:left;width:100%}.comparison-card.svelte-5v9kyb li:where(.svelte-5v9kyb){font-size:.8125rem;color:var(--theme-text-dim);margin-bottom:.25rem}.next-button.svelte-5v9kyb{align-self:center;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent) 0% 100%);border:2px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 50%,transparent);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--duration-emphasis);min-height:var(--min-touch-target);margin-top:1rem}.next-button.svelte-5v9kyb:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent) 0% 100%);border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 80%,transparent);transform:translateY(-2px)}.next-button.svelte-5v9kyb i:where(.svelte-5v9kyb){font-size:1rem}@media(max-width:600px){h2.svelte-5v9kyb{font-size:1.5rem}.rotation-formula.svelte-5v9kyb{gap:.5rem}.comparison-cards.svelte-5v9kyb{flex-direction:column}.comparison-card.svelte-5v9kyb{min-width:auto}.next-button.svelte-5v9kyb{width:100%;max-width:300px}}@media(prefers-reduced-motion:reduce){.page.svelte-5v9kyb{animation:none}}.quiz-progress.svelte-5zv6k5{display:flex;flex-direction:column;gap:.5rem}.progress-bar.svelte-5zv6k5{height:6px;background:var(--theme-stroke, rgba(255, 255, 255, .1));border-radius:3px;overflow:hidden}.progress-fill.svelte-5zv6k5{height:100%;background:linear-gradient(90deg,var(--theme-accent, #22d3ee),var(--theme-accent, #06b6d4));border-radius:3px;transition:width var(--duration-emphasis) ease}.progress-text.svelte-5zv6k5{font-size:.8125rem;color:var(--theme-text-dim);text-align:center}@media(prefers-reduced-motion:reduce){.progress-fill.svelte-5zv6k5{transition:none}}.question-type-badge.svelte-citq5c{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .875rem;border-radius:16px;font-size:.8125rem;font-weight:600}.question-type-badge.placement.svelte-citq5c{background:color-mix(in srgb,var(--semantic-error) 15%,transparent);color:var(--semantic-error)}.question-type-badge.thumb.svelte-citq5c{background:color-mix(in srgb,var(--semantic-info, #3b82f6) 15%,transparent);color:var(--semantic-info)}.question-type-badge.rotation.svelte-citq5c{background:color-mix(in srgb,var(--theme-accent, #22d3ee) 15%,transparent);color:var(--theme-accent, #22d3ee)}.answer-btn.svelte-i1vcsz{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;min-height:80px;background:var(--theme-card-bg);border:2px solid var(--theme-stroke-strong);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease;position:relative}.answer-btn.svelte-i1vcsz:hover:not(:disabled){background:color-mix(in srgb,var(--type-color) 15%,transparent);border-color:color-mix(in srgb,var(--type-color) 50%,transparent);transform:translateY(-2px)}.answer-btn.svelte-i1vcsz:disabled{cursor:default}.answer-btn.svelte-i1vcsz i:where(.svelte-i1vcsz){font-size:1.25rem;color:var(--type-color)}.answer-btn.svelte-i1vcsz span:where(.svelte-i1vcsz){text-align:center;line-height:1.2}.answer-btn.correct.svelte-i1vcsz{background:color-mix(in srgb,var(--type-color) 20%,transparent);border-color:var(--type-color);animation:svelte-i1vcsz-correctPulse .5s ease}@keyframes svelte-i1vcsz-correctPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.answer-btn.incorrect.svelte-i1vcsz{background:color-mix(in srgb,var(--semantic-error) 20%,transparent);border-color:color-mix(in srgb,var(--semantic-error) 60%,transparent);animation:svelte-i1vcsz-shake var(--duration-dramatic) ease}@keyframes svelte-i1vcsz-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.result-icon.svelte-i1vcsz{position:absolute;top:.5rem;right:.5rem;font-size:1rem;font-weight:700;color:var(--semantic-error)}.result-icon.correct.svelte-i1vcsz,.answer-btn.correct.svelte-i1vcsz .result-icon:where(.svelte-i1vcsz){color:var(--type-color)}@media(max-width:500px){.answer-btn.svelte-i1vcsz{flex-direction:row;justify-content:center;gap:.75rem;min-height:var(--min-touch-target);padding:.875rem 1rem}}@media(prefers-reduced-motion:reduce){.answer-btn.svelte-i1vcsz{animation:none;transition:none}}.feedback.svelte-sh2h4y{padding:.875rem 1.25rem;border-radius:10px;font-size:.9375rem;text-align:center;animation:svelte-sh2h4y-slideUp var(--duration-emphasis) ease}@keyframes svelte-sh2h4y-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback.correct.svelte-sh2h4y{background:color-mix(in srgb,var(--theme-accent, #22d3ee) 15%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent);color:var(--theme-accent, #22d3ee)}.feedback.incorrect.svelte-sh2h4y{background:color-mix(in srgb,var(--semantic-warning, #fb923c) 15%,transparent);border:1px solid color-mix(in srgb,var(--semantic-warning, #fb923c) 30%,transparent);color:var(--semantic-warning, #fb923c)}@media(prefers-reduced-motion:reduce){.feedback.svelte-sh2h4y{animation:none}}.quiz-section.svelte-qz5rvo{display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:svelte-qz5rvo-fadeIn var(--duration-emphasis) ease}@keyframes svelte-qz5rvo-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-title.svelte-qz5rvo{font-size:1.25rem;font-weight:700;color:var(--theme-text);margin:0;text-align:center;line-height:1.4}.visualizer-container.svelte-qz5rvo{width:100%;max-width:320px}.answer-buttons.svelte-qz5rvo{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:500px}.answer-buttons.two-col.svelte-qz5rvo{grid-template-columns:repeat(2,1fr);max-width:352px}@media(max-width:500px){.quiz-title.svelte-qz5rvo{font-size:1.125rem}.answer-buttons.svelte-qz5rvo,.answer-buttons.two-col.svelte-qz5rvo{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.quiz-section.svelte-qz5rvo{animation:none}}.quiz-section.svelte-ma0v5b{display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:svelte-ma0v5b-fadeIn var(--duration-emphasis) ease}@keyframes svelte-ma0v5b-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.complete.svelte-ma0v5b{padding:2rem 1rem}.complete-icon.svelte-ma0v5b{font-size:4rem;line-height:1;margin-bottom:.5rem}.complete-title.svelte-ma0v5b{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.score-display.svelte-ma0v5b{display:flex;align-items:baseline;gap:.25rem;margin:1rem 0}.score-value.svelte-ma0v5b{font-size:3rem;font-weight:800;color:var(--theme-accent, #22d3ee)}.score-separator.svelte-ma0v5b{font-size:1.5rem;color:var(--theme-text-dim, rgba(255, 255, 255, .4))}.score-total.svelte-ma0v5b{font-size:1.5rem;color:var(--theme-text-dim)}.score-message.svelte-ma0v5b{font-size:1rem;color:var(--theme-text-dim);margin:0 0 1rem;text-align:center}.score-breakdown.svelte-ma0v5b{padding:1rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border-radius:12px;margin-bottom:1rem;width:100%;max-width:352px}.score-breakdown.svelte-ma0v5b h4:where(.svelte-ma0v5b){font-size:.875rem;color:var(--theme-text-dim);margin:0 0 .75rem;text-align:center}.topic-badges.svelte-ma0v5b{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.topic-badge.svelte-ma0v5b{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600}.topic-badge.placement.svelte-ma0v5b{background:color-mix(in srgb,var(--semantic-error) 15%,transparent);color:var(--semantic-error)}.topic-badge.thumb.svelte-ma0v5b{background:color-mix(in srgb,var(--semantic-info, #3b82f6) 15%,transparent);color:var(--semantic-info)}.topic-badge.rotation.svelte-ma0v5b{background:color-mix(in srgb,var(--theme-accent, #22d3ee) 15%,transparent);color:var(--theme-accent, #22d3ee)}.complete-actions.svelte-ma0v5b{display:flex;gap:1rem;width:100%;max-width:352px}.action-btn.svelte-ma0v5b{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;min-height:var(--min-touch-target);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) ease}.action-btn.secondary.svelte-ma0v5b{background:var(--theme-card-bg);border:1px solid var(--theme-stroke-strong);color:var(--theme-text, rgba(255, 255, 255, .8))}.action-btn.secondary.svelte-ma0v5b:hover{background:var(--theme-stroke, rgba(255, 255, 255, .12));border-color:var(--theme-stroke-strong, rgba(255, 255, 255, .25))}.action-btn.primary.svelte-ma0v5b{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent),color-mix(in srgb,var(--theme-accent, #22d3ee) 30%,transparent));border:1px solid color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent);color:#fff}.action-btn.primary.svelte-ma0v5b:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent),color-mix(in srgb,var(--theme-accent, #22d3ee) 40%,transparent));border-color:color-mix(in srgb,var(--theme-accent, #22d3ee) 60%,transparent);transform:translateY(-2px)}@media(max-width:500px){.complete-actions.svelte-ma0v5b{flex-direction:column}}@media(prefers-reduced-motion:reduce){.quiz-section.svelte-ma0v5b,.action-btn.svelte-ma0v5b{animation:none;transition:none}}.staff-quiz.svelte-9a4yau{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--theme-card-bg, rgba(255, 255, 255, .03));border:1px solid var(--theme-stroke);border-radius:16px}@media(max-width:500px){.staff-quiz.svelte-9a4yau{padding:1rem}}.page.svelte-99b9vo{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto;width:100%;animation:svelte-99b9vo-slideInUp var(--duration-dramatic) cubic-bezier(.4,0,.2,1)}@keyframes svelte-99b9vo-slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2.svelte-99b9vo{font-size:1.875rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,var(--theme-accent, #22d3ee) 0%,var(--theme-accent, #06b6d4) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p.svelte-99b9vo{font-size:1.125rem;line-height:1.7;color:var(--theme-text, rgba(255, 255, 255, .85));margin:0;text-align:center}.quiz-page.svelte-99b9vo{max-width:700px}@media(max-width:600px){h2.svelte-99b9vo{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.page.svelte-99b9vo{animation:none}}.staff-experience.svelte-l6xl27{display:flex;flex-direction:column;height:100%;padding:2rem;overflow-y:auto;overflow-x:hidden}@media(max-width:600px){.staff-experience.svelte-l6xl27{padding:1rem}}