.sp-root *{box-sizing:border-box}.sp-root{font-family:"IBM Plex Sans",var(--font-ibm-sans),system-ui,sans-serif}.sp-root .wrap{max-width:1120px;margin:0 auto;padding:0 24px 120px}.sp-root .topbar{z-index:40;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:16px 0;display:flex;position:relative}.sp-root .brand{color:var(--muted);align-items:center;gap:12px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex}.sp-root .brand .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 12px var(--accent);border-radius:50%}.sp-root .brand b{color:var(--text);font-weight:600}.sp-root .toggle{cursor:pointer;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;transition:all .2s;display:inline-flex}.sp-root .toggle:hover{border-color:var(--accent);color:var(--text)}.sp-root .toggle svg{width:15px;height:15px}.sp-root .hero{border-bottom:1px solid var(--border-soft);margin-bottom:56px;padding:48px 0 40px}.sp-root .hero .kicker{letter-spacing:.04em;color:var(--accent);margin:0 0 16px;font-family:IBM Plex Mono,monospace;font-size:13px}.sp-root .hero h1{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(34px,6vw,58px);font-weight:700;line-height:1.04}.sp-root .hero p{max-width:60ch;color:var(--muted);margin:0;font-size:17px}.sp-root .hero .links{gap:18px;margin-top:24px;font-family:IBM Plex Mono,monospace;font-size:13px;display:flex}.sp-root .hero .links a{color:var(--text);border-bottom:1px solid var(--border);padding-bottom:2px;text-decoration:none;transition:border-color .2s}.sp-root .hero .links a:hover{border-color:var(--accent);color:var(--accent)}.sp-root .stack{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.sp-root .project{transition:opacity .7s,transform .7s}.sp-root.js .project:not(.in){opacity:0;transform:translateY(28px)}.sp-root .window{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;height:100%;overflow:hidden}.sp-root .stack .window{cursor:pointer;transition:border-color .2s,transform .2s}.sp-root .stack .window:hover{border-color:var(--accent);transform:translateY(-3px)}@media (max-width:640px){.sp-root .stack{grid-template-columns:1fr}}.sp-root .titlebar{background:var(--titlebar);border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;height:42px;padding:0 16px;font-family:IBM Plex Mono,monospace;display:flex}.sp-root .lights{gap:8px;display:flex}.sp-root .lights i{border-radius:50%;width:12px;height:12px;display:block}.sp-root .lights i:first-child{background:#ff5f57}.sp-root .lights i:nth-child(2){background:#febc2e}.sp-root .lights i:nth-child(3){background:#28c840}.sp-root .titlebar .path{color:var(--muted);font-size:12.5px}.sp-root .titlebar .path b{color:var(--text);font-weight:500}.sp-root .titlebar .idx{color:var(--faint);margin-left:auto;font-size:12px}.sp-root .expand-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;margin-left:8px;transition:all .18s;display:inline-flex}.sp-root .expand-btn:hover{border-color:var(--accent);color:var(--accent)}.sp-root .expand-btn svg{width:13px;height:13px}.sp-root .body{padding:30px 32px 34px}.sp-root .meta{margin-bottom:24px}.sp-root .meta h2{letter-spacing:-.01em;margin:0 0 8px;font-size:25px;font-weight:600}.sp-root .meta .desc{color:var(--muted);max-width:68ch;margin:0 0 16px;font-size:15.5px}.sp-root .stack .body{padding:22px 24px 24px}.sp-root .stack .meta{margin-bottom:18px}.sp-root .stack .meta h2{font-size:20px}.sp-root .stack .meta .desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:14px;display:-webkit-box;overflow:hidden}.sp-root .stack .canvas{padding:14px}.sp-root .tags{flex-wrap:wrap;gap:8px;display:flex}.sp-root .tag{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--muted);border-radius:6px;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.sp-root .tag.a{color:var(--accent);border-color:var(--accent)}.sp-root .canvas{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:18px}.sp-root .canvas-dots{background-image:radial-gradient(circle at 1px 1px,var(--border-soft)1px,transparent 0);background-size:22px 22px}.sp-root .diagram{width:100%;height:auto;display:block}.sp-root .n-rect{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.sp-root .n-rect.s2{fill:var(--surface-2)}.sp-root .grp{fill:var(--surface-2);fill-opacity:.5;stroke:var(--border-soft);stroke-width:1.5px;stroke-dasharray:2 5}.sp-root .grp-solid{fill:var(--surface);stroke:var(--accent);stroke-opacity:.55;stroke-width:1.5px}.sp-root .n-title{fill:var(--text);font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:600}.sp-root .n-lbl{fill:var(--text);font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.sp-root .n-lbl-s{fill:var(--text);font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.sp-root .n-sub{fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.sp-root .n-sub.acc{fill:var(--accent)}.sp-root .n-cap{fill:var(--faint);letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:11px}.sp-root .flow{fill:none;stroke:var(--line);stroke-width:2px;marker-end:url(#arw)}.sp-root .flow.acc{stroke:var(--accent);marker-end:url(#arwA)}.sp-root .flow.b{stroke:var(--accent-2);marker-end:url(#arwB)}.sp-root .flow.dash{stroke-dasharray:7 7;animation:.9s linear infinite sp-ants}.sp-root .flow.thin{stroke-width:1.5px}.sp-root .flbl{fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.sp-root .flbl-bg{fill:var(--surface-2)}.sp-root .pulse{fill:var(--accent)}.sp-root .pulse.b{fill:var(--accent-2)}@keyframes sp-ants{to{stroke-dashoffset:-32px}}.sp-root .chip-t{fill:#fff;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.sp-root .modal{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080b10c7;justify-content:center;align-items:center;padding:32px;display:none;position:fixed;inset:0}.sp-root .modal.open{display:flex}.sp-root .modal-inner{background:var(--surface);border:1px solid var(--border);width:min(1400px,96vw);max-height:92vh;box-shadow:var(--shadow);border-radius:14px;overflow:auto}.sp-root .modal .titlebar .idx{cursor:default}.sp-root .modal-close{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:4px 10px;font-family:IBM Plex Mono,monospace;font-size:12px}.sp-root .modal-close:hover{border-color:var(--accent);color:var(--accent)}.sp-root .modal .body{padding:28px 34px 40px}@media (max-width:680px){.sp-root .body{padding:22px 18px 26px}.sp-root .canvas{padding:10px}.sp-root .titlebar .path{font-size:11px}}@media (prefers-reduced-motion:reduce){.sp-root .flow.dash{animation:none}.sp-root .pulse{display:none}.sp-root .project{opacity:1;transition:none;transform:none}}