.sys-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sys-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px 24px 22px;border:1px solid var(--chrome-edge);border-radius:14px;background:var(--surface);transition:border-color .2s,box-shadow .25s var(--ease)}.sys-card:hover{border-color:var(--rule);box-shadow:0 18px 40px -28px rgba(30,50,110,.35)}.sys-card--wide{grid-column:1 / -1}@supports (grid-template-rows: subgrid){.sys-card:not(.sys-card--wide){display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:12px;align-content:start}.sys-card:not(.sys-card--wide)>.sys-diagram{align-self:stretch}}.sys-card__n{font-size:12px;color:var(--accent-ink)}.sys-card__n::before{content:"";display:inline-block;width:14px;height:1px;background:var(--accent);vertical-align:middle;margin-right:8px}.sys-card__title{font-size:20px;font-weight:600;letter-spacing:-.02em}.sys-card__text{font-size:14.5px;color:var(--dim)}.sys-diagram{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px;padding:14px;border-radius:12px;background:var(--tint);border:1px dashed var(--chrome-edge)}.sys-flow{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}.sys-node{position:relative;font-size:12px;padding:6px 10px;border-radius:7px;border:1px solid var(--chrome-edge);background:var(--surface);color:var(--ink);white-space:nowrap;animation:sys-lit 7s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}.sys-node--hot{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.sys-node--out{background:rgba(18,183,106,.08);border-color:rgba(18,183,106,.45);color:#0b7a47}@keyframes sys-lit{0%,10%,100%{box-shadow:0 0 0 0 rgba(242,178,60,0)}4%{box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(242,178,60,.25)}}.sys-link{position:relative;width:20px;height:1px;background:var(--rule);flex-shrink:0}.sys-link::after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:0;animation:sys-packet 1.8s linear infinite;animation-delay:calc(var(--i) * .22s)}@keyframes sys-packet{0%{left:-2px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 3px);opacity:0}}.sys-ways__title{margin-top:6px;font-size:12px;color:var(--mute);text-transform:lowercase}.sys-ways li{background:var(--surface)}.sys-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:14px;color:var(--ink)}.sys-list li{display:flex;gap:10px}.sys-list li::before{content:"—";color:var(--accent-ink);flex-shrink:0}.sys-note{margin-top:auto;padding-top:12px;border-top:1px dashed var(--chrome-edge);font-size:12.5px;color:var(--mute)}.sys-infra{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center}.sys-infra>div{display:flex;flex-direction:column;gap:12px;min-width:0}.sys-stack{display:flex;flex-direction:column;margin-top:6px}.sys-layer{min-width:0;padding:11px 14px;border-radius:10px;border:1px solid var(--chrome-edge);background:var(--surface);opacity:0;animation:sys-rise .6s var(--ease) forwards;animation-delay:calc(.1s + var(--i) * .12s)}.sys-layer__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sys-layer__row b{font-size:14px;font-weight:600}.sys-layer__row span{font-size:12px;color:var(--mute)}.sys-layer--app{background:var(--accent-soft);border-color:var(--accent)}.sys-layer__inner{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sys-layer__inner span{font-size:12px;padding:4px 9px;border-radius:6px;background:var(--surface);border:1px solid rgba(154,100,0,.2);animation:sys-blink 3.5s ease-in-out infinite;animation-delay:calc(var(--j) * .5s)}@keyframes sys-blink{0%,80%,100%{border-color:rgba(154,100,0,.2)}40%{border-color:var(--accent)}}@keyframes sys-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sys-vlink{position:relative;align-self:center;width:1px;height:18px;background:var(--rule)}.sys-vlink i{position:absolute;left:-2px;top:0;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:sys-down 1.6s linear infinite}@keyframes sys-down{0%{top:-2px;opacity:0}20%,80%{opacity:1}100%{top:calc(100% - 3px);opacity:0}}.sys-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:16px;border:1px solid rgba(242,178,60,.45);background:linear-gradient(120deg,var(--accent-soft),var(--surface) 72%)}.sys-cta .kicker{margin-bottom:10px;color:var(--accent-ink)}.sys-cta__title{font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.15}.sys-cta__text{margin-top:8px;color:var(--dim);max-width:56ch;font-size:15px}.sys-cta .btn{flex-shrink:0}.lay{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:center}.lay-diagram{min-width:0;display:flex;flex-direction:column;align-items:center;padding:32px 24px;border:1px solid var(--chrome-edge);border-radius:16px;background:var(--surface)}.lay-node{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--chrome-edge);background:var(--surface);font-size:14px;font-weight:500;color:var(--ink);transition:border-color .2s,background-color .2s,box-shadow .25s var(--ease),transform .2s var(--ease)}.lay-node:hover{transform:translateY(-1px);border-color:var(--rule)}.lay-node.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 4px rgba(242,178,60,.18)}.lay-node__dot{width:7px;height:7px;border-radius:50%;background:var(--mute);transition:background-color .2s}.lay-node.is-active .lay-node__dot{background:var(--accent);animation:g-dot 1.6s ease-in-out infinite}.lay-node--wide{min-width:240px}.lay-v{position:relative;width:1px;height:24px;background:var(--rule)}.lay-v i,.lay-split span::before{position:absolute;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:sys-down 1.5s linear infinite}.lay-v i{top:0;animation-delay:calc(var(--i) * .25s)}.lay-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:560px}.lay-row .lay-node{min-width:0;width:100%}.lay-split{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:560px;height:26px}.lay-split::after{content:"";position:absolute;left:calc((100% - 28px) / 6);right:calc((100% - 28px) / 6);height:1px;background:var(--rule)}.lay-split--down::after{top:0}.lay-split--up::after{bottom:0}.lay-split span{position:relative}.lay-split span::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--rule)}.lay-split span::before{content:"";left:calc(50% - 2px);top:0;z-index:1}.lay-split span:nth-child(2)::before{animation-delay:.3s}.lay-split span:nth-child(3)::before{animation-delay:.6s}.lay-split--up span::before{animation-delay:.9s}.lay-panel{min-width:0;padding:28px;border-radius:16px;border:1px solid var(--chrome-edge);background:var(--surface);box-shadow:0 24px 50px -36px rgba(30,50,110,.45)}.lay-panel.is-swap{animation:sys-rise .4s var(--ease)}.lay-panel__k{font-size:12px;color:var(--accent-ink);margin-bottom:12px}.lay-panel__t{font-size:24px;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}.lay-panel__d{font-size:15.5px;color:var(--dim)}.stk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center}.stk-radial{position:relative;width:100%;max-width:540px;aspect-ratio:1;margin:0 auto}.stk-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stk-lines line{stroke:var(--chrome-line);stroke-width:1.2;transition:stroke .25s}.stk-lines line.is-active{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 5;animation:stk-dash 1s linear infinite}@keyframes stk-dash{to{stroke-dashoffset:-18}}.stk-hub{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:clamp(13px,1.5vw,17px);text-align:center;padding:8px;box-shadow:0 0 0 10px rgba(242,178,60,.16),0 0 0 22px rgba(242,178,60,.07);animation:stk-pulse 3s ease-in-out infinite}@keyframes stk-pulse{50%{box-shadow:0 0 0 14px rgba(242,178,60,.12),0 0 0 30px rgba(242,178,60,.04)}}.stk-group{position:absolute;transform:translate(-50%,-50%);z-index:1;padding:9px 14px;border-radius:10px;border:1px solid var(--chrome-edge);background:var(--surface);font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap;box-shadow:0 8px 20px -14px rgba(30,50,110,.4);opacity:0;animation:stk-in .6s var(--ease) forwards;animation-delay:calc(.1s + var(--i) * .08s);transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s}.stk-group:hover{border-color:var(--ink)}.stk-group.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 4px rgba(242,178,60,.18)}.stk-group sup{font-size:12px;color:var(--mute);margin-left:4px}@keyframes stk-in{from{opacity:0;transform:translate(-50%,-40%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%)}}.stk-panel{min-width:0;min-height:190px;padding:26px;border-radius:16px;border:1px solid var(--chrome-edge);background:var(--surface)}.stk-panel__k{font-size:12px;color:var(--accent-ink);margin-bottom:16px}.stk-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.stk-tools li{font-size:13px;padding:7px 12px;border-radius:8px;border:1px solid var(--chrome-edge);background:var(--tint);opacity:0;animation:sys-rise .45s var(--ease) forwards;animation-delay:calc(var(--j) * .05s)}.exp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}.exp__big{white-space:nowrap;font-size:clamp(48px,6.2vw,84px);font-weight:700;letter-spacing:-.045em;line-height:.95;color:var(--accent-ink)}.exp__title{margin-top:14px;font-size:clamp(24px,2.8vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.15}.exp__text{margin-top:12px;color:var(--dim);font-size:16px;max-width:42ch}.exp-line{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:22px}.exp-line::before,.exp-line::after{content:"";position:absolute;z-index:0;left:17px;top:18px;bottom:18px;width:1px}.exp-line::before{background:var(--chrome-edge)}.exp-line::after{background:var(--accent);transform-origin:top;animation:exp-fill 2.4s var(--ease) .2s both}@keyframes exp-fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}.exp-step{position:relative;z-index:1;display:flex;gap:18px;opacity:0;animation:sys-rise .6s var(--ease) forwards;animation-delay:calc(.2s + var(--i) * .35s)}.exp-step__n{position:relative;z-index:1;flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--accent);font-size:12px;color:var(--accent-ink);box-shadow:0 0 0 4px #fff}.exp-step h3{font-size:17px;font-weight:600;margin:6px 0 4px}.exp-step p{font-size:14.5px;color:var(--dim)}@media(max-width:1024px){.lay,.stk{grid-template-columns:minmax(0,1fr)}.stk-radial{max-width:480px}}@media(max-width:860px){.sys-grid,.sys-infra,.exp{grid-template-columns:minmax(0,1fr)}.sys-infra,.exp{gap:28px}.sys-cta{flex-direction:column;align-items:flex-start;padding:24px}}@media(max-width:720px){.sys-card{padding:20px 18px}.sys-diagram{padding:12px}.sys-node{white-space:normal}.sys-link{width:14px}.lay-diagram{padding:22px 12px}.lay-node{min-width:0;width:100%;max-width:260px;font-size:13px;height:44px;padding:0 8px}.lay-row{gap:8px}.lay-row .lay-node{font-size:12px;gap:5px}.lay-row .lay-node__dot{display:none}.lay-split{gap:8px}.lay-split::after{left:calc((100% - 16px) / 6);right:calc((100% - 16px) / 6)}.lay-panel{padding:22px}.stk-radial{aspect-ratio:auto;max-width:none;display:flex;flex-wrap:wrap;gap:8px}.stk-lines{display:none}.stk-hub{position:static;transform:none;width:100%;aspect-ratio:auto;border-radius:12px;padding:12px;box-shadow:none;animation:none}.stk-group{position:static;transform:none;animation-name:sys-rise;left:auto!important;top:auto!important}}@media(prefers-reduced-motion:reduce){.sys-node,.sys-link::after,.sys-vlink i,.sys-layer__inner span,.lay-v i,.lay-split span::before,.lay-node.is-active .lay-node__dot,.stk-lines line.is-active,.stk-hub{animation:none!important}.sys-link::after,.sys-vlink i,.lay-v i,.lay-split span::before{display:none}.sys-layer,.stk-group,.stk-tools li,.exp-step{opacity:1;animation:none!important}.exp-line::after{animation:none}.lay-panel.is-swap{animation:none}}@media(max-width:720px){.stk-radial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stk-hub{grid-column:1 / -1;justify-self:start;width:auto;padding:0 0 4px;background:none;border:0;color:var(--dim);font:500 12px var(--font-mono);text-transform:lowercase;box-shadow:none}.stk-hub span::before{content:"// ";color:var(--accent-ink)}.stk-group{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:10px;font-size:14px;text-align:left;white-space:nowrap}.stk-group sup{position:static;margin-left:auto;font-size:12px;color:var(--mute)}.stk-group.is-active sup{color:var(--accent-ink)}.stk-group:last-child:nth-child(odd){grid-column:1 / -1}.stk-panel{margin-top:4px}}@media(max-width:360px){.stk-group{font-size:13px;padding:11px 10px}}.sys-flow{--cols: 3;--gap: 16px;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gap);row-gap:10px;align-items:stretch}.sys-flow+.sys-flow{margin-top:12px;padding-top:12px;border-top:1px dashed var(--chrome-edge)}.sys-flow .sys-node{display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.3;min-height:34px;padding:6px 8px}.sys-flow .sys-node::after{content:"";position:absolute;left:100%;top:50%;width:var(--gap);height:6px;margin-top:-3px;pointer-events:none;background:radial-gradient(circle,var(--accent) 2.4px,transparent 3px) 0 50% / 6px 6px no-repeat,linear-gradient(var(--rule),var(--rule)) center / 100% 1px no-repeat;animation:sys-dot 1.8s linear infinite;animation-delay:calc(var(--i) * .22s)}@keyframes sys-dot{from{background-position:-6px 50%,center}to{background-position:calc(100% + 6px) 50%,center}}.sys-flow .sys-node:last-child::after,.sys-flow .sys-node:nth-child(3n)::after{content:none}.sys-flow .sys-node:nth-child(3n+1):not(:first-child)::before{content:"↳";position:absolute;left:7px;color:var(--accent-ink);font-size:12px}.sys-flow .sys-node:nth-child(3n+1):not(:first-child){padding-left:20px}@media(max-width:720px){.sys-flow{--cols: 2;--gap: 12px}.sys-flow .sys-node:nth-child(3n)::after{content:""}.sys-flow .sys-node:nth-child(2n)::after,.sys-flow .sys-node:last-child::after{content:none}.sys-flow .sys-node:nth-child(3n+1):not(:first-child)::before{content:none}.sys-flow .sys-node:nth-child(3n+1):not(:first-child){padding-left:8px}.sys-flow .sys-node:nth-child(2n+1):not(:first-child)::before{content:"↳";position:absolute;left:7px;color:var(--accent-ink);font-size:12px}.sys-flow .sys-node:nth-child(2n+1):not(:first-child){padding-left:20px}}@media(prefers-reduced-motion:reduce){.sys-flow .sys-node::after{animation:none;background-position:-6px 50%,center}}.stk-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.stk-tools li{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}@media(max-width:720px){.stk-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.sys-flow .sys-node:last-child:nth-child(3n+1){grid-column:1 / -1}.sys-flow .sys-node:last-child:nth-child(3n+2){grid-column:span 2}.stk-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.stk-tools li:last-child:nth-child(3n+1){grid-column:1 / -1}.stk-tools li:last-child:nth-child(3n+2){grid-column:span 2}@media(max-width:720px){.sys-flow .sys-node:last-child:nth-child(3n+1),.sys-flow .sys-node:last-child:nth-child(3n+2){grid-column:auto}.sys-flow .sys-node:last-child:nth-child(2n+1){grid-column:1 / -1}.stk-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.stk-tools li:last-child:nth-child(3n+1),.stk-tools li:last-child:nth-child(3n+2){grid-column:auto}.stk-tools li:last-child:nth-child(2n+1){grid-column:1 / -1}}.sys-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sys-ways li{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}.sys-ways li:last-child:nth-child(3n+1){grid-column:1 / -1}.sys-ways li:last-child:nth-child(3n+2){grid-column:span 2}@media(max-width:720px){.sys-ways{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-ways li:last-child:nth-child(3n+1),.sys-ways li:last-child:nth-child(3n+2){grid-column:auto}.sys-ways li:last-child:nth-child(2n+1){grid-column:1 / -1}}.sys-card>.sys-diagram{display:flex;flex-direction:column}.sys-card>.sys-diagram .sys-ways{flex:1;grid-auto-rows:1fr;align-content:stretch;margin-bottom:0}@keyframes sys-dot-v{from{background-position:50% -6px,center}to{background-position:50% calc(100% + 6px),center}}@media(max-width:720px){.sys-flow{grid-template-columns:minmax(0,1fr);row-gap:16px}.sys-flow .sys-node,.sys-flow .sys-node:nth-child(n):not(:first-child){grid-column:1 / -1;padding:8px 12px;min-height:36px}.sys-flow .sys-node::before,.sys-flow .sys-node:nth-child(n):not(:first-child)::before{content:none!important}.sys-flow .sys-node::after,.sys-flow .sys-node:nth-child(n)::after{content:"";left:50%;top:100%;width:6px;height:16px;margin:0 0 0 -3px;background:radial-gradient(circle,var(--accent) 2.4px,transparent 3px) 50% 0 / 6px 6px no-repeat,linear-gradient(var(--rule),var(--rule)) center / 1px 100% no-repeat;animation-name:sys-dot-v}.sys-flow .sys-node:last-child::after{content:none}.sys-layer__inner{justify-content:center}}.sys-flow .sys-node,.sys-flow .sys-node--hot,.sys-flow .sys-node--out{animation:none;background:var(--surface);border-color:var(--chrome-edge);color:var(--dim);transition:color .45s,border-color .45s,background-color .45s,box-shadow .45s,transform .45s cubic-bezier(.3,1.3,.5,1)}.sys-node__t{position:relative;z-index:1}.sys-node__fill,.sys-layer__fill{position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;z-index:1;pointer-events:none;background:var(--accent);box-shadow:0 0 8px rgba(242,178,60,.7);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.65,0,.25,1),background-color .45s,box-shadow .45s}.is-active>.sys-node__fill,.is-done>.sys-node__fill,.is-win>.sys-node__fill,.is-active>.sys-layer__fill,.is-done>.sys-layer__fill,.is-win>.sys-layer__fill{transform:scaleX(1)}.sys-flow .sys-node.is-active,.sys-flow .sys-node.is-done{color:var(--ink);border-color:rgba(242,178,60,.45)}.sys-flow .sys-node.is-active{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(242,178,60,.75)}.sys-flow .sys-node--hot.is-active,.sys-flow .sys-node--hot.is-done{background:var(--accent-soft);color:var(--accent-ink)}.sys-flow .sys-node:nth-child(n)::after{animation:none;transition:background-size .26s linear,filter .3s;background:linear-gradient(var(--accent),var(--accent)) left center / 0% 2px no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) center / 100% 1px no-repeat}.sys-flow .sys-node.is-flow:nth-child(n)::after{background-size:100% 2px,100% 1px;filter:drop-shadow(0 0 3px rgba(242,178,60,.8))}.sys-flow .sys-node:nth-child(3n+1):not(:first-child)::before{color:var(--rule);transition:color .45s}.sys-flow .sys-node.is-active:nth-child(n)::before,.sys-flow .sys-node.is-done:nth-child(n)::before{color:var(--accent-ink)}@media(max-width:720px){.sys-flow .sys-node:nth-child(n)::after{background:linear-gradient(var(--accent),var(--accent)) center top / 2px 0% no-repeat,linear-gradient(var(--chrome-edge),var(--chrome-edge)) center / 1px 100% no-repeat}.sys-flow .sys-node.is-flow:nth-child(n)::after{background-size:2px 100%,1px 100%}}.sys-flow .sys-node--out,.sys-flow .sys-node--out:nth-child(n):not(:first-child){padding-left:24px;padding-right:24px}.sys-node__ok,.sys-layer__ok{position:absolute;z-index:1;font-style:normal;pointer-events:none;opacity:0;transition:opacity .3s .3s,transform .45s .3s cubic-bezier(.3,1.6,.5,1)}.sys-node__ok{right:9px;top:50%;transform:translateY(-50%) scale(.3);font-size:12px;font-weight:700;color:#12b76a}.sys-node.is-win .sys-node__ok{opacity:1;transform:translateY(-50%) scale(1)}.sys-flow .sys-node.is-win{color:#0b7a47;border-color:rgba(18,183,106,.7);background:rgba(18,183,106,.1);animation:sys-win 1.6s ease-out forwards}:root[data-theme=dark] .sys-flow .sys-node.is-win{color:#5ee0a8}.is-win>.sys-node__fill,.is-win>.sys-layer__fill{background:#12b76a;box-shadow:0 0 10px rgba(18,183,106,.8)}@keyframes sys-win{0%{box-shadow:0 0 0 0 rgba(18,183,106,.5)}50%{box-shadow:0 0 0 10px rgba(18,183,106,0),0 0 24px rgba(18,183,106,.45)}100%{box-shadow:0 0 0 3px rgba(18,183,106,.14),0 0 16px rgba(18,183,106,.28)}}.sys-ways li{color:var(--dim);transition:border-color .4s,color .4s,background-color .4s,transform .4s cubic-bezier(.3,1.4,.5,1)}.sys-ways li.is-on{border-color:var(--rule);color:var(--ink);transform:translateY(-1px)}.sys-layer,.sys-layer--app{position:relative;background:var(--surface);border-color:var(--chrome-edge);transition:border-color .45s,background-color .45s,box-shadow .45s,transform .45s cubic-bezier(.3,1.3,.5,1)}.sys-layer__row b{color:var(--dim);transition:color .45s}.sys-layer.is-active .sys-layer__row b,.sys-layer.is-done .sys-layer__row b{color:var(--ink)}.sys-layer.is-active,.sys-layer.is-done{border-color:rgba(242,178,60,.45)}.sys-layer.is-active{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(242,178,60,.75)}.sys-layer--app.is-active,.sys-layer--app.is-done{background:var(--accent-soft)}.sys-layer__fill{left:14px;right:14px}.sys-layer__inner span{animation:none;color:var(--dim);border-color:var(--chrome-edge);transition:border-color .3s,background-color .3s,color .3s,transform .3s cubic-bezier(.3,1.4,.5,1)}.sys-layer__inner span.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-2px)}.sys-vlink{background:var(--chrome-edge)}.sys-vlink i{animation:none;left:-.5px;top:0;width:2px;height:0;border-radius:0;opacity:1;box-shadow:0 0 6px rgba(242,178,60,.8);transition:height .32s linear}.sys-vlink.is-flow i{height:100%}.sys-layer.is-win{opacity:1;border-color:rgba(18,183,106,.7);background:rgba(18,183,106,.08);animation:sys-win 1.6s ease-out forwards}.sys-layer.is-win .sys-layer__row b{color:#0b7a47}:root[data-theme=dark] .sys-layer.is-win .sys-layer__row b{color:#5ee0a8}.sys-layer__ok{right:-4px;top:-21px;transform:scale(.5);padding:2px 8px;border-radius:999px;background:#12b76a;color:#fff;font-size:12px;letter-spacing:.03em}.sys-layer.is-win .sys-layer__ok{opacity:1;transform:scale(1)}.stk-group.is-active{background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--surface)}