@layer components{.lp-map{--lp-color:var(--color-accent-base);gap:var(--space-3);animation:lp-map-in var(--motion-duration-normal) var(--motion-easing-out) both;flex-direction:column;display:flex}@keyframes lp-map-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lp-map__toolbar{justify-content:flex-end;align-items:center;display:flex}.lp-controls{border:1px solid var(--color-border-light);background:var(--color-bg-card);border-radius:2px;align-items:center;gap:2px;padding:2px;display:inline-flex}.lp-controls__scale{text-align:center;min-width:46px;font-family:var(--font-family-heading);color:var(--color-fg-secondary);font-size:.7rem}.lp-map__shortcuts{align-items:center;gap:var(--space-2) var(--space-4);color:var(--color-fg-tertiary);flex-wrap:wrap;font-size:.7rem;display:flex}@media (pointer:coarse){.lp-map__shortcuts{display:none}}.lp-map__shortcut{align-items:center;gap:4px;display:inline-flex}.lp-map__shortcut kbd{border:1px solid var(--color-border-light);background:var(--color-bg-card);font-family:var(--font-family-mono);color:var(--color-fg-secondary);border-radius:2px;padding:1px 6px;font-size:.7rem;font-weight:500}.lp-map__body{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;display:grid}.lp-canvas{border:1px solid var(--color-border-light);background:linear-gradient(var(--decor-grid,#167e760d) 1px, transparent 1px), linear-gradient(90deg, var(--decor-grid,#167e760d) 1px, transparent 1px), var(--color-bg-card);touch-action:none;background-size:28px 28px;outline:none;height:620px;position:relative;overflow:hidden}.lp-canvas:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.lp-canvas__svg{cursor:grab;width:100%;height:100%;display:block}.lp-canvas:active .lp-canvas__svg{cursor:grabbing}.lp-edge{fill:none;stroke:var(--color-border-strong);stroke-width:1.4px;opacity:.72}.lp-root{outline:none}.lp-root:focus-visible .lp-root__rect{stroke:var(--color-border-focus);stroke-width:2px}.lp-root__rect{fill:color-mix(in oklch, var(--lp-color) 9%, var(--color-bg-card));stroke:color-mix(in oklch, var(--lp-color) 55%, transparent);stroke-width:1.4px;transition:stroke var(--motion-duration-instant) var(--motion-easing-out)}.lp-root:hover .lp-root__rect{stroke:var(--lp-color)}.lp-root__icon{font-family:var(--font-family-heading);fill:var(--lp-color);font-size:1.05rem;font-weight:700}.lp-root__title{font-family:var(--font-family-heading);fill:var(--color-fg-primary);font-size:.92rem;font-weight:600}.lp-root__count{fill:var(--color-fg-tertiary);font-size:.7rem}.lp-stage__toggle{cursor:pointer;outline:none}.lp-stage__toggle:focus-visible .lp-stage__rect{stroke:var(--color-border-focus);stroke-width:2px}.lp-stage__rect{fill:color-mix(in oklch, var(--lp-color) 6%, var(--color-bg-card));stroke:color-mix(in oklch, var(--lp-color) 38%, transparent);stroke-width:1px;transition:fill var(--motion-duration-instant) var(--motion-easing-out)}.lp-stage__toggle:hover .lp-stage__rect{fill:color-mix(in oklch, var(--lp-color) 12%, var(--color-bg-card))}.lp-stage__num{font-family:var(--font-family-mono);fill:var(--lp-color);font-size:.7rem;font-weight:700}.lp-stage__title{font-family:var(--font-family-heading);fill:var(--color-fg-primary);font-size:.82rem;font-weight:600}.lp-stage__subtitle{fill:var(--color-fg-tertiary);font-size:.7rem}.lp-stage__count-rect{fill:color-mix(in oklch, var(--lp-color) 12%, transparent);stroke:color-mix(in oklch, var(--lp-color) 30%, transparent);stroke-width:1px;rx:2}.lp-stage__count{font-family:var(--font-family-heading);fill:var(--lp-color);font-size:.7rem;font-weight:700}.lp-stage__chevron{stroke:var(--lp-color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-duration-normal) var(--motion-easing-out)}.lp-stage__chevron--collapsed{transform:rotate(90deg)}.lp-stage__accent{stroke-width:2px}.lp-node{cursor:pointer;outline:none}.lp-node:focus-visible .lp-node__rect{stroke:var(--color-border-focus);stroke-width:2px}.lp-node__rect{fill:var(--color-bg-card);stroke:var(--color-border-default);stroke-width:1px;rx:3;transition:stroke var(--motion-duration-instant) var(--motion-easing-out), fill var(--motion-duration-instant) var(--motion-easing-out);filter:drop-shadow(0 1px 2px #0a0e1414)}.lp-node--hovered .lp-node__rect{filter:drop-shadow(0 2px 5px #0a0e1429)}.lp-node__rect--planned{stroke:color-mix(in oklch, var(--color-warning-base) 62%, var(--color-border-strong));stroke-dasharray:5 4}.lp-node--hovered .lp-node__rect,.lp-node--selected .lp-node__rect{stroke:var(--lp-color);fill:color-mix(in oklch, var(--lp-color) 6%, var(--color-bg-card))}.lp-node__lift{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-duration-fast) var(--motion-easing-out)}.lp-node--hovered .lp-node__lift{transform:translateY(-2px)}.lp-node--selected .lp-node__rect{stroke-width:1.8px}.lp-node__title{fill:var(--color-fg-primary);font-size:.82rem;font-weight:500}.lp-node__seq{font-family:var(--font-family-mono);fill:var(--color-fg-tertiary);font-size:.7rem}.lp-node__status{fill:var(--color-fg-tertiary);font-size:.7rem}.lp-node__bar{stroke:none}.lp-node__bar--beginner{fill:var(--color-success-base)}.lp-node__bar--intermediate{fill:var(--color-warning-base)}.lp-node__bar--advanced{fill:var(--color-danger-base)}.lp-panel{--lp-panel-color:var(--color-accent-base);gap:var(--space-2);min-height:240px;padding:var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--radius-md,4px);background:var(--color-bg-card);flex-direction:column;display:flex}.lp-panel--empty{text-align:center;color:var(--color-fg-secondary);justify-content:center;align-items:center}.lp-panel__empty-svg{width:150px;height:90px;color:var(--lp-panel-color,var(--color-accent-base));margin-bottom:var(--space-1)}.lp-panel__empty-edge{fill:none;stroke:var(--color-border-strong);stroke-width:1.2px;stroke-linecap:round;opacity:.7}.lp-panel__empty-node{fill:color-mix(in oklch, var(--lp-panel-color,var(--color-accent-base)) 8%, var(--color-bg-card));stroke:color-mix(in oklch, var(--lp-panel-color,var(--color-accent-base)) 45%, transparent);stroke-width:1.2px}.lp-panel__empty-node--root{fill:color-mix(in oklch, var(--lp-panel-color,var(--color-accent-base)) 16%, var(--color-bg-card))}.lp-panel__empty-node--planned{stroke-dasharray:4 3}.lp-panel__empty-title{font-family:var(--font-family-heading);color:var(--color-fg-primary);margin:0;font-size:.9rem;font-weight:600}.lp-panel__hint{margin:0;font-size:.86rem;line-height:1.7}.lp-panel__sub{color:var(--color-fg-tertiary);margin:0;font-size:.72rem}.lp-panel__head{justify-content:space-between;align-items:center;display:flex}.lp-panel__stage{background:color-mix(in oklch, var(--lp-panel-color) 10%, transparent);font-family:var(--font-family-heading);letter-spacing:.04em;color:var(--lp-panel-color);border-radius:2px;align-self:flex-start;padding:2px 8px;font-size:.7rem;font-weight:600}.lp-panel__title{font-family:var(--font-family-heading);color:var(--color-fg-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.45}.lp-panel__meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lp-panel__difficulty{border-radius:2px;padding:1px 8px;font-size:.7rem;font-weight:600}.lp-panel__status{border:1px solid var(--color-border-light);color:var(--color-fg-tertiary);border-radius:2px;padding:1px 8px;font-size:.7rem}.lp-panel__status--planned{color:var(--color-warning-base);border-color:color-mix(in oklch, var(--color-warning-base) 40%, transparent)}.lp-panel__desc{color:var(--color-fg-secondary);margin:0;font-size:.84rem;line-height:1.7}.lp-panel__doc-link{border:1px solid color-mix(in oklch, var(--lp-panel-color) 55%, transparent);background:color-mix(in oklch, var(--lp-panel-color) 8%, transparent);font-family:var(--font-family-heading);color:var(--lp-panel-color);transition:background-color var(--motion-duration-instant) var(--motion-easing-out);border-radius:2px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex}.lp-panel__doc-link:hover{background:color-mix(in oklch, var(--lp-panel-color) 16%, transparent)}.lp-panel__notice{padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-warning-base);background:color-mix(in oklch, var(--color-warning-base) 9%, var(--color-bg-card));color:var(--color-fg-secondary);font-size:.76rem;line-height:1.6}.lp-panel__official{color:var(--color-fg-secondary);border-bottom:1px dashed var(--color-border-strong);align-self:flex-start;align-items:center;gap:6px;font-size:.76rem;text-decoration:none;display:inline-flex}.lp-panel__official:hover{color:var(--lp-panel-color)}.lp-panel__locate{border:1px solid var(--color-border-light);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--motion-duration-instant) var(--motion-easing-out), border-color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;border-radius:2px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:inline-flex}.lp-panel__locate:hover{color:var(--lp-panel-color);border-color:color-mix(in oklch, var(--lp-panel-color) 50%, transparent)}.lp-panel__footer{padding-top:var(--space-2);border-top:1px solid var(--color-border-light);color:var(--color-fg-tertiary);margin:auto 0 0;font-size:.7rem}.lp-map__legend{align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);color:var(--color-fg-secondary);flex-wrap:wrap;font-size:.7rem;display:flex}.lp-legend-item{align-items:center;gap:6px;display:inline-flex}.lp-legend-line{background:var(--color-border-strong);width:18px;height:2px;display:inline-block}.lp-legend-line--planned{border-top:2px dashed var(--color-warning-base);height:0}.lp-legend-bar{border-radius:1px;width:2px;height:10px;display:inline-block}.lp-legend-bar--beginner{background:var(--color-success-base)}.lp-legend-bar--intermediate{background:var(--color-warning-base)}.lp-legend-bar--advanced{background:var(--color-danger-base)}.lp-progress{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-light);border-radius:var(--radius-md,4px);background:var(--color-bg-card);margin-right:auto;padding:4px 10px 4px 4px;display:flex}.lp-progress__ring{width:30px;height:30px}.lp-progress__track{fill:none;stroke:var(--color-border-light);stroke-width:3.5px}.lp-progress__fill{fill:none;stroke:var(--lp-color);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dasharray var(--motion-duration-normal) var(--motion-easing-out)}.lp-progress__readout{flex-direction:column;line-height:1.2;display:flex}.lp-progress__num{font-family:var(--font-family-mono);color:var(--color-fg-primary);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.lp-progress__label{color:var(--color-fg-tertiary);letter-spacing:.06em;font-size:.7rem}.lp-progress__learning{border:1px solid color-mix(in srgb, var(--color-accent-base) 40%, transparent);border-radius:var(--radius-sm,2px);font-family:var(--font-family-mono);color:var(--color-accent-base);white-space:nowrap;padding:2px 8px;font-size:.7rem}.lp-node__progress-mark,.lp-node__status--learning{fill:var(--color-accent-base)}.lp-node__check{fill:none;stroke:var(--color-success-base);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.lp-node__status--done{fill:var(--color-success-base)}.lp-node--done .lp-node__title{fill:var(--color-fg-secondary)}.lp-node--done .lp-node__rect{stroke:color-mix(in srgb, var(--color-success-base) 45%, var(--color-border-default))}.lp-node--learning .lp-node__rect{stroke:color-mix(in srgb, var(--color-accent-base) 55%, var(--color-border-default))}.lp-panel__progress{border:1px solid var(--color-border-light);border-radius:var(--radius-md,4px);background:var(--color-bg-sunken);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lp-panel__progress-btn{border-radius:var(--radius-sm,2px);color:var(--color-fg-secondary);font-family:var(--font-family-body);cursor:pointer;transition:background-color var(--motion-duration-instant) var(--motion-easing-out), color var(--motion-duration-instant) var(--motion-easing-out), border-color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;border:1px solid #0000;padding:6px 4px;font-size:.78rem}.lp-panel__progress-btn:hover{background:var(--color-bg-hover);color:var(--color-fg-primary)}.lp-panel__progress-btn.is-active{background:var(--color-bg-card);border-color:color-mix(in srgb, var(--color-accent-base) 50%, transparent);color:var(--color-accent-base)}.lp-panel__progress-btn.is-done.is-active{border-color:color-mix(in srgb, var(--color-success-base) 50%, transparent);color:var(--color-success-base)}.lp-panel__progress-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.lp-legend-state{border-radius:1px;width:3px;height:12px;display:inline-block}.lp-legend-state--learning{background:var(--color-accent-base)}.lp-legend-state--done{background:var(--color-success-base)}@media (width<=1024px){.lp-map__body{grid-template-columns:minmax(0,1fr)}.lp-panel{min-height:0}}@media (width<=767.98px){.lp-canvas{height:430px}.lp-progress__label,.lp-progress__learning{display:none}}@media (prefers-reduced-motion:reduce){.lp-map{animation:none}.lp-node,.lp-progress__fill{transition:none}}}