.db-wrap.svelte-14y5pj8{position:relative;width:100%;height:100%}.db-board.svelte-14y5pj8{width:100%;display:block}.db-sq.svelte-14y5pj8{transition:fill .1s}.db-sq--clickable.svelte-14y5pj8:hover{filter:brightness(1.3);cursor:pointer}.db-piece.svelte-14y5pj8{font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none}.db-piece--clickable.svelte-14y5pj8{pointer-events:all;cursor:pointer}.db-piece--white.svelte-14y5pj8{fill:#e4e4e7}.db-piece--black.svelte-14y5pj8{fill:#52525b}.db-pause.svelte-14y5pj8{display:block;width:100%;margin-top:.4rem;padding:.2rem 0;background:none;border:1px solid #1c1c21;color:#3f3f46;font-family:inherit;font-size:.6rem;cursor:pointer;transition:color .15s,border-color .15s}.db-pause.svelte-14y5pj8:hover{color:#4ade80;border-color:#4ade80}.t-piece-block.svelte-1ryszkz{margin-bottom:2.5rem;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.t-piece-block.t-revealed.svelte-1ryszkz{opacity:1;transform:translateY(0)}.t-lesson-row.svelte-1ryszkz{display:flex;align-items:flex-start;gap:2.5rem}.t-lesson-text.svelte-1ryszkz{flex:1;min-width:0}.t-lesson-board.svelte-1ryszkz{flex-shrink:0;width:200px}.t-piece-name.svelte-1ryszkz{color:#e4e4e7;font-size:.95rem;font-weight:600;margin:0 0 .6rem}.t-piece-symbol.svelte-1ryszkz{font-size:1.1rem;margin-right:.3rem}.t-lesson-body.svelte-1ryszkz{color:#52525b;font-size:.75rem;line-height:1.65;margin:.75rem 0 0}.t-config.svelte-1ryszkz{display:flex;flex-direction:column}.t-config-compact.svelte-1ryszkz{gap:.35rem}.t-config-line.svelte-1ryszkz{display:flex;align-items:baseline;gap:0;font-size:.78rem;line-height:1.6;opacity:0}.t-revealed.svelte-1ryszkz .t-config-line:where(.svelte-1ryszkz){animation:svelte-1ryszkz-t-in .3s ease both;animation-delay:var(--delay, 0ms)}.t-config-key.svelte-1ryszkz{color:#a1a1aa;min-width:90px;flex-shrink:0}.t-config-eq.svelte-1ryszkz{color:#3f3f46;margin:0 .6rem}.t-val-code{color:#4ade80}.t-config-val.svelte-1ryszkz{color:#52525b}@keyframes svelte-1ryszkz-t-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.t-lesson-row.svelte-1ryszkz{flex-direction:column-reverse;gap:1.25rem}.t-lesson-board.svelte-1ryszkz{width:260px}.t-config-line.svelte-1ryszkz{flex-direction:column;gap:.1rem}.t-config-key.svelte-1ryszkz{min-width:unset}.t-config-eq.svelte-1ryszkz{display:none}}@media(max-width:640px){.t-lesson-board.svelte-1ryszkz{width:240px}}.t-page.svelte-8s3559{max-width:920px;margin:0 auto;padding:0 2.5rem 4rem;opacity:0;transition:opacity .4s ease}.t-visible.svelte-8s3559{opacity:1}.t-section.svelte-8s3559,.t-cta.svelte-8s3559{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.t-revealed.svelte-8s3559{opacity:1;transform:translateY(0)}.t-revealed.svelte-8s3559 .t-config-line:where(.svelte-8s3559){animation:svelte-8s3559-t-in .3s ease both;animation-delay:var(--delay, 0ms)}.t-config-line.svelte-8s3559{opacity:0}@keyframes svelte-8s3559-t-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.t-line.svelte-8s3559{height:1px;background:#1c1c21;margin:3rem 0}.t-hero-section.svelte-8s3559{padding:5rem 0 0}.t-comment.svelte-8s3559{color:#3f3f46;font-size:.88rem;font-weight:400;line-height:1.9;margin:0}.t-title.svelte-8s3559{color:#fafafa;font-size:1.6rem;font-weight:600;letter-spacing:-.02em;margin:.5rem 0 0}.t-subtitle.svelte-8s3559{color:#52525b;font-size:.82rem;margin:.5rem 0 0;line-height:1.6}.t-section.svelte-8s3559{margin:0}.t-section-comment.svelte-8s3559{color:#3f3f46;font-size:.72rem;font-weight:400;margin:0 0 1.25rem;letter-spacing:.01em}.t-card-label.svelte-8s3559{display:flex;align-items:center;gap:.5rem;color:#3f3f46;font-size:.65rem;font-weight:500;letter-spacing:.1em;margin:0 0 1.5rem}.t-num.svelte-8s3559{color:#4ade80;font-weight:600}.t-lesson-row.svelte-8s3559{display:flex;align-items:flex-start;gap:2.5rem}.t-lesson-text.svelte-8s3559{flex:1;min-width:0}.t-lesson-board.svelte-8s3559{flex-shrink:0;width:200px}.t-lesson-intro.svelte-8s3559{color:#52525b;font-size:.78rem;line-height:1.65;margin:0 0 2rem}.t-lesson-body.svelte-8s3559{color:#52525b;font-size:.75rem;line-height:1.65;margin:.75rem 0 0}.t-config.svelte-8s3559{display:flex;flex-direction:column;gap:.65rem}.t-config-line.svelte-8s3559{display:flex;align-items:baseline;font-size:.78rem;line-height:1.6}.t-config-key.svelte-8s3559{color:#a1a1aa;min-width:90px;flex-shrink:0}.t-config-eq.svelte-8s3559{color:#3f3f46;margin:0 .6rem}.t-config-val.svelte-8s3559{color:#52525b}.t-val-code.svelte-8s3559{color:#4ade80}.t-cta.svelte-8s3559{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.t-cta-cmd.svelte-8s3559{color:#4ade80;font-size:1.1rem;font-weight:500}.t-cta-actions.svelte-8s3559{display:flex;align-items:center;gap:1.25rem}.t-btn-primary.svelte-8s3559{display:inline-block;background:#fafafa;color:#09090b;padding:.6rem 1.3rem;text-decoration:none;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s}.t-btn-primary.svelte-8s3559:hover{background:#d4d4d8}.t-btn-outline.svelte-8s3559{display:inline-block;background:none;color:#a1a1aa;padding:.6rem 1.3rem;border:1px solid #27272a;text-decoration:none;font-family:inherit;font-size:.8rem;font-weight:600;transition:color .15s,border-color .15s}.t-btn-outline.svelte-8s3559:hover{color:#fafafa;border-color:#52525b}.t-link.svelte-8s3559{color:#4ade80;text-decoration:none;transition:color .15s}.t-link.svelte-8s3559:hover{color:#6ee7a0}.t-footer.svelte-8s3559{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #1c1c21;font-size:.68rem;color:#27272a;text-align:center}.t-footer.svelte-8s3559 .t-link:where(.svelte-8s3559){color:#3f3f46}.t-footer.svelte-8s3559 .t-link:where(.svelte-8s3559):hover{color:#4ade80}@media(max-width:768px){.t-hero-section.svelte-8s3559{padding:3rem 0 0}.t-lesson-row.svelte-8s3559{flex-direction:column-reverse;gap:1.25rem}.t-lesson-board.svelte-8s3559{width:260px}.t-title.svelte-8s3559{font-size:1.3rem}.t-config-line.svelte-8s3559{flex-direction:column;gap:.1rem}.t-config-key.svelte-8s3559{min-width:unset}.t-config-eq.svelte-8s3559{display:none}}@media(max-width:640px){.t-page.svelte-8s3559{padding:0 1.25rem 3rem}.t-lesson-board.svelte-8s3559{width:240px}.t-line.svelte-8s3559{margin:2rem 0}}