:root{color-scheme:dark;font-family:Helvetica,Arial,PingFang SC,Microsoft YaHei,sans-serif;--bg: #06070b;--bg-2: #090c12;--panel: rgba(10, 13, 19, .84);--panel-2: rgba(9, 12, 17, .92);--line: rgba(236, 233, 224, .1);--line-2: rgba(183, 194, 214, .12);--text: #f0ece2;--muted: rgba(240, 236, 226, .72);--muted-2: rgba(240, 236, 226, .44);--mist: rgba(240, 236, 226, .96);--halo: rgba(223, 229, 238, .94);--glow: rgba(204, 216, 234, .9);--blue-ink: rgba(173, 193, 222, .15);--cream-ink: rgba(240, 236, 226, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(184,198,221,.07),transparent 24%),radial-gradient(circle at bottom right,rgba(240,236,226,.04),transparent 28%),linear-gradient(180deg,#05070b,#070a10 40%,#04060a)}button{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px 1fr;position:relative;overflow:hidden}.ambient{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.3}.ambient-a{width:320px;height:320px;background:#aec0dd14;top:10%;left:18%}.ambient-b{width:360px;height:360px;background:#f0ece20d;right:8%;top:14%}.ambient-c{width:280px;height:280px;background:#a8b7d114;bottom:8%;right:16%}.grid-fade{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 88%);mask-image:radial-gradient(circle at center,black 30%,transparent 88%);pointer-events:none}.panel-surface{background:linear-gradient(180deg,#0a0d14e0,#07090ef0);border:1px solid var(--line);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.glow-line{position:relative}.glow-line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#f0ece21f,#b4c1d638,#f0ece212);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.subtle-glow{box-shadow:inset 0 1px #ffffff08,0 0 34px #b4c1d60f}.side-panel{position:relative;z-index:1;padding:22px 18px;border-right:1px solid rgba(255,255,255,.03)}.brand-pill,.section-eyebrow{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:var(--muted-2)}.mindmap-shell{margin-top:18px;padding:18px 14px 18px 18px;border-radius:28px;background:linear-gradient(180deg,#080b10db,#0a0c12a8);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff08,0 0 42px #adc1de0d}.branch-list{list-style:none;margin:0;padding:0 0 0 20px;position:relative}.branch-list:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,#d6dde93d,#d6dde90a)}.branch-item{position:relative;margin:4px 0}.branch-item>button{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:16px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:background .16s ease,color .16s ease}.branch-item>button:hover{background:#ffffff09;color:var(--text)}.branch-track{position:absolute;left:-12px;top:19px;width:12px;height:1px;background:#d6dde92e}.branch-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,#f0ece2f5,#c1cee3eb);box-shadow:0 0 12px #d3dceb3d;flex:0 0 auto}.branch-label{font-size:14px}.branch-item.active>button{background:linear-gradient(90deg,#b4c1d61f,#f0ece20a);color:var(--text);box-shadow:inset 0 0 0 1px #b4c1d614,0 0 24px #b4c1d612}.main-panel{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;gap:18px}.top-bar{border-radius:30px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.breadcrumb{font-size:13px;color:var(--muted-2);letter-spacing:.04em}.top-bar h1{margin:12px 0 0;font-size:46px;line-height:1.02;letter-spacing:-.05em;font-weight:600}.back-btn{border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);border-radius:18px;padding:14px 18px;cursor:pointer;transition:transform .16s ease,background .16s ease}.back-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffffff0d}.back-btn:disabled{opacity:.4;cursor:default}.bubble-stage{min-height:700px;border-radius:34px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 24%,rgba(194,208,232,.1),transparent 20%),radial-gradient(circle at 82% 32%,rgba(244,239,230,.05),transparent 18%),radial-gradient(circle at 54% 70%,rgba(174,192,221,.08),transparent 24%),linear-gradient(180deg,#080b11e0,#06090ef0)}.bubble-stage:before,.bubble-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble-stage:before{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%),radial-gradient(circle at 52% 48%,rgba(180,193,214,.06),transparent 30%);opacity:.9}.bubble-stage:after{background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.8) 18%,rgba(0,0,0,.8) 82%,transparent);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.8) 18%,rgba(0,0,0,.8) 82%,transparent);opacity:.22}.nav-bubble{--drift-duration: 7s;--enter-delay: 0ms;--from-x: 0px;--from-y: 0px;--from-scale: .92;position:absolute;border-radius:56% 44% 52% 48%/46% 56% 44% 54%;border:1px solid rgba(248,244,236,.34);background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.32),transparent 24%),radial-gradient(circle at 50% 44%,rgba(214,225,241,.16),transparent 48%),radial-gradient(circle at 70% 74%,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#1c222ed1,#0a0e16eb);box-shadow:inset 0 1px 22px #ffffff26,inset 0 -18px 42px #060a1261,0 0 0 1px #dde5f014,0 0 36px #c2cee21f,0 34px 88px #0006;color:var(--text);padding:28px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,opacity .22s ease,filter .22s ease;transform:translate(-50%,-50%);will-change:transform,opacity;backface-visibility:hidden;isolation:isolate}.nav-bubble:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;border:1px solid rgba(255,255,255,.08);opacity:.55;pointer-events:none}.nav-bubble:after{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(196,210,234,.18),transparent 58%);filter:blur(16px);opacity:.82;z-index:-1}.nav-bubble:hover{transform:translate(-50%,calc(-50% - 6px)) scale(1.03);border-color:#f7f2e975;box-shadow:inset 0 1px 18px #ffffff29,inset 0 -18px 40px #060a1252,0 0 42px #c6d2e933,0 30px 90px #0000006b}.nav-bubble.mist{box-shadow:inset 0 1px 20px #ffffff29,inset 0 -18px 40px #060a1257,0 0 50px #f4efe629,0 30px 84px #00000061}.nav-bubble.halo{box-shadow:inset 0 1px 20px #ffffff24,inset 0 -18px 40px #060a1257,0 0 54px #d4deee2e,0 30px 84px #00000061}.nav-bubble.glow{box-shadow:inset 0 1px 20px #ffffff24,inset 0 -18px 40px #060a1257,0 0 58px #b9c7dd33,0 32px 88px #0006}.bubble-aura,.bubble-sheen{position:absolute;border-radius:inherit;pointer-events:none}.bubble-aura{top:-18px;right:-18px;bottom:-18px;left:-18px;background:radial-gradient(circle at 50% 50%,rgba(189,202,224,.12),transparent 62%);filter:blur(16px);opacity:.9;z-index:-2}.bubble-sheen{inset:14px 18px auto auto;width:42%;height:34%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),rgba(255,255,255,.02) 68%,transparent 72%);filter:blur(2px);opacity:.8}.bubble-update{position:absolute;top:24px;left:24px;font-size:12px;color:#f0ece2ad}.important-tag{position:absolute;top:22px;right:22px;font-size:12px;color:#f5f0e8eb}.bubble-title{position:relative;z-index:1;font-size:34px;line-height:1.04;letter-spacing:-.045em;font-weight:600;max-width:170px;text-shadow:0 2px 18px rgba(0,0,0,.22)}.position-dynamic{left:50%;top:50%}.motion-primary{animation:bubbleMorph 14s ease-in-out infinite,bubbleDriftPrimary var(--drift-duration) ease-in-out infinite}.motion-secondary{animation:bubbleDriftSecondary var(--drift-duration) ease-in-out infinite}.motion-rest{animation:bubbleBreath 8s ease-in-out infinite}.enter-soft{animation:bubbleEnterSoft .36s cubic-bezier(.22,1,.36,1) both,bubbleDriftSecondary var(--drift-duration) ease-in-out .36s infinite}.motion-primary.enter-soft{animation:bubbleEnterSoft .36s cubic-bezier(.22,1,.36,1) both,bubbleMorph 14s ease-in-out .36s infinite,bubbleDriftPrimary var(--drift-duration) ease-in-out .36s infinite}.motion-rest.enter-soft{animation:bubbleEnterSoft .36s cubic-bezier(.22,1,.36,1) both,bubbleBreath 8s ease-in-out .36s infinite}.enter-from-origin{animation:bubbleSplitIn .46s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--enter-delay)}.motion-primary.enter-from-origin{animation:bubbleSplitIn .46s cubic-bezier(.22,1,.36,1) both var(--enter-delay),bubbleMorph 14s ease-in-out calc(var(--enter-delay) + .46s) infinite,bubbleDriftPrimary var(--drift-duration) ease-in-out calc(var(--enter-delay) + .46s) infinite}.motion-secondary.enter-from-origin{animation:bubbleSplitIn .46s cubic-bezier(.22,1,.36,1) both var(--enter-delay),bubbleDriftSecondary var(--drift-duration) ease-in-out calc(var(--enter-delay) + .46s) infinite}.motion-rest.enter-from-origin{animation:bubbleSplitIn .46s cubic-bezier(.22,1,.36,1) both var(--enter-delay),bubbleBreath 8s ease-in-out calc(var(--enter-delay) + .46s) infinite}.nav-bubble.is-splitting{animation:bubbleSplitOut .24s cubic-bezier(.22,1,.36,1) forwards;z-index:4}.nav-bubble.is-muted{opacity:.22;transform:translate(-50%,-50%) scale(.96)}.stage-transitioning .nav-bubble:not(.is-splitting){transition:opacity .18s ease,transform .18s ease}.feature-card{border-radius:34px;padding:30px}.feature-head{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start}.feature-head h2{margin:14px 0 0;font-size:54px;line-height:1.02;letter-spacing:-.05em}.summary-copy{margin:18px 0 0;max-width:900px;font-size:19px;color:var(--muted);line-height:1.85}.meta-stack{display:grid;gap:12px}.meta-box,.panel-block,.toolbar-chip,.footnote-link{border-radius:22px;border:1px solid var(--line);background:#ffffff08}.meta-box{padding:16px}.meta-box label,.mini-label{display:block;font-size:13px;color:var(--muted-2)}.meta-box strong{display:block;margin-top:8px;font-size:18px}.toolbar-row{margin:24px 0;display:flex;gap:12px;flex-wrap:wrap}.toolbar-chip{min-width:110px;padding:14px 18px;color:var(--muted);cursor:pointer;background:#ffffff06;transition:all .16s ease}.toolbar-chip.active,.toolbar-chip:hover{color:var(--text);background:linear-gradient(90deg,#b4c1d621,#f0ece20d);box-shadow:0 0 24px #b4c1d614}.content-grid{display:grid;grid-template-columns:1fr 280px;gap:16px}.panel-block{padding:18px 20px;box-shadow:inset 0 1px #ffffff08,0 0 28px #b4c1d60d}.content-copy p{margin:0 0 14px;color:var(--muted);line-height:1.9;font-size:17px}.content-side{display:flex;flex-direction:column;gap:10px}.content-side strong{font-size:22px;letter-spacing:-.03em}.content-side span{color:var(--muted);line-height:1.8}.loader-panel{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px;margin-top:18px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#080b11f0,#0a0d14db)}.loader-copy h3{margin:14px 0 16px;font-size:28px;letter-spacing:-.04em}.loading-row{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.loading-row i{width:6px;height:6px;border-radius:999px;background:linear-gradient(180deg,#f0ece2eb,#b4c1d6d1);animation:blink 1.1s infinite ease-in-out}.loading-row i:nth-child(2){animation-delay:.12s}.loading-row i:nth-child(3){animation-delay:.24s}.loader-grid-shell{padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top,rgba(180,193,214,.08),transparent 34%),#ffffff05}.loader-grid{display:grid;gap:8px}.loader-cell{aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.045);background:#ffffff05;overflow:hidden}.loader-cell-inner{width:100%;height:100%;border-radius:inherit}.loader-cell.empty .loader-cell-inner{background:linear-gradient(180deg,#ffffff05,#ffffff03)}.loader-cell.mist .loader-cell-inner{background:linear-gradient(180deg,#efebe3eb,#cfd7e3d1);box-shadow:0 0 16px #f0ece21a}.loader-cell.halo .loader-cell-inner{background:linear-gradient(180deg,#dce2ece6,#b0bdd2d1);box-shadow:0 0 16px #ccd8ea1a}.loader-cell.glow .loader-cell-inner{background:linear-gradient(180deg,#c8d4e5eb,#8b9bb5d1);box-shadow:0 0 16px #b4c1d61a}.footnotes{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06);display:grid;gap:14px}.footnote-grid{display:flex;gap:10px;flex-wrap:wrap}.footnote-link{padding:12px 16px;color:var(--muted);cursor:pointer;background:#ffffff06}.footnote-link.active,.footnote-link:hover{color:var(--text);background:linear-gradient(90deg,#b4c1d621,#f0ece20d)}.footnote-preview{color:var(--muted);line-height:1.8}@keyframes bubbleMorph{0%,to{border-radius:56% 44% 52% 48%/46% 56% 44% 54%}33%{border-radius:48% 52% 44% 56%/58% 42%}66%{border-radius:54% 46% 58% 42%/44% 58% 42% 56%}}@keyframes bubbleDriftPrimary{0%,to{transform:translate(-50%,-50%) translateZ(0)}50%{transform:translate(-50%,-50%) translate3d(0,-8px,0)}}@keyframes bubbleDriftSecondary{0%,to{transform:translate(-50%,-50%) translateZ(0)}50%{transform:translate(-50%,-50%) translate3d(0,-3px,0)}}@keyframes bubbleBreath{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.012)}}@keyframes bubbleEnterSoft{0%{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes bubbleSplitIn{0%{opacity:0;transform:translate(-50%,-50%) translate3d(var(--from-x),var(--from-y),0) scale(var(--from-scale))}65%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--from-x) * .08),calc(var(--from-y) * .08),0) scale(1.03)}to{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1)}}@keyframes bubbleSplitOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0px)}38%{opacity:1;transform:translate(-50%,-50%) scale(1.06);filter:blur(0px);box-shadow:inset 0 1px 24px #ffffff2e,inset 0 -18px 40px #060a1252,0 0 56px #cddaef3d,0 36px 96px #0000006b}to{opacity:0;transform:translate(-50%,-50%) scale(.92);filter:blur(4px)}}@keyframes blink{0%,to{opacity:.28;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.side-panel{display:none}.feature-head,.content-grid,.loader-panel{grid-template-columns:1fr}}@media(max-width:860px){.main-panel{padding:16px}.top-bar{align-items:flex-start;flex-direction:column}.top-bar h1{font-size:34px}.bubble-stage{min-height:760px}.nav-bubble{padding:22px}.bubble-title{font-size:28px;max-width:140px}.feature-head h2{font-size:40px}}