@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #08111f;--bg-soft: #0d1a2d;--panel: rgba(10, 18, 33, .82);--panel-strong: rgba(12, 23, 42, .95);--border: rgba(167, 184, 214, .18);--text: #f4f7ff;--muted: #9bb0d2;--accent: #ffd166;--accent-soft: rgba(255, 209, 102, .14);--shadow: 0 28px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{background:radial-gradient(circle at top,rgba(255,209,102,.12),transparent 28%),radial-gradient(circle at right,rgba(116,183,255,.12),transparent 32%),linear-gradient(180deg,#07101c,#08111f 44%,#0a1627)}body{margin:0;min-width:320px;color:var(--text);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(87,214,141,.08),transparent 24%),radial-gradient(circle at 80% 0%,rgba(184,145,255,.12),transparent 18%),linear-gradient(180deg,#08111ffa,#0a1627fa)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 88%)}a{color:inherit}#root{isolation:isolate}.page-shell{width:min(1680px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px}.app-frame{border:1px solid var(--border);border-radius:32px;padding:24px;background:linear-gradient(180deg,#0a1221f0,#070f1bfa);box-shadow:var(--shadow)}.app-header{display:grid;margin-bottom:24px}.eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.tree-header h2,.about-card h2{margin:0;line-height:1.02;letter-spacing:-.04em}.tree-intro,.tree-note,.about-card p,.about-list,.setup-value{margin:0;color:var(--muted);line-height:1.65}.tab-bar{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tab-button{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#0e1a2eb3,#08111feb);color:var(--text);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.tab-button:hover,.tab-button:focus-visible{transform:translateY(-1px);border-color:#ffd16657;outline:none}.tab-button.is-active{border-color:#ffd16670;background:linear-gradient(180deg,#ffd16624,#0c172af5)}.tab-label{font-size:1rem;font-weight:700}.tab-copy{color:var(--muted);font-size:.88rem}.tab-panel{min-height:400px}.timeline-panel,.about-panel{display:grid;gap:24px}.timeline-panel>*,.about-panel>*{min-width:0}.about-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#0e1a2ee0,#08111ff0);box-shadow:var(--shadow)}.about-card h2{margin-bottom:10px;font-size:1.05rem}.tree-shell{width:100%;min-width:0;max-width:100%;border:1px solid var(--border);border-radius:32px;padding:24px;background:linear-gradient(180deg,#0a1221f0,#070f1bfa);box-shadow:var(--shadow)}.tree-header{display:grid;gap:12px;margin-bottom:18px}.tree-header h2{font-size:clamp(1.8rem,4vw,3.1rem)}.tree-intro{max-width:68ch}.stack-pills{display:flex;flex-wrap:wrap;gap:10px}.stack-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--pill-color) 38%,transparent);background:color-mix(in srgb,var(--pill-color) 14%,rgba(255,255,255,0));color:var(--pill-color);font-size:.88rem;font-weight:600}.stack-pill-dot{width:8px;height:8px;border-radius:999px;background:var(--pill-color)}.tree-note{font-size:.92rem}.tree-stage{width:100%;max-width:100%;overflow:hidden;border:1px solid rgba(167,184,214,.12);border-radius:24px;background:linear-gradient(180deg,#091220d1,#091220a3)}.tree-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scrollbar-width:thin}.tree-scroll::-webkit-scrollbar{height:10px}.tree-scroll::-webkit-scrollbar-thumb{background:#a7b8d652;border-radius:999px}.tree-legend{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(167,184,214,.12)}.legend-item{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem}.legend-chip{width:10px;height:10px;border-radius:3px;background:var(--chip-color);box-shadow:0 0 14px color-mix(in srgb,var(--chip-color) 44%,transparent)}.legend-ring{width:10px;height:10px;border-radius:999px;border:1.5px solid #b891ff;background:#b891ff2e}.about-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.about-card{min-height:100%}.about-list{padding-left:18px}.about-list li+li{margin-top:12px}.about-grid{display:grid;gap:14px;margin-top:4px}.setup-item{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(167,184,214,.14);border-radius:16px;background:#ffffff05}.setup-label{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.setup-value{font-size:.95rem}.command-blocks{display:grid;gap:12px;margin-top:18px}.command-card{display:grid;gap:8px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffd16614,#ffffff05);border:1px solid rgba(255,209,102,.16)}.command-card code{display:block;padding:10px 12px;border-radius:12px;background:#050a14c7;color:#f7e7b4;font-family:Consolas,SFMono-Regular,monospace;font-size:.92rem}@media(max-width:960px){.page-shell{width:min(100vw - 20px,1680px);padding:20px 0 32px}.app-frame,.tree-shell{padding:20px;border-radius:24px}.tab-bar,.about-panel{grid-template-columns:1fr}}@media(max-width:640px){.page-shell{width:min(100vw - 12px,1680px)}.stack-pills,.tree-legend{gap:10px}}