.surk-wrap{position:relative;min-height:380px;display:flex;align-items:center;width:100%}
.surk-rack{width:100%;background:#082b30;border:1px solid #0f3d43;border-radius:16px;padding:16px 16px 13px;box-shadow:0 24px 48px rgba(4,24,27,.35)}
.surk-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.surk-ht{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#bfe3dc}
.surk-st{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;letter-spacing:.1em;color:#082b30;background:var(--surkA);border-radius:9px;padding:3px 9px}
.surk-parent{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;opacity:0;transform:translateX(-14px);transition:opacity .5s ease .1s,transform .5s ease .1s}
.surk-go .surk-parent{opacity:1;transform:none}
.surk-pnm{display:block;font-family:'Source Serif 4',serif;font-size:17.5px;font-weight:700;color:#f2efe6;border-right:2px solid var(--surkA);padding-right:3px;min-height:22px}
.surk-done .surk-pnm{border-right-color:transparent}
.surk-ptag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:800;letter-spacing:.12em;color:#082b30;background:var(--surkA);border-radius:7px;padding:2.5px 8px;opacity:0;transform:translateX(8px);transition:opacity .4s ease,transform .4s ease}
.surk-done .surk-ptag{opacity:1;transform:none}
.surk-stem{display:block;width:2px;height:12px;margin:0 auto;background:var(--surkA);opacity:.55}
.surk-cells{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.surk-cell{background:#f7f4ec;border:1px solid #d9d2c2;border-radius:10px;padding:9px 11px;margin:0 5px;opacity:0;transform:translateX(-12px);transition:opacity .5s ease,transform .5s ease}
.surk-c1{transition-delay:.35s}.surk-c2{transition-delay:.55s}.surk-c3{transition-delay:.75s}
.surk-go .surk-cell{opacity:1;transform:none}
.surk-cl{display:block;font-family:'JetBrains Mono',monospace;font-size:8.5px;font-weight:800;letter-spacing:.14em;color:#1f6673;margin-bottom:3px}
.surk-ca{display:block;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:700;color:#14333a;line-height:1.35}
.surk-cs{display:block;font-family:Inter,-apple-system,sans-serif;font-size:10.5px;color:#5d6b66;margin-top:3px}
.surk-cell{position:relative}
.surk-c2:before,.surk-c3:before{content:'';position:absolute;left:-7px;top:8%;bottom:8%;border-left:2px dashed var(--surkA);opacity:0;transition:opacity .5s ease .9s}
.surk-go .surk-c2:before,.surk-go .surk-c3:before{opacity:.75}
.surk-note{display:flex;align-items:flex-start;gap:8px;margin-top:11px;opacity:0;transform:translateX(-12px);transition:opacity .5s ease .95s,transform .5s ease .95s}
.surk-go .surk-note{opacity:1;transform:none}
.surk-ni{flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--surkA);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.surk-nt{font-family:Inter,-apple-system,sans-serif;font-size:12.3px;line-height:1.45;color:#cfe2dd}
.surk-nt b{color:#f2efe6}
.surk-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.12)}
.surk-final{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:800;letter-spacing:.13em;color:var(--surkA);border:1.5px solid var(--surkA);border-radius:9px;padding:4px 10px;opacity:0;transform:translateX(-10px);transition:opacity .45s ease .2s,transform .45s ease .2s}
.surk-done .surk-final{opacity:1;transform:none}
.surk-cta{font-family:Inter,-apple-system,sans-serif;font-size:12.5px;font-weight:700;color:#082b30!important;background:var(--surkA)!important;background-image:none!important;border-radius:9px;padding:8px 14px;text-decoration:none;white-space:nowrap}
.surk-g1 .surk-body{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:stretch}
.surk-g1 .surk-parent{flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;transform:translateX(-14px)}
.surk-g1 .surk-go .surk-parent{transform:none}
.surk-g1 .surk-stem{display:none}
.surk-g1 .surk-cells{grid-template-columns:1fr}
.surk-g1 .surk-cell{margin:3px 0}
.surk-g1 .surk-c2:before,.surk-g1 .surk-c3:before{left:8%;right:8%;top:-5px;bottom:auto;border-left:0;border-top:2px dashed var(--surkA)}
.surk-g2 .surk-cells{grid-template-columns:1fr}
.surk-g2 .surk-cell{margin:3px 14px}
.surk-g2 .surk-c2:before,.surk-g2 .surk-c3:before{left:8%;right:8%;top:-5px;bottom:auto;border-left:0;border-top:2px dashed var(--surkA)}
.surk-g3 .surk-c2{margin-top:12px}.surk-g3 .surk-c3{margin-top:24px}
@media (max-width:900px){.surk-cells{grid-template-columns:1fr}.surk-cell{margin:3px 0}.surk-c2:before,.surk-c3:before{left:8%;right:8%;top:-5px;bottom:auto;border-left:0;border-top:2px dashed var(--surkA)}.surk-g1 .surk-body{grid-template-columns:1fr}.surk-g3 .surk-c2,.surk-g3 .surk-c3{margin-top:3px}}
@media (max-width:700px){.surk-hgrid{grid-template-columns:1fr!important}.surk-wrap{min-height:0;margin-top:6px}}
@media (prefers-reduced-motion: reduce){.surk-parent,.surk-cell,.surk-note,.surk-final,.surk-ptag,.surk-c2:before,.surk-c3:before{opacity:1!important;transform:none!important;transition:none!important}.surk-c2:before,.surk-c3:before{opacity:.75!important}.surk-pnm{border-right-color:transparent!important}}