.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}@media screen and (min-width:800px){.preview-section.svelte-1nn1hvn .preview:where(.svelte-1nn1hvn){height:120px;width:120px}}.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}.joseki-layout.svelte-1nn1hvn{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:800px){.joseki-layout.svelte-1nn1hvn{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start;max-width:850px;margin:0 auto}}.joseki-col-left.svelte-1nn1hvn,.joseki-col-right.svelte-1nn1hvn{display:contents}@media screen and (min-width:800px){.joseki-col-left.svelte-1nn1hvn,.joseki-col-right.svelte-1nn1hvn{display:flex;flex-direction:column;gap:1rem}}@media screen and (min-width:800px){.joseki-col-left.svelte-1nn1hvn{position:sticky;top:1rem}}.controls-left.svelte-1nn1hvn{order:-2}@media screen and (min-width:800px){.controls-left.svelte-1nn1hvn{order:unset}}.preview-section.svelte-1nn1hvn{order:-1}@media screen and (min-width:800px){.preview-section.svelte-1nn1hvn{order:unset}}.controls-left.svelte-1nn1hvn{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}@media screen and (min-width:800px){.controls-left.svelte-1nn1hvn{margin-bottom:0}}.controls.svelte-1nn1hvn{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.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}.orientation-btn.svelte-1nn1hvn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--radius-full);cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;color:var(--color-text);transition:all .2s ease}.orientation-btn.svelte-1nn1hvn:hover{background:#d4a65626;box-shadow:var(--shadow-sm)}.add-collection-inline.svelte-1nn1hvn{position:relative}.add-collection-inline.svelte-1nn1hvn .add-collection-wrapper{position:relative;top:auto;left:auto}.add-collection-inline.svelte-1nn1hvn .add-btn{width:auto;height:auto;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-size:.8rem;font-weight:600;padding:.4rem .75rem;box-shadow:none;display:inline-flex;align-items:center;gap:.4rem}.add-collection-inline.svelte-1nn1hvn .add-btn:hover{background:#d4a65626;box-shadow:var(--shadow-sm);transform:none}.add-collection-inline.svelte-1nn1hvn .dropdown{left:auto;right:0}.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)}@media screen and (min-width:800px){.joseki-nav.svelte-1nn1hvn{margin-top:0}}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn){display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--radius-md);text-decoration:none;font-size:.8rem;font-weight:600;transition:all .2s ease;flex:1}.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}.joseki-nav.svelte-1nn1hvn .nav-btn:where(.svelte-1nn1hvn) .nav-arrow:where(.svelte-1nn1hvn){font-size:1rem}.comment-panel.svelte-1nn1hvn{border:1px solid var(--color-border);border-radius:10px;overflow:hidden;display:none}@media screen and (min-width:800px){.comment-panel.svelte-1nn1hvn{display:block}}.comment-panel.svelte-1nn1hvn .comment-panel-title:where(.svelte-1nn1hvn){font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-text-muted);padding:.6rem .9rem;background:var(--color-wood-light);border-bottom:1px solid var(--color-border)}.comment-panel.svelte-1nn1hvn .comment-list:where(.svelte-1nn1hvn){max-height:200px;overflow-y:auto}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn){display:flex;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn):last-child{border-bottom:none}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn).active{background:#4a674114}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn).active .comment-move:where(.svelte-1nn1hvn):before{content:"▸"}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn) .comment-move:where(.svelte-1nn1hvn){font-size:.7rem;font-weight:700;color:var(--color-primary);white-space:nowrap;min-width:50px;padding-top:2px}.comment-panel.svelte-1nn1hvn .comment-entry:where(.svelte-1nn1hvn) .comment-text:where(.svelte-1nn1hvn){font-size:.82rem;line-height:1.45;color:var(--color-text)}.comment-toast.svelte-1nn1hvn{display:none}@media screen and (max-width:799px){.comment-toast.svelte-1nn1hvn{display:block;position:fixed;bottom:4rem;left:0;right:0;z-index:150;pointer-events:none}}.comment-toast-inner.svelte-1nn1hvn{margin:0 .75rem .75rem;padding:.7rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 -2px 16px #00000026;pointer-events:auto;animation:svelte-1nn1hvn-toastSlideUp .3s ease;display:flex;gap:.6rem;align-items:flex-start}.comment-toast-body.svelte-1nn1hvn{flex:1;min-width:0}.comment-toast-move.svelte-1nn1hvn{font-size:.65rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.comment-toast-text.svelte-1nn1hvn{font-size:.82rem;line-height:1.45;color:var(--color-text)}.comment-toast-dismiss.svelte-1nn1hvn{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;pointer-events:auto}.comment-toast-dismiss.svelte-1nn1hvn:hover{background:#0000000f}.comment-toast-progress.svelte-1nn1hvn{position:absolute;bottom:0;left:.75rem;right:.75rem;height:3px;border-radius:0 0 12px 12px;overflow:hidden}.comment-toast-progress-bar.svelte-1nn1hvn{height:100%;background:var(--color-primary);border-radius:3px;animation:svelte-1nn1hvn-toastCountdown 5s linear forwards}@keyframes svelte-1nn1hvn-toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1nn1hvn-toastCountdown{0%{width:100%}to{width:0%}}