@font-face{font-family:DiskHand;font-style:normal;font-weight:700;font-display:swap;src:url(/camp/fonts/disk-hand.woff2?v=gochi1)format("woff2")}.lo-shell{max-width:1440px;padding:0 var(--space-6) var(--space-12);margin:0 auto}.lo-layout{gap:var(--space-8);padding-top:var(--space-8);grid-template-columns:240px minmax(0,1fr) 300px;align-items:start;display:grid}.lo-main{min-width:0}.lo-rail,.lo-aside{top:var(--space-6);min-width:0;position:sticky}.lo-rail-card,.lo-aside-card,.lo-content-card{border:1px solid var(--hairline);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-float);overflow:hidden}.lo-rail-card{padding:var(--space-5);min-width:0}.lo-course-title{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:22px;line-height:1.2}.lo-course-note{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:13px;line-height:1.65}.lo-lesson-list{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--hairline);gap:2px;display:grid}.lo-lesson-link{gap:var(--space-3);min-height:44px;padding:9px var(--space-3);border-radius:var(--radius-control);color:var(--color-text-muted);background:0 0;grid-template-columns:64px 1fr auto;align-items:baseline;font-size:13px;line-height:1.35;text-decoration:none;transition:background-color .12s,color .12s;display:grid}a.lo-lesson-link:hover{color:var(--color-text);background:#0d0d0d0d}.lo-lesson-link.is-current{color:var(--color-text);background:#15038c14;font-weight:700}.lo-lesson-link.is-draft{color:var(--color-text-dim);cursor:default}.lo-lesson-index{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-indigo);font-size:10.5px}.lo-lesson-link.is-draft .lo-lesson-index{color:var(--color-text-dim)}.lo-lesson-done{font-family:var(--font-mono);color:var(--color-indigo);font-size:12px;font-weight:700}.lo-lesson-soon{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim);font-size:9px}.lo-rail-footer{gap:var(--space-2);padding-top:var(--space-5);color:var(--color-text-dim);font-size:12.5px;line-height:1.55;display:grid}.lo-mono{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-size:10.5px}.lo-hero{gap:var(--space-5);padding:var(--space-8);border:1px solid var(--hairline-strong);background:var(--color-surface);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-float-lg);display:grid}.lo-breadcrumb{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.lo-h1{max-width:780px;font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);margin:0;font-size:clamp(26px,3vw,38px);line-height:1.12}.lo-deck{color:var(--color-text-muted);max-width:760px;margin:0;font-size:18px;line-height:1.72}.lo-machine-frame{align-content:center;justify-self:center;width:min(100%,440px);display:grid;overflow:visible}.lo-machine-stage{width:100%;margin:0 auto;position:relative;overflow:hidden}.lo-machine-screen{z-index:1;color:#8cff9b;width:45.2%;height:31.6%;font-family:var(--font-mono);text-shadow:0 0 6px #8cff9b6b;background:#07120e;flex-direction:column;justify-content:flex-start;gap:3px;padding:3.7% 4.1%;display:flex;position:absolute;top:21.9%;left:27.4%;overflow:hidden}.lo-machine-screen.is-hello{justify-content:center;align-items:center;padding:0}.lo-screen-line{color:#8cff9be6;letter-spacing:.03em;white-space:nowrap;font-size:clamp(9px,.8vw,13px);line-height:1.24}.lo-screen-line.is-hello{letter-spacing:.02em;font-size:clamp(24px,3.7vw,44px);font-weight:700;line-height:1}.lo-screen-line.is-dim{color:#8cff9b94}.lo-machine-img{z-index:2;pointer-events:none;width:100%;height:auto;display:block;position:relative}.lo-cursor{background:#8cff9b;width:.62em;height:1em;margin-left:.22em;animation:1s steps(2,start) infinite lo-blink;display:inline-block;transform:translateY(.16em);box-shadow:0 0 8px #8cff9b8c}@keyframes lo-blink{50%{opacity:0}}.lo-stats{border-top:1px solid var(--hairline-strong);grid-template-columns:repeat(3,1fr);display:grid}.lo-stat{align-content:start;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-right:1px solid var(--hairline);display:grid}.lo-stat:first-child{padding-left:0}.lo-stat:last-child{border-right:0;padding-right:0}.lo-stat-value{font-family:var(--font-display);color:var(--color-indigo);font-size:28px;font-weight:700;line-height:1}.lo-stat-label{color:var(--color-text-muted);font-size:12.5px;line-height:1.45}.lo-stack{gap:var(--space-6);margin-top:var(--space-6);display:grid}.lo-content-card{padding:var(--space-8);min-width:0}.lo-section-head{gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}.lo-section-head h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);margin:0;font-size:28px;line-height:1.15}.lo-section-copy{max-width:760px;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:15px;line-height:1.78}.lo-route-grid{gap:var(--space-2);margin-top:var(--space-6);grid-template-columns:1fr;min-width:0;display:grid}.lo-route-card{gap:var(--space-4);min-height:76px;padding:var(--space-4);border:1px solid var(--hairline-strong);background:var(--color-surface);text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:var(--radius-card);box-shadow:var(--shadow-xs);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;text-decoration:none;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}a.lo-route-card:hover{border-color:var(--color-indigo);box-shadow:var(--shadow-float);background:#fbfaf7}.lo-route-card.is-soon{cursor:default;opacity:.5}.lo-route-code.is-soon{color:var(--color-text-muted)}.lo-app-icon{place-items:center;width:40px;height:40px;display:grid}.lo-app-icon img{object-fit:contain;width:34px;height:34px;display:block}.lo-route-top{gap:var(--space-1);min-width:0;display:grid}.lo-route-source{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:22px;line-height:1.1}.lo-route-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-indigo);text-transform:uppercase;font-size:10px}.lo-route-to{justify-content:flex-end;align-items:baseline;gap:var(--space-3);text-align:right;min-width:0;display:flex}.lo-route-agent{color:var(--color-text);font-size:16px;font-weight:700}.lo-route-desc{color:var(--color-text-muted);margin:0;font-size:12.5px;line-height:1.45}.lo-crumb-route{color:var(--color-indigo)}.lo-article{gap:var(--space-6);margin-top:var(--space-6);color:var(--color-text);display:grid}.lo-article-intro{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-float);background:#fbfaf7;display:grid}.lo-rich{color:var(--color-text-muted);font-size:15px;line-height:1.8}.lo-rich p{margin:0}.lo-rich a,a.lp-text-link{color:var(--color-indigo);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.lo-shell a[href*=github\.com]:before,.lo-shell a[href*=obsidian\.md]:before,.lo-shell a[href*=openai\.com]:before,.lo-shell a[href*=claude\.com]:before,.lo-shell a[href*=claude\.ai]:before,.lo-shell a[href*=antigravity\.google]:before,.lo-shell a[href*=llamppost\.ai]:before,.lo-shell a[href*=typeless\.com]:before{content:"";vertical-align:-.13em;background-position:50%;background-repeat:no-repeat;background-size:contain;width:1em;height:1em;margin-right:4px;display:inline-block}.lo-shell a[href*=github\.com]:before{background-image:url(/camp/icons/brand/github.svg?v=brand)}.lo-shell a[href*=obsidian\.md]:before{background-image:url(/camp/icons/brand/obsidian.svg?v=brand)}.lo-shell a[href*=openai\.com]:before{background-image:url(/camp/orientation/icons/codex-color.svg?v=lobe)}.lo-shell a[href*=claude\.com]:before,.lo-shell a[href*=claude\.ai]:before{background-image:url(/camp/orientation/icons/claude-color.svg?v=lobe2)}.lo-shell a[href*="code.claude.com"]:before{background-image:url(/camp/orientation/icons/claudecode-color.svg?v=lobe2)}.lo-shell a[href*=antigravity\.google]:before{background-image:url(/camp/orientation/icons/antigravity-color.svg?v=lobe)}.lo-shell a[href*=llamppost\.ai]:before{background-image:url(/camp/icons/brand/ll-mark.svg)}.lo-shell a[href*=typeless\.com]:before{background-image:url(/camp/icons/brand/typeless.png?v=brand)}.lo-rich strong{color:var(--color-text);font-weight:700}.lo-rich code,code{font-family:var(--font-mono);font-size:.92em}.lo-rich code,.lo-note code,.lo-list code,.lo-table code,.lo-flow-detail code,.lo-done code,.lo-product-howto code{color:var(--color-text);-webkit-box-decoration-break:clone;box-decoration-break:clone;word-break:break-word;border-radius:var(--radius-chip);background:#4f46e512;border:1px solid #4f46e524;padding:1px 5px}.lo-step{gap:var(--space-5);padding-top:var(--space-6);border-top:1px solid var(--hairline);grid-template-columns:54px minmax(0,1fr);display:grid}.lo-step:first-child{border-top:0;padding-top:0}.lo-step-badge{border:1px solid var(--color-indigo);width:54px;height:54px;color:var(--color-indigo);font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-control);place-items:center;font-size:12px;font-weight:700;display:grid}.lo-step-body{gap:var(--space-4);min-width:0;display:grid}.lo-step-body h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:24px;line-height:1.16}.lo-list{gap:var(--space-2);color:var(--color-text-muted);margin:0;padding-left:1.2em;font-size:15px;line-height:1.8;display:grid}.lo-command{gap:var(--space-2);padding:var(--space-4);background:var(--color-night);color:#8cff9b;font-family:var(--font-mono);border-radius:var(--radius-card);border:1px solid #0f141933;grid-template-columns:minmax(0,1fr);font-size:12.5px;line-height:1.6;display:grid}.lo-command-title{justify-content:space-between;align-items:center;gap:var(--space-3);color:#f8f5eeb8;font-family:var(--font-sans);font-size:12px;line-height:1.4;display:flex}.lo-copy-btn{color:#8cff9b;background:#8cff9b14;border-color:#8cff9b59}.lo-copy-btn.is-copied{background:#8cff9b29;border-color:#8cff9b}.lo-copy-lines{gap:var(--space-1);min-width:0;display:grid;overflow-x:auto}.lo-copy-lines code{color:inherit;white-space:pre}.lo-prompt{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-float);background:#fbfaf7;display:grid}.lo-prompt .lo-command-title{color:var(--color-text-muted)}.lo-prompt .lo-copy-btn{color:var(--color-indigo);background:#15038c0d;border-color:#15038c3d}.lo-prompt-text{color:var(--color-text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.75}.lo-locked{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--hairline-strong);text-align:center;border-radius:var(--radius-card);box-shadow:var(--shadow-float);background:#fbfaf7;display:grid}.lo-locked-lead{color:var(--color-text);margin:0;font-size:16px;line-height:1.8}.lo-locked-note{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.7}.lo-locked-cta{background:var(--color-indigo);color:#fff;font-family:var(--font-sans);border-radius:var(--radius-control);box-shadow:var(--shadow-cta);justify-self:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.lo-locked-cta:hover{background:var(--color-night)}.lo-figure{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-float);background:#fdfcf8;display:grid;overflow:hidden}.lo-figure-cap{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px;display:flex}.lo-figure-media{border-radius:var(--radius-control);background:#050505;border:1px solid #0f14192e;overflow:hidden}.lo-figure-media img{width:100%;height:auto;display:block}.lo-figure-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.lo-figure-zoom img{width:100%;height:auto;display:block}.lo-lightbox{z-index:90;cursor:zoom-out;background:#121018e0;place-items:center;padding:clamp(16px,4vw,56px);display:grid;position:fixed;inset:0}.lo-lightbox img{object-fit:contain;cursor:default;border:1px solid #f8f5ee2e;width:auto;max-width:96vw;height:auto;max-height:92vh}.lo-lightbox-close{color:#f8f5ee;cursor:pointer;border-radius:var(--radius-control);background:#00000059;border:1px solid #f8f5ee4d;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed;top:18px;right:18px}.lo-lightbox-close:hover{background:#0009}.lo-lightbox-close svg{width:20px;height:20px}.lo-figure-note{color:var(--color-text-muted);margin:0;font-size:12.5px;line-height:1.65}.lo-figure-needed{border:1px dashed var(--hairline-strong);min-height:160px;color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--radius-card);background:#fbfaf7;place-items:center;font-size:11px;display:grid}.lo-qr-row{gap:var(--space-4);margin:var(--space-4) 0 0;flex-wrap:wrap;justify-content:center;display:flex}.lo-qr-card{align-items:center;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--hairline-strong);color:var(--color-indigo);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);background:#fdfcf8;flex-direction:column;text-decoration:none;display:inline-flex}a.lo-qr-card{transition:border-color .15s,box-shadow .15s}a.lo-qr-card:hover{border-color:var(--color-indigo);box-shadow:var(--shadow-float)}.lo-qr-img{line-height:0}.lo-qr-img svg{width:132px;height:132px;display:block}.lo-qr-label{color:var(--color-text);font-size:13px;font-weight:700}.lo-qr-cap{color:var(--color-text-muted);font-size:12px}.lo-ref{color:var(--color-indigo);cursor:pointer;padding:0 1px;font-weight:600;text-decoration:none;position:relative}.lo-ref:hover,.lo-ref:focus-visible{background:#15038c1a;outline:none}.lo-ref:hover:after,.lo-ref:focus-visible:after{content:attr(data-tip);white-space:normal;text-align:left;background:var(--color-night);color:#fff;width:max-content;max-width:280px;font-family:var(--font-sans);letter-spacing:0;border-radius:var(--radius-control);box-shadow:var(--shadow-float-lg);z-index:40;pointer-events:none;padding:9px 11px;font-size:12.5px;font-weight:400;line-height:1.55;position:absolute;bottom:calc(100% + 9px);left:0}.lo-ref:hover:before,.lo-ref:focus-visible:before{content:"";border:5px solid #0000;border-top-color:var(--color-night);z-index:40;pointer-events:none;position:absolute;bottom:calc(100% + 4px);left:10px}.lo-note.is-danger code{color:#a5281a;background:#c0392b14}.lo-danger{color:#c0392b;font-weight:700}.lo-rich code,.lo-list code,.lo-note code,.lo-table-row span code,.lo-file,.lo-dir{cursor:pointer;transition:background-color .12s}.lo-rich code:hover,.lo-list code:hover,.lo-note code:hover,.lo-table-row span code:hover{background:#4f46e526}.lo-file:hover,.lo-dir:hover{background:#4f46e521}code.is-cmd{color:#8cff9b;background:#07120e;border-color:#07120e}code.is-cmd:hover{background:#0d2119}code.is-file,code.is-dir{white-space:nowrap;vertical-align:middle;align-items:center;gap:3px;padding-left:5px;line-height:1;display:inline-flex}code.is-dir:before{content:"";opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a1 1 0 0 1 1-1h5l2 2h8a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:1em;height:1em}code.is-file:before{content:"";opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:1em;height:1em}code.is-md:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M6 15V9l3 3 3-3v6'/%3E%3Cpath d='M17 9v5'/%3E%3Cpath d='M15 13l2 2 2-2'/%3E%3C/svg%3E")}code.is-key{text-underline-offset:3px;-webkit-text-decoration:underline dotted #4f46e580;text-decoration:underline dotted #4f46e580}.is-copied{position:relative}.is-copied:after{content:"已複製";font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;background:var(--color-night,#12100a);color:#fff;z-index:6;pointer-events:none;border-radius:var(--radius-chip);padding:3px 7px;font-size:10px;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.lo-table{border:1px solid var(--hairline);background:var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);gap:1px;display:grid;overflow:hidden}.lo-table-row{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);grid-template-columns:128px minmax(0,1fr);align-items:start;display:grid}.lo-table-row strong{color:var(--color-text);font-size:14px}.lo-table-row span{color:var(--color-text-muted);font-size:13px;line-height:1.65}.lo-flow{gap:0;display:grid}.lo-flow-title{color:var(--color-text);margin-bottom:var(--space-4);font-size:13px;font-weight:700}.lo-flow-item{column-gap:var(--space-4);grid-template-columns:28px minmax(0,1fr);display:grid}.lo-flow-rail{flex-direction:column;align-items:center;display:flex}.lo-flow-num{border:1px solid var(--color-indigo);width:28px;height:28px;color:var(--color-indigo);font-family:var(--font-mono);border-radius:var(--radius-control);flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.lo-flow-line{background:var(--hairline-strong);flex:auto;width:1px;min-height:14px;margin:4px 0}.lo-flow-body{padding-bottom:var(--space-5);align-content:start;gap:6px;display:grid}.lo-flow-item:last-child .lo-flow-body{padding-bottom:0}.lo-flow-actor{border:1px solid var(--hairline-strong);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-indigo);border-radius:var(--radius-chip);justify-self:start;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.lo-flow-icon{background-image:var(--ic);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:14px;height:14px}.lo-flow-item.is-accent .lo-flow-icon{background-image:none;background-color:var(--color-surface);-webkit-mask-image:var(--ic);-webkit-mask-image:var(--ic);mask-image:var(--ic);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lo-flow-item.is-accent .lo-flow-icon.keep-color{background-image:var(--ic);background-color:#0000;-webkit-mask-image:none;mask-image:none}.lo-flow-inline-icon{vertical-align:-2px;background-image:var(--ic);background-position:50%;background-repeat:no-repeat;background-size:contain;width:13px;height:13px;margin:0 3px;display:inline-block}.lo-flow-hicon{flex:none}.lo-flow-detail{color:var(--color-text);font-size:14px;line-height:1.65}.lo-flow-item.is-accent .lo-flow-num{background:var(--color-indigo);color:var(--color-surface)}.lo-flow-item.is-accent .lo-flow-actor{background:var(--color-indigo);border-color:var(--color-indigo);color:var(--color-surface)}.lo-done{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--hairline-strong);background:var(--color-surface);padding-left:calc(var(--space-5) + 30px);border-radius:var(--radius-card);box-shadow:var(--shadow-float);display:grid;position:relative}.lo-done:before{content:"";left:var(--space-5);top:var(--space-5);background-color:var(--color-indigo);width:18px;height:18px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201z'/%3E%3Cline%20x1='4'%20y1='22'%20x2='4'%20y2='15'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2015s1-1%204-1%205%202%208%202%204-1%204-1V3s-1%201-4%201-5-2-8-2-4%201-4%201z'/%3E%3Cline%20x1='4'%20y1='22'%20x2='4'%20y2='15'/%3E%3C/svg%3E") 50%/contain no-repeat}.lo-done strong{color:var(--color-text);font-size:15px}.lo-done p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.75}.lo-product-wrap{gap:8px;display:grid}.lo-product{gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-night);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;text-decoration:none;transition:box-shadow .15s;display:grid}.lo-product:hover{box-shadow:var(--shadow-float);background:#fbfaf7}.lo-product-art{border:1px solid var(--hairline-strong);border-radius:var(--radius-control);background:#4f46e514;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.lo-product-art img{object-fit:cover;width:100%;height:100%}.lo-product-art--skill{background:#d977571a}.lo-product-mono{font-family:var(--font-display);color:var(--color-indigo);font-size:26px;font-weight:700}.lo-product-art--skill .lo-product-mono{color:#c2613f}.lo-product-body{gap:3px;min-width:0;display:grid}.lo-product-top{align-items:center;gap:var(--space-3);display:flex}.lo-product-kind{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-size:10px}.lo-product-price{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-indigo);font-size:11px;font-weight:700}.lo-product-title{font-family:var(--font-display);color:var(--color-text);font-size:19px;font-weight:700;line-height:1.15}.lo-product-one{color:var(--color-text-muted);text-overflow:ellipsis;font-size:13px;line-height:1.5;overflow:hidden}.lo-product-cta{border:1px solid var(--color-night);background:var(--color-night);color:#f8f5ee;white-space:nowrap;border-radius:var(--radius-control);align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.lo-product:hover .lo-product-cta{background:#000}.lo-product-howto{color:var(--color-text-muted);margin:0;padding-left:2px;font-size:12.5px;line-height:1.6}.lo-hl{color:inherit;background:linear-gradient(#0000 58%,#4f46e529 58%);padding:0 1px}@media (max-width:560px){.lo-product{grid-template-columns:48px minmax(0,1fr)}.lo-product-art{width:48px;height:48px}.lo-product-cta{grid-column:1/-1;justify-content:center}}.lo-tabs{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--hairline-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-float);background:#fbfaf7;display:grid}.lo-tablist{border:1px solid var(--hairline-strong);background:var(--hairline-strong);border-radius:var(--radius-control);grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.lo-tab{background:var(--color-surface);min-height:42px;color:var(--color-text-muted);font:inherit;cursor:pointer;border:0;font-size:13px;font-weight:700}.lo-tab[aria-selected=true]{background:var(--color-indigo);color:#fff}.lo-tabpanel{gap:var(--space-4);min-width:0;display:grid}.lo-checklist{margin:var(--space-6) 0 0;border:1px solid var(--hairline);background:var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);gap:1px;display:grid;overflow:hidden}.lo-check-row{gap:var(--space-4);min-height:56px;padding:var(--space-4);background:var(--color-surface);grid-template-columns:32px minmax(0,1fr) auto;align-items:baseline;display:grid}.lo-check-mark{border:1px solid var(--hairline-strong);width:22px;height:22px;color:var(--color-indigo);font-family:var(--font-mono);border-radius:var(--radius-control);place-items:center;font-size:11px;font-weight:700;display:inline-grid}.lo-check-title{color:var(--color-text);font-size:14px;font-weight:700}.lo-check-note{margin-top:var(--space-1);color:var(--color-text-muted);font-size:12.5px;line-height:1.55}.lo-aside{gap:var(--space-4);display:grid}.lo-aside-card{padding:var(--space-5)}.lo-aside-title{margin:0 0 var(--space-4);font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);font-size:20px;line-height:1.15}.lo-aside-list{margin:0 calc(var(--space-5) * -1);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--hairline);gap:1px;display:grid}.lo-aside-row{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);display:grid}.lo-aside-row strong{color:var(--color-text);font-size:13.5px}.lo-aside-row span{color:var(--color-text-muted);font-size:12.5px;line-height:1.55}.lo-aside-row a{color:var(--color-indigo);text-decoration:none}.lo-aside-row a:hover{text-underline-offset:3px;text-decoration:underline}.lo-callout{color:var(--color-text-muted);padding-left:22px;font-size:13px;line-height:1.65;position:relative}.lo-callout:before{content:"";background-color:var(--color-indigo);width:14px;height:14px;position:absolute;top:3px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%2016v-4'/%3E%3Cpath%20d='M12%208h.01'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M12%2016v-4'/%3E%3Cpath%20d='M12%208h.01'/%3E%3C/svg%3E") 50%/contain no-repeat}.lo-next{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--hairline-strong);background:var(--color-night);color:#f8f5ee;border-radius:var(--radius-card);box-shadow:var(--shadow-float-lg);display:grid}.lo-next h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:26px;line-height:1.16}.lo-next p{color:#f8f5eebd;margin:0;font-size:14px;line-height:1.7}.lo-next-btn{width:fit-content;min-height:44px;color:var(--color-night);border-radius:var(--radius-control);background:#f8f5ee;border:1px solid #f8f5ee;align-items:center;padding:0 18px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.lo-complete-wrap{margin-top:var(--space-6)}.lo-complete{width:100%;min-height:52px;padding:0 var(--space-5);border:1px solid var(--color-night);background:var(--color-night);color:#f8f5ee;cursor:pointer;border-radius:var(--radius-control);font-size:14px;font-weight:700}.lo-complete:hover:not(:disabled){background:#000}.lo-complete:disabled{opacity:.6;cursor:default}.lo-complete.is-done{background:var(--color-surface);color:var(--color-indigo);border-color:var(--color-indigo)}.lo-progress-line{margin:var(--space-4) 0 0;letter-spacing:.08em;color:var(--color-indigo);font-size:12px}.lo-modal{z-index:80;padding:var(--space-5);place-items:center;display:grid;position:fixed;inset:0}.lo-modal-backdrop{background:#14121c8c;position:absolute;inset:0}.lo-modal-card{gap:var(--space-3);width:min(440px,100%);padding:var(--space-6);border:1px solid var(--hairline-strong);background:var(--color-surface);border-radius:var(--radius-modal);box-shadow:var(--shadow-float-lg);display:grid;position:relative}.lo-modal-card .lo-mono{color:var(--color-indigo)}.lo-modal-card h2{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:22px;line-height:1.2}.lo-modal-card p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.7}.lo-modal-actions{gap:var(--space-3);margin-top:var(--space-3);display:grid}.lo-modal-skip{border:1px solid var(--hairline-strong);min-height:44px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-control);background:0 0;font-size:13px;font-weight:600}.lo-modal-skip:hover:not(:disabled){color:var(--color-text)}.lo-modal-skip:disabled{opacity:.6;cursor:default}.lo-tape-foot{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);display:flex}.lo-foot-link{padding:var(--space-4) var(--space-5);border:1px solid var(--hairline-strong);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);gap:4px;text-decoration:none;transition:box-shadow .15s;display:grid}.lo-foot-link:hover{box-shadow:var(--shadow-float);background:#fbfaf7}.lo-foot-link.is-end{text-align:right}.lo-foot-link .lo-mono{color:var(--color-indigo)}.lo-foot-link>span:last-child{font-family:var(--font-display);font-size:15px;line-height:1.2}.lo-index{max-width:1080px;padding-top:var(--space-8);margin:0 auto}.lo-index-head{border-bottom:3px solid var(--color-text);margin-bottom:var(--space-8);padding-bottom:14px}.lo-index-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:clamp(40px,6vw,60px);font-weight:700;line-height:.9}.lo-index-sub{margin:var(--space-4) 0 0;max-width:720px;color:var(--color-text-muted);font-size:17px;line-height:1.7}.lo-track{margin-top:var(--space-10)}.lo-track:first-of-type{margin-top:var(--space-8)}.lo-track-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.lo-track-head h2{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text);margin:0;font-size:13px;font-weight:700}.lo-track-line{background:var(--hairline-strong);flex:1;height:1px}.lo-disks{gap:var(--space-6) var(--space-5);flex-wrap:wrap;align-items:start;display:flex}.lo-disk{gap:var(--space-3);width:232px;color:var(--color-text);text-decoration:none;display:grid}.lo-disk-art{aspect-ratio:1;width:100%;transition:transform .18s;position:relative;container-type:inline-size}.lo-disk:nth-child(4n+1) .lo-disk-art{transform:rotate(-3deg)}.lo-disk:nth-child(4n+2) .lo-disk-art{transform:rotate(2.2deg)}.lo-disk:nth-child(4n+3) .lo-disk-art{transform:rotate(-1.6deg)}.lo-disk:nth-child(4n+4) .lo-disk-art{transform:rotate(2.8deg)}a.lo-disk:hover .lo-disk-art{transform:rotate(0)translateY(-6px)}.lo-disk-img{object-fit:contain;filter:drop-shadow(0 10px 18px #28221829);width:100%;height:100%;display:block}.lo-disk-label{text-align:center;color:#2f3550;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56%;height:33%;padding:0 6px;display:flex;position:absolute;top:17.5%;left:24%;overflow:hidden;transform:rotate(-1.2deg)}.lo-disk-no{letter-spacing:.04em;color:#1a1a1a;font-family:DiskHand,Gochi Hand,cursive}.lo-disk-name{color:#1a1a1a;white-space:nowrap;font-family:DiskHand,Gochi Hand,Comic Sans MS,cursive;font-size:7.2cqw;font-weight:700;line-height:.92}.lo-disk-no{font-size:4.8cqw}.lo-disk-stamp{font-family:var(--font-mono);letter-spacing:.16em;color:#963c32c7;white-space:nowrap;border:2px solid #963c3299;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)rotate(-13deg)}.lo-disk-caption{text-align:left;gap:4px;padding:0 2px;display:grid}.lo-disk-status{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-indigo);font-size:11px}.lo-disk-cn{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:20px;font-weight:700;line-height:1.15}a.lo-disk:hover .lo-disk-cn{text-decoration:underline}.lo-disk-sub{color:var(--color-text-muted);margin:0;font-size:12.5px;line-height:1.55}.lo-disk.is-locked{cursor:default}.lo-disk.is-locked .lo-disk-img{filter:grayscale(.85)brightness(1.02)drop-shadow(0 6px 12px #2822181a);opacity:.82}.lo-disk.is-locked .lo-disk-label{color:#7a7468}.lo-disk.is-locked .lo-disk-name{color:#6f6a60}.lo-disk.is-locked .lo-disk-status{color:var(--color-text-dim)}.lo-disk.is-locked .lo-disk-cn{color:var(--color-text-muted)}@media (max-width:1160px){.lo-layout{grid-template-columns:220px minmax(0,1fr)}.lo-aside{grid-column:2;position:static}}@media (max-width:860px){.lo-shell{padding:0 var(--space-4) var(--space-10)}.lo-layout{gap:var(--space-5);grid-template-columns:1fr}.lo-rail,.lo-aside{grid-column:auto;position:static}.lo-lesson-list{max-width:100%;display:flex;overflow-x:auto}.lo-lesson-link{flex:0 0 132px;grid-template-columns:1fr;min-height:74px}.lo-hero,.lo-content-card{padding:var(--space-5)}.lo-stats{grid-template-columns:1fr}.lo-stat{border-right:0;border-bottom:1px solid var(--hairline);padding-left:0;padding-right:0}.lo-stat:last-child{border-bottom:0}.lo-route-card{grid-template-columns:40px minmax(0,1fr)}.lo-route-to{text-align:left;grid-column:1/-1;justify-content:flex-start}.lo-machine-frame{width:min(100%,260px)}.lo-section-head,.lo-check-row{grid-template-columns:1fr}.lo-step{gap:var(--space-3);grid-template-columns:1fr}.lo-table-row{gap:var(--space-2);grid-template-columns:1fr}.lo-disks{justify-content:center;gap:var(--space-5) var(--space-4)}.lo-disk{width:44%;max-width:200px}}.lo-course-title,.lo-h1,.lo-section-head h2,.lo-route-source,.lo-step-body h3,.lo-aside-title,.lo-next h2,.lo-modal-card h2{font-weight:700}