.ls{flex-direction:column;gap:22px;min-width:0;display:flex}.ls-stack{flex-direction:column;gap:10px;padding-left:24px;display:flex;position:relative}.ls-rail{background:linear-gradient(#f97316,#4f2c2c 22% 78%,#61cc80);border-radius:2px;width:2px;position:absolute;top:32px;bottom:32px;left:7px}.ls-rail i{background:#fdba74;border-radius:50%;width:8px;height:8px;animation:4.8s linear infinite lsDrop;position:absolute;top:0;left:-3px;box-shadow:0 0 12px 2px #f97316b3}.ls-card{box-sizing:border-box;text-align:left;width:100%;font:inherit;color:#fff7ed;background:#1b0c0d;border:1px solid #3d1f20;border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:6px 14px;margin:0;padding:14px 16px;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,box-shadow .3s;display:grid;position:relative}button.ls-card{cursor:pointer;appearance:none}.ls-card:focus-visible{outline-offset:3px;outline:2px solid #fdba74}.ls-card:before{content:"";box-sizing:border-box;background:#14080a;border:2px solid #4f2c2c;border-radius:50%;width:10px;height:10px;transition:border-color .3s,background .3s;position:absolute;top:28px;left:-22px}.ls-card[data-on=true]{border-color:var(--c);background:#24100f}.ls-card[data-on=true]:before{border-color:var(--c);background:var(--c)}.ls-card[data-done=true]:before{background:#61cc80;border-color:#61cc80}.ls-ico{width:42px;height:42px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,#14080a);border:1px solid color-mix(in srgb,var(--c) 38%,#14080a);border-radius:12px;grid-row:1;place-items:center;display:grid}.ls-ico svg{width:22px;height:22px;display:block}.ls-main{flex-direction:column;gap:3px;min-width:0;display:flex}.ls-name{letter-spacing:-.02em;align-items:baseline;gap:10px;font-size:18px;font-weight:600;line-height:1.2;display:flex}.ls-name em{font-family:var(--font-mono);letter-spacing:.06em;color:var(--c);font-size:11px;font-style:normal;font-weight:400}.ls-mean{color:#cbb7a8;font-size:14px;line-height:1.4}.ls-status{font-family:var(--font-mono);color:var(--sc,#927a6d);grid-column:2;align-items:center;gap:8px;font-size:12px;line-height:1.3;display:flex}.ls-status i{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.ls-card[data-on=true] .ls-status i{animation:1s infinite rdPulse}.ls-detail{grid-column:1/-1;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1);display:grid}.ls-card[data-on=true] .ls-detail{grid-template-rows:1fr}.ls-detail>span{min-height:0;overflow:hidden}.ls-detail .ls-ex{border-left:2px solid var(--c);color:#e7d5c3;background:#14080ab3;border-radius:10px;margin:8px 0 2px;padding:12px 14px;font-size:14.5px;line-height:1.5;display:block}.ls-detail b{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:4px;font-size:10.5px;font-weight:400;display:block}.ls-sweep{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ls-sweep:after{content:"";background:linear-gradient(90deg,#0000,#fdba7438,#0000);width:28%;animation:1.1s linear infinite lsSweep;position:absolute;top:0;bottom:0;left:-30%}.ls-flow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#927a6d;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-left:24px;font-size:11px;display:flex}.ls-flow span{color:#cbb7a8;border:1px solid #3d1f20;border-radius:999px;padding:6px 11px;animation:4.8s linear infinite lsStep}.ls-flow span:nth-of-type(2){animation-delay:1.6s}.ls-flow span:nth-of-type(3){animation-delay:3.2s}.ls-flow b{color:#f97316;font-weight:400}.ls-foot{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#927a6d;padding-left:24px;font-size:12px}.ls-foot b{color:#fdba74;font-weight:400}@keyframes lsDrop{0%{opacity:0;top:0}6%{opacity:1}94%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}@keyframes lsSweep{0%{left:-30%}to{left:110%}}@keyframes lsStep{0%,30%{color:#fff7ed;border-color:#f97316}36%,to{color:#cbb7a8;border-color:#3d1f20}}@media (min-width:640px){.ls-card{grid-template-columns:42px minmax(0,1fr) auto;padding:16px 20px}.ls-status{white-space:nowrap;grid-area:1/3}.ls-scene{perspective:1600px;padding:12px 4% 20px 0}.ls-stack{transform-style:preserve-3d;transform:rotateX(5deg)rotateY(-6deg)}.ls-card{box-shadow:0 6px 0 -1px #0c0405,0 7px 0 -1px #3d1f20,0 22px 26px -16px #000000bf}.ls-card[data-on=true]{box-shadow:0 6px 0 -1px #0c0405,0 7px 0 -1px var(--c),0 30px 40px -18px #000000d9;transform:translateZ(22px)}}@media (min-width:1024px){.ls-scene{perspective:1500px;padding:24px 7% 44px 0}.ls-stack{gap:13px;transform:rotateX(15deg)rotateY(-17deg)rotate(1.5deg)}.ls-card{box-shadow:0 9px 0 -1px #0c0405,0 10px 0 -1px #3d1f20,0 28px 30px -18px #000c}.ls-card[data-on=true]{box-shadow:0 9px 0 -1px #0c0405,0 10px 0 -1px var(--c),0 44px 50px -22px #000000e6,0 0 44px -14px var(--c);transform:translateZ(56px)}}@media (prefers-reduced-motion:reduce){.ls-card,.ls-detail,.ls-card:before{transition:none}.ls-rail i,.ls-sweep{display:none}.ls-flow span,.ls-card[data-on=true] .ls-status i{animation:none}}.dm{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.dm-win{background:#0e0506;border:1px solid #3d1f20;border-radius:14px;align-self:start;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 50px -24px #000c}.dm-bar{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#927a6d;background:#1b0c0d;border-bottom:1px solid #2a1315;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex}.dm-bar i{background:#4f2c2c;border-radius:50%;width:7px;height:7px}.dm-bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:6px;overflow:hidden}.dm-screen{background:#17090a;display:block}.dm-ui .dm-screen{aspect-ratio:var(--ar-ui)}.dm-sys .dm-screen{aspect-ratio:var(--ar-sys)}.dm-screen img{object-fit:cover;width:100%;height:100%;display:block}.dm-spec{box-sizing:border-box;min-width:0;font-family:var(--font-mono);background:#1b0c0d;border:1px solid #3d1f20;border-radius:14px;padding:16px 18px;font-size:12.5px;line-height:1.5}.dm-spec div{border-bottom:1px solid #2a1315;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:5px 0;display:grid}.dm-spec dt{color:#fdba74}.dm-spec dd{color:#e7d5c3;overflow-wrap:anywhere;margin:0}.dm-spec dl{margin:0}.dm-spec small{letter-spacing:.1em;text-transform:uppercase;color:#78625a;padding-top:10px;font-size:10px;display:block}@media (min-width:640px) and (max-width:1023.98px){.dm{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:720px;margin:0 auto}.dm-ui{background:#0e0506;border-color:#4f2c2c;border-radius:30px;grid-column:1/-1;padding:16px;position:relative}.dm-ui:before{content:"";background:#3d1f20;border-radius:50%;width:5px;height:5px;margin-left:-2px;position:absolute;top:6px;left:50%}.dm-ui .dm-bar{border-radius:10px 10px 0 0}.dm-ui .dm-screen{border-radius:0 0 10px 10px;overflow:hidden}.dm-sys,.dm-spec{align-self:start}}@media (min-width:1024px){.dm{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 18px;padding:0 3% 0 5%}.dm-ui{border-width:6px;border-color:#2a1315;border-radius:14px 14px 4px 4px;grid-area:1/1/auto/-1;position:relative;overflow:visible}.dm-ui .dm-bar{border-radius:8px 8px 0 0}.dm-ui:after{content:"";background:linear-gradient(#3d1f20,#1b0c0d);border-radius:2px 2px 14px 14px;height:11px;position:absolute;top:calc(100% + 6px);left:-7%;right:-7%}.dm-sys{z-index:2;grid-area:2/7/auto/-1;margin-top:-38%;box-shadow:0 30px 60px -20px #000000e6}.dm-spec{grid-area:2/1/auto/7;align-self:start;margin-top:40px}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.dm{perspective:1600px}.dm-ui{transform:rotateY(-5deg)rotateX(2deg)}.dm-sys{transform:translate3d(0,calc((1 - var(--p,1)) * 34px),50px) rotateY(-5deg)}.dm-spec{transform:translateY(calc((1 - var(--p,1)) * 16px))}}
