.lf-main{max-width:1500px;margin:auto;padding:28px 5% 60px}.lf-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:30px 0 50px}.lf-hero h1{font-size:clamp(48px,6.4vw,90px);letter-spacing:-.055em;line-height:1.04}.lf-hero p:not(.work-eyebrow){font-size:18px;line-height:1.65;max-width:620px;color:var(--muted);margin:24px 0 0}.lf-download{padding:16px 20px;border:1px solid #9972a6;border-radius:30px;font-size:14px;white-space:nowrap;color:#eac9fb}.lf-workspace{border:1px solid #76527c;border-radius:14px;overflow:hidden;background:#100f16}.lf-toolbar{padding:28px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#211625}.lf-toolbar .work-eyebrow{margin-bottom:12px;font-size:12px;color:#d7acec}.lf-toolbar h2{font-size:28px;font-weight:400;letter-spacing:-.7px;margin:0}.lf-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:420px}.lf-controls label{font-size:13px;width:100%;color:var(--muted)}.lf-controls select{font:inherit;font-size:14px;min-height:44px;background:#130f18;color:#f8efff;border:1px solid #755a82;border-radius:6px;padding:10px;max-width:100%}.lf-controls button,.lf-output button{font:inherit;font-size:14px;min-height:44px;padding:10px 17px;border:1px solid #b584ce;background:#dab0f0;color:#201127;border-radius:6px;cursor:pointer}.lf-controls button:disabled,.lf-output button:disabled{opacity:.5;cursor:default}.lf-caption{font-size:14px;color:#bcaec6;padding:0 28px;line-height:1.6;max-width:940px}.lf-scroll{overflow:auto;max-width:100%;background-color:#0c0f14;background-image:radial-gradient(#88888823 1px,transparent 1px);background-size:20px 20px;overscroll-behavior-x:contain}.lf-board{position:relative;width:1050px;height:780px;margin:0 auto}.lf-board svg{position:absolute;width:1050px;height:780px;inset:0;pointer-events:none}.lf-board path{stroke:#857c9180;stroke-width:1.8;fill:none}.lf-board path.lit{stroke:#e4b7ff;stroke-width:2.5;stroke-dasharray:9 5;animation:flowtravel 1.2s linear infinite}.lf-node{position:absolute;width:210px;height:170px;padding:16px;background:#182332;border:1px solid #435e7d;border-radius:8px;color:#f5f0fa;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:7px;transition:box-shadow .25s,border-color .25s,transform .25s}.lf-node:before,.lf-node:after{content:'';position:absolute;top:83px;width:7px;height:7px;border-radius:50%;background:#b5acbb}.lf-node:before{left:-5px}.lf-node:after{right:-5px}.lf-node small{font-size:11px;letter-spacing:1px;color:#e2d6eb;line-height:1.3}.lf-node strong{font-size:17px;font-weight:500;line-height:1.3}.lf-node>span{font-size:12px;line-height:1.4;color:#c7c1cd}.node-mark{display:grid;place-items:center;background:#0b0e1780;width:44px;height:44px;border-radius:8px;border:1px solid #ffffff28;margin:5px 0}.node-mark span{font-size:23px;color:#ede1fb}.node-mark img{object-fit:contain}.lf-node.green{background:#133328;border-color:#37654f}.lf-node.gold{background:#3b3019;border-color:#766030}.lf-node.purple{background:#302040;border-color:#6c478a}.lf-node.red{background:#3c212c;border-color:#85445e}.lf-node.visited{border-color:#e3b1ff;box-shadow:0 0 18px #be79e230}.lf-node[aria-pressed=true]{outline:2px solid #f3d5ff;outline-offset:4px}.lf-status{padding:18px 28px;color:#dfb4f5;font-size:14px;line-height:1.5;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.lf-bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:30px;padding:28px}.lf-bottom h3{font-size:23px;font-weight:400;margin:0 0 15px}.lf-bottom .work-eyebrow{margin-bottom:15px;color:#cba1dd}.lf-inspector p:not(.work-eyebrow){font-size:16px;line-height:1.7;color:#c2b4ca}.lf-output{min-width:0}.lf-output pre{font:13px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #57435e;border-radius:5px;background:#080910;padding:16px;max-height:260px;overflow:auto;color:#cfbdd8}.lf-output label{font-size:14px;display:block;margin:20px 0 10px}.lf-output textarea{width:100%;font:14px/1.6 Arial,sans-serif;resize:vertical;padding:13px;background:#080910;color:#e4d9ec;border:1px solid #57435e;border-radius:5px;margin-bottom:15px}.lf-output>p{font-size:13px;color:#b5a6be;line-height:1.6}.lf-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:70px 0}.lf-story h2{font-size:36px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin:0 0 20px}.lf-story p:not(.work-eyebrow){font-size:17px;color:var(--muted);line-height:1.75}.lf-setup{max-width:850px;border-top:1px solid var(--border);padding-top:30px}.lf-setup h2{font-size:27px;font-weight:400;margin-top:30px}.lf-setup :is(p,li){font-size:16px;line-height:1.75;color:var(--muted)}.lf-setup li{margin:12px 0}.lf-setup a{display:inline-block;margin-top:15px;color:var(--accent);border-bottom:1px solid;padding-bottom:8px;font-size:14px}.lf-main :is(button,select,textarea,.lf-scroll):focus-visible{outline:2px solid #f0c8ff;outline-offset:4px}@keyframes flowtravel{to{stroke-dashoffset:-28}}@media(max-width:800px){.lf-main{padding:18px 5% 40px}.lf-hero{display:block;padding:25px 0 35px}.lf-hero h1{font-size:clamp(44px,10vw,70px)}.lf-hero p:not(.work-eyebrow){font-size:16px}.lf-download{display:inline-block;margin-top:24px}.lf-toolbar{display:block;padding:22px 18px}.lf-toolbar h2{font-size:25px}.lf-controls{margin-top:22px}.lf-caption{padding:0 18px}.lf-caption:after{content:' Swipe across the canvas to explore all branches.'}.lf-bottom{grid-template-columns:1fr;padding:22px 18px;gap:20px}.lf-status{padding:16px 18px}.lf-story{grid-template-columns:1fr;gap:30px;margin:45px 0}.lf-story h2{font-size:31px}.lf-board{margin:0}.lf-controls button{flex:1}.lf-controls select{flex:1}.lf-setup ul,.lf-setup ol{padding-left:22px}}@media(prefers-reduced-motion:reduce){.lf-board path.lit{animation:none;stroke-dasharray:none}.lf-node{transition:none}}