.live-demo{background:var(--grid-img,radial-gradient(circle at 1px 1px, #2d2a4a17 1px, transparent 0)) 0 0 / var(--grid-size,22px 22px), var(--page,#f4f2ee);color:var(--text,#2d2a4a);position:fixed;inset:0;overflow:hidden}.ld-mono{font-family:var(--font-mono,"Geist Mono", ui-monospace, monospace)}.ld-top{z-index:40;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.ld-top-start,.ld-top-end{align-items:center;gap:10px;display:flex}.ld-brand{color:var(--text,#2d2a4a);font-size:17px;font-weight:700;text-decoration:none}.ld-brand span{color:var(--gold,#e8a838)}.ld-honesty{color:var(--muted,#6b6880);background:var(--surface,#ffffffdb);box-shadow:var(--edge,0 0 0 1px #2d2a4a1a);padding:3px 8px;font-size:10px}.ld-chip{color:var(--muted,#6b6880);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:5px 9px;font-size:13px;text-decoration:none}.ld-chip:hover,.ld-chip:focus-visible{color:var(--text,#2d2a4a);background:var(--surface,#ffffffdb);box-shadow:var(--edge,0 0 0 1px #2d2a4a1a)}.ld-presence{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.ld-avatar{color:#fff;box-shadow:0 0 0 var(--edge-w,1px) var(--ink,#2d2a4a);padding:3px 8px;font-size:10.5px;font-weight:700;animation:.26s steps(5,end) both ld-bloom}.ld-avatar-you{background:var(--ink,#2d2a4a)}.ld-avatar-her{background:var(--gold,#e8a838);color:var(--ink,#2d2a4a)}.ld-viewport{position:absolute;inset:0;overflow:hidden}.ld-world{inset-block-start:0;transform-origin:0 0;transition:transform 1.1s var(--ease,cubic-bezier(.22, .61, .36, 1));pointer-events:none;position:absolute;left:0}.ld-wires{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}html[data-pixel=full] .ld-wires .wire{stroke-width:3px;stroke-dasharray:2400;stroke-dashoffset:0;animation:.8s steps(18,end) both ld-draw}@keyframes ld-draw{0%{stroke-dashoffset:2400px}to{stroke-dashoffset:0}}.ld-wiretag{z-index:3;font-family:var(--font-mono,"Geist Mono", ui-monospace, monospace);color:var(--amber-text,#8a6d1f);background:var(--surface-solid,#fff);box-shadow:0 0 0 var(--edge-w,1px) var(--amber-line,#e8a83873);white-space:nowrap;padding:2px 7px;font-size:10px;animation:.26s steps(5,end) both ld-bloom;position:absolute;transform:translate(-50%,-50%)}.ld-card{z-index:2;animation:.3s steps(6,end) both ld-bloom;position:absolute}.ld-card .stage-frame{box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop,0 10px 30px -12px #2d2a4a4d);background:var(--surface-solid,#fff)}.ld-card .stage-bar{box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop-bar,0 6px 20px -8px #2d2a4a52);background:var(--surface-solid,#fff)}.ld-card .stage-title{font-size:13.5px;font-weight:700}@keyframes ld-bloom{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.ld-empty{place-items:center;display:grid;position:absolute;inset:0}.ld-empty .ld-mono{color:var(--muted,#6b6880);font-size:10.5px}.ld-running{background:repeating-linear-gradient(90deg, transparent 0 12px, #e8a83829 12px 24px), var(--frame-bg,#eeebe6);animation:.9s steps(8,end) infinite ld-scan;position:absolute;inset:0}@keyframes ld-scan{0%{background-position:0 0,0 0}to{background-position:48px 0,0 0}}.ld-textbody{flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;display:flex;position:absolute;inset:0}.ld-textbody p{color:var(--text,#2d2a4a);margin:0;font-size:13px;line-height:1.75}.ld-dialect{padding-block-end:34px}.ld-dialect .ld-dialect-line{font-size:14.5px;font-weight:600;animation:.26s steps(5,end) both ld-bloom}.ld-gloss{font-family:var(--font-mono,"Geist Mono", ui-monospace, monospace);color:var(--muted,#6b6880);font-size:10px}.ld-dialect-chips{gap:4px;display:flex;position:absolute;inset-block-end:8px;inset-inline-start:8px}.ld-dialect-chips i{color:var(--muted,#6b6880);background:var(--surface,#ffffffdb);box-shadow:0 0 0 var(--edge-w,1px) var(--line,#2d2a4a1a);padding:2px 7px;font-size:9.5px;font-style:normal}.ld-dialect-chips i.on{color:var(--ink,#2d2a4a);background:var(--gold,#e8a838);box-shadow:0 0 0 var(--edge-w,1px) var(--ink,#2d2a4a);font-weight:700}.ld-holder{color:#fff;box-shadow:0 0 0 var(--edge-w,1px) var(--ink,#2d2a4a);padding:2px 7px;font-size:10px;font-weight:700;animation:.22s steps(4,end) both ld-bloom;position:absolute;inset-block-start:8px;inset-inline-end:8px}.ld-status[data-phase=done]{color:var(--gold,#e8a838)}.ld-status[data-phase=running]{color:var(--amber-text,#8a6d1f)}.stage-bar .ld-mono{font-size:10px}.ld-sprite{z-index:3;transition:left .9s linear,top .9s linear;position:absolute;transform:translate(-50%,-100%)}.ld-cursor{z-index:5;transition:left 1s var(--ease,cubic-bezier(.22, .61, .36, 1)), top 1s var(--ease,cubic-bezier(.22, .61, .36, 1));animation:.26s steps(5,end) both ld-bloom;position:absolute}.ld-cursor-name{color:#fff;white-space:nowrap;box-shadow:0 0 0 var(--edge-w,1px) var(--ink,#2d2a4a);padding:2px 7px;font-size:10px;font-weight:700;position:absolute;inset-block-start:18px;inset-inline-start:14px}.ld-comment{z-index:4;background:var(--surface-solid,#fff);width:230px;box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop,0 10px 30px -12px #2d2a4a4d);padding:10px 12px;animation:.3s steps(6,end) both ld-bloom;position:absolute}.ld-comment-name{margin-block-end:4px;font-size:10px;font-weight:700;display:block}.ld-comment p{margin:0;font-size:12px;line-height:1.65}.ld-comment .ld-gloss{margin-block-start:5px}.ld-chat{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;inset-block-start:26%;inset-inline:0}.ld-chat-pill{background:var(--surface-solid,#fff);width:min(560px,100vw - 32px);box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop,0 10px 30px -12px #2d2a4a4d);padding:13px 18px;font-size:13.5px;line-height:1.7;animation:.3s steps(6,end) both ld-bloom}.ld-chat-placeholder{color:var(--muted,#6b6880)}.ld-caret{vertical-align:-2px;background:var(--gold,#e8a838);width:8px;height:14px;margin-inline-start:2px;animation:.7s steps(2,jump-none) infinite ld-blink;display:inline-block}@keyframes ld-blink{0%{opacity:1}to{opacity:0}}.ld-chat-reply{background:var(--surface,#ffffffdb);width:min(560px,100vw - 32px);box-shadow:var(--edge,0 0 0 1px #2d2a4a1a);padding:10px 18px;animation:.3s steps(6,end) both ld-bloom}.ld-chat-her{color:var(--gold,#e8a838);font-size:10.5px;font-weight:700}.ld-chat-reply p{margin:3px 0 0;font-size:13px;line-height:1.7}.ld-console{z-index:35;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;inset-block-end:16px;inset-inline:0}.ld-caption{background:var(--surface-solid,#fff);width:min(680px,100vw - 24px);box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop-bar,0 6px 20px -8px #2d2a4a52);align-items:baseline;gap:10px;padding:11px 16px 9px;display:flex}.ld-caption-her{color:var(--gold,#e8a838);flex:none;font-size:10.5px;font-weight:700}.ld-caption p{margin:0;font-size:14px;line-height:1.7;animation:.24s steps(5,end) both ld-bloom}.ld-controls{background:var(--surface,#ffffffdb);width:min(680px,100vw - 24px);box-shadow:var(--edge,0 0 0 1px #2d2a4a1a);align-items:center;gap:2px;padding:6px 10px;display:flex}.ld-play{background:var(--ink,#2d2a4a);width:34px;height:30px;color:var(--warm,#faf9f7);cursor:pointer;border:0;place-items:center;font-size:14px;line-height:1;display:grid}.ld-play:active{transform:translateY(1px)}.ld-step{color:var(--muted,#6b6880);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:16px;line-height:1}.ld-step:hover{color:var(--text,#2d2a4a)}.ld-chapters{gap:2px;margin-inline-start:8px;display:flex}.ld-chapters button{color:var(--muted,#6b6880);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 9px;font-size:12px}.ld-chapters button:hover{color:var(--text,#2d2a4a)}.ld-chapters button.on{color:var(--text,#2d2a4a);box-shadow:inset 0 -2px 0 0 var(--gold,#e8a838);font-weight:700}.ld-counter{color:var(--muted,#6b6880);padding-inline-end:4px;font-size:10px}.ld-progress{background:var(--line,#2d2a4a1a);width:min(680px,100vw - 24px);height:3px}.ld-progress i{background:var(--gold,#e8a838);height:100%;transition:width .4s var(--ease,cubic-bezier(.22, .61, .36, 1));display:block}.ld-cta{z-index:50;background:color-mix(in srgb, var(--page,#f4f2ee) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:absolute;inset:0}.ld-cta-card{background:var(--surface-solid,#fff);width:min(460px,100vw - 32px);box-shadow:0 0 0 2px var(--ink,#2d2a4a), var(--drop,0 10px 30px -12px #2d2a4a4d);text-align:center;padding:26px 26px 22px;animation:.3s steps(6,end) both ld-bloom}.ld-cta-card h1{margin:0 0 8px;font-size:21px}.ld-cta-card p{color:var(--muted,#6b6880);margin:0 0 18px;font-size:13.5px;line-height:1.75}.ld-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.ld-btn{font:inherit;color:var(--text,#2d2a4a);box-shadow:inset 0 0 0 var(--edge-w,1px) var(--line-strong,#2d2a4a2e);cursor:pointer;background:0 0;border:0;padding:9px 16px;font-size:13.5px;font-weight:700;text-decoration:none}.ld-btn:hover{box-shadow:inset 0 0 0 var(--edge-w,1px) var(--ink,#2d2a4a)}.ld-btn:active{transform:translateY(1px)}.ld-btn-gold{background:var(--gold,#e8a838);color:var(--ink,#2d2a4a);box-shadow:0 0 0 2px var(--ink,#2d2a4a)}.ld-btn-gold:hover{box-shadow:0 0 0 2px var(--ink,#2d2a4a);filter:brightness(1.05)}@media (max-width:720px){.ld-honesty{padding:2px 6px;font-size:9px}.ld-top{padding:10px}.ld-presence{position:absolute;inset-block-start:46px;inset-inline:0}.ld-chat{inset-block-end:148px}.ld-caption p{font-size:13px}.ld-chapters button{padding:5px 6px;font-size:11px}}@media (prefers-reduced-motion:reduce){.ld-world,.ld-sprite,.ld-cursor,.ld-progress i{transition:none}.ld-card,.ld-avatar,.ld-wiretag,.ld-comment,.ld-cursor,.ld-chat-pill,.ld-chat-reply,.ld-caption p,.ld-cta-card,.ld-holder,.ld-dialect .ld-dialect-line,html[data-pixel=full] .ld-wires .wire,.ld-running,.ld-caret{animation:none}}