.breadcrumb.svelte-1nn1hvn{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;font-size:.8rem;transition:transform .2s ease,box-shadow .2s ease}.breadcrumb.svelte-1nn1hvn:hover{transform:translate(-2px);box-shadow:var(--shadow-md)}.breadcrumb.svelte-1nn1hvn ol:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0}.breadcrumb.svelte-1nn1hvn li:where(.svelte-1nn1hvn){display:flex;align-items:center}.breadcrumb.svelte-1nn1hvn li:where(.svelte-1nn1hvn):not(:last-child):after{content:"›";margin-left:.5rem;color:var(--color-text-muted)}.breadcrumb.svelte-1nn1hvn li:where(.svelte-1nn1hvn)[aria-current=page]{font-weight:600;color:var(--color-primary-dark)}.breadcrumb.svelte-1nn1hvn a:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--color-primary);font-weight:600}.breadcrumb.svelte-1nn1hvn a:where(.svelte-1nn1hvn):hover{color:var(--color-primary-dark)}.preview-section.svelte-1nn1hvn{text-align:center;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,#d4a6561a,#e8d4a833);border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem;width:100%;justify-content:space-between}.preview-section.svelte-1nn1hvn .preview-wrapper:where(.svelte-1nn1hvn){padding:.25rem;background:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.preview-section.svelte-1nn1hvn .preview:where(.svelte-1nn1hvn){height:80px;width:80px}.preview-section.svelte-1nn1hvn .info:where(.svelte-1nn1hvn){flex:1;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.preview-section.svelte-1nn1hvn .info-row:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.preview-section.svelte-1nn1hvn .label:where(.svelte-1nn1hvn){font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.preview-section.svelte-1nn1hvn .tag:where(.svelte-1nn1hvn){display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;background:var(--color-wood-light);color:var(--color-accent);border:1px solid var(--color-border)}.preview-section.svelte-1nn1hvn .difficulty:where(.svelte-1nn1hvn){display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem}.preview-section.svelte-1nn1hvn .difficulty:where(.svelte-1nn1hvn) .star:where(.svelte-1nn1hvn){color:var(--color-wood-dark)}.preview-section.svelte-1nn1hvn .difficulty:where(.svelte-1nn1hvn) .star-empty:where(.svelte-1nn1hvn){color:#ddd}.stats.svelte-1nn1hvn{display:flex;flex-direction:column;gap:.5rem}.stats.svelte-1nn1hvn .stat:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.stats.svelte-1nn1hvn .stat:where(.svelte-1nn1hvn).correct{background:#4a674126;color:var(--color-primary-dark)}.stats.svelte-1nn1hvn .stat:where(.svelte-1nn1hvn).wrong{background:#dc354526;color:#c92a2a}.controls-left.svelte-1nn1hvn{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.controls.svelte-1nn1hvn{display:flex;align-items:center;gap:.75rem}.toggle.svelte-1nn1hvn{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle.svelte-1nn1hvn input:where(.svelte-1nn1hvn){display:none}.toggle.svelte-1nn1hvn .toggle-slider:where(.svelte-1nn1hvn){position:relative;width:48px;height:26px;background:var(--color-border);border-radius:var(--radius-full);transition:background .3s ease}.toggle.svelte-1nn1hvn .toggle-slider:where(.svelte-1nn1hvn):before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .3s ease}.toggle.svelte-1nn1hvn input:where(.svelte-1nn1hvn):checked+.toggle-slider:where(.svelte-1nn1hvn){background:var(--color-primary)}.toggle.svelte-1nn1hvn input:where(.svelte-1nn1hvn):checked+.toggle-slider:where(.svelte-1nn1hvn):before{transform:translate(22px)}.toggle.svelte-1nn1hvn .toggle-label:where(.svelte-1nn1hvn){font-size:.9rem;font-weight:600;color:var(--color-text)}.color-selector.svelte-1nn1hvn{display:flex;align-items:center;gap:.5rem}.color-selector.svelte-1nn1hvn .color-label:where(.svelte-1nn1hvn){font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:600}.color-selector.svelte-1nn1hvn .color-options:where(.svelte-1nn1hvn){display:flex;gap:.5rem;background:var(--color-bg-card);padding:.35rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;font-family:inherit}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn):hover{background:#d4a65626}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn).active{background:var(--color-wood-light);box-shadow:var(--shadow-sm)}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn) .stone:where(.svelte-1nn1hvn){width:16px;height:16px;border-radius:50%;box-shadow:0 1px 2px #0000004d}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn) .stone:where(.svelte-1nn1hvn).black{background:radial-gradient(circle at 30% 30%,#555,#1a1a1a)}.color-selector.svelte-1nn1hvn .color-btn:where(.svelte-1nn1hvn) .stone:where(.svelte-1nn1hvn).white{background:radial-gradient(circle at 30% 30%,#fff,#ddd);border:1px solid #ccc}.editor-section.svelte-1nn1hvn{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.editor-section.svelte-1nn1hvn .editor-label:where(.svelte-1nn1hvn){font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);text-align:center;margin-bottom:.75rem;font-weight:600}.joseki-nav.svelte-1nn1hvn{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn){display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--radius-md);text-decoration:none;font-size:.8rem;font-weight:600;transition:all .2s ease}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).prev,.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).next{color:var(--color-primary);background:transparent}:is(.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).prev,.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).next):hover{background:#4a67411a}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).back{color:var(--color-text-muted);background:var(--color-wood-light);padding:.5rem 1rem}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).back:hover{background:var(--color-wood);color:var(--color-text)}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn).disabled{visibility:hidden;width:80px}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn) .nav-arrow:where(.svelte-1nn1hvn){font-size:1rem}