:root{--sky: #040E3C;--sky-soft: #0c1746;--sky-deep: #02071E;--sky-15: #2A3259;--sky-30: #4F5677;--sky-45: #757A94;--sky-65: #A7ABBB;--breaze: #F4F5FA;--breaze-deep: #E8E9F0;--breaze-soft: #F9FAFD;--skills: #77F9D9;--skills-deep: #6BE0C3;--skills-soft: #C7FBED;--orange: #F7981C;--orange-deep: #DE8919;--azure: #2596FF;--azure-soft: #B8DCFA;--blue: #44499C;--violet: #A97FEF;--violet-soft: #DAC7F8;--salmon: #FF7575;--salmon-soft: #FFC8C8;--shadow-card: 0 1px 2px rgba(4,14,60,.04), 0 8px 24px rgba(4,14,60,.06);--shadow-pop: 0 12px 32px rgba(4,14,60,.18), 0 2px 6px rgba(4,14,60,.08);--shadow-dark: 0 24px 60px rgba(0,0,0,.35);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Montserrat", system-ui, sans-serif;--font-body: "Montserrat", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--breaze);color:var(--sky);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";line-height:1.45}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(1200px 600px at 100% -10%,rgba(119,249,217,.1),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(169,127,239,.08),transparent 60%);pointer-events:none}body[data-theme=dark]{background:var(--sky-deep);color:var(--breaze)}body[data-theme=dark]:before{background:radial-gradient(1200px 600px at 100% -10%,rgba(119,249,217,.16),transparent 60%),radial-gradient(900px 500px at -10% 100%,rgba(37,150,255,.12),transparent 60%)}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;font-style:italic;letter-spacing:-.01em;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}.brace{color:var(--skills);font-style:italic;font-weight:800}body[data-theme=dark] .brace{color:var(--skills)}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-30)}body[data-theme=dark] .eyebrow{color:var(--sky-65)}.page{max-width:1320px;margin:0 auto;padding:36px 40px 80px}.topnav{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;object-fit:contain}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--sky);color:var(--skills);display:grid;place-items:center;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:18px;transform:skew(-8deg);letter-spacing:-.02em}.brand-mark span{display:inline-block;transform:skew(8deg)}.brand-name{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--sky)}body[data-theme=dark] .brand-name{color:var(--breaze)}.brand-name .ll{display:inline-block;transform:translateY(1px);letter-spacing:-.05em}.topnav-right{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:12px;color:var(--sky-30)}body[data-theme=dark] .topnav-right{color:var(--sky-65)}.topnav-right .dot{width:6px;height:6px;border-radius:50%;background:var(--skills);display:inline-block;margin-right:8px;box-shadow:0 0 0 4px #77f9d938}.icon-btn{width:36px;height:36px;border-radius:12px;border:1px solid var(--breaze-deep);background:var(--breaze-soft);color:var(--sky);display:grid;place-items:center;box-shadow:0 1px 2px #040e3c0a;transition:transform .15s ease,background .15s ease,border-color .15s ease}.icon-btn:hover{transform:translateY(-1px);background:var(--breaze);border-color:#040e3c1a}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040e3c6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,95vw);background:#fff;z-index:61;transform:translate(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-dark)}.drawer.is-open{transform:translate(0)!important}.drawer-head{padding:20px 22px;border-bottom:1px solid var(--breaze-deep);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer-title{font-family:var(--font-display);font-style:italic;font-weight:800;letter-spacing:-.01em;font-size:18px;color:var(--sky)}.drawer-sub{margin-top:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-30)}.drawer-body{padding:18px 22px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-30);margin-bottom:8px}.field input,.field textarea{width:100%;border:1px solid var(--breaze-deep);background:var(--breaze-soft);border-radius:12px;padding:10px 12px;font:inherit;color:var(--sky);outline:none}.field textarea{resize:vertical}.range-row{display:flex;align-items:center;gap:12px}.range-row input[type=range]{flex:1}.range-value{font-family:var(--font-mono);font-size:12px;color:var(--sky-30);white-space:nowrap}.hint{margin-top:8px;font-size:13px;color:var(--sky-30)}.drawer-foot{display:flex;justify-content:space-between;gap:12px;padding-top:8px}.btn-ghost{border:1px solid var(--breaze-deep);background:#fff;color:var(--sky);border-radius:14px;padding:10px 14px;font-weight:700}.btn-primary{border:1px solid rgba(119,249,217,.5);background:#77f9d938;color:var(--sky);border-radius:14px;padding:10px 14px;font-weight:800;font-style:italic}.hero{position:relative;background:var(--sky);color:var(--breaze);border-radius:var(--radius-xl);padding:40px 44px 36px;overflow:hidden;box-shadow:0 30px 60px #040e3c2e}.hero:after{content:"";position:absolute;top:-10%;right:-8%;width:360px;height:140%;background:linear-gradient(180deg,transparent 0%,rgba(119,249,217,.1) 40%,rgba(119,249,217,.18) 60%,transparent 100%);transform:skew(-11deg);pointer-events:none}.hero:before{content:"";position:absolute;bottom:-120px;left:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(169,127,239,.16),transparent 60%);pointer-events:none}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;position:relative;z-index:1}.hero-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--skills);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}.hero-tag .pulse{width:8px;height:8px;border-radius:50%;background:var(--skills);box-shadow:0 0 0 4px #77f9d92e}.hero-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--sky-65);text-transform:uppercase}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.05;margin-bottom:28px;position:relative;z-index:1;max-width:880px}.hero h1 .accent{color:var(--skills)}.snapshot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:14px;position:relative;z-index:1}.snap{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 18px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.snap .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--sky-65);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}.snap .label .marker{width:6px;height:6px;border-radius:50%;background:var(--skills)}.snap .value{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--breaze);line-height:1.15}.snap .sub{font-size:12px;color:var(--sky-65);margin-top:4px}.snap.next{background:linear-gradient(135deg,#f7981c2e,#f7981c0f);border-color:#f7981c40}.snap.next .label{color:#ffd9a7}.snap.next .label .marker{background:var(--orange)}.snap.next .value{color:var(--breaze)}.snap.next .next-step{margin-top:10px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:14px;color:var(--orange)}.snap.next .next-step .arrow{font-style:normal;font-weight:600}.hero-progress{margin-top:28px;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.hero-progress .seg{flex:1;height:5px;border-radius:4px;background:#ffffff14;position:relative;overflow:hidden}.hero-progress .seg.done{background:var(--skills)}.hero-progress .seg.current{background:linear-gradient(90deg,var(--skills) 50%,rgba(119,249,217,.18) 50%)}.hero-progress-labels{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--sky-65);text-transform:uppercase;position:relative;z-index:1}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:56px 0 22px;gap:30px}.section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.02em}.section-head .h2-accent{color:var(--skills)}body[data-theme=dark] .section-head h2{color:var(--breaze)}.section-head .desc{font-size:14px;color:var(--sky-30);max-width:380px;text-align:right}body[data-theme=dark] .section-head .desc{color:var(--sky-65)}.map-shell{background:#fff;border-radius:var(--radius-xl);padding:28px 28px 24px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}body[data-theme=dark] .map-shell{background:var(--sky-soft);box-shadow:0 20px 60px #0006}.map-legend{display:flex;align-items:center;gap:22px;margin-bottom:22px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-30)}body[data-theme=dark] .legend-item{color:var(--sky-65)}.legend-swatch{width:14px;height:14px;border-radius:4px}.legend-line{display:inline-block;width:28px;height:0;border-top:2px solid var(--sky-30)}.legend-line.dash{border-top-style:dashed}.map-canvas-wrap{position:relative;width:100%;overflow:hidden;padding-bottom:8px}.map-canvas{position:relative;width:1180px;height:540px;margin:0 auto;transform-origin:top left}.map-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;width:196px;background:#fff;border:1.5px solid var(--breaze-deep);border-radius:16px;padding:14px 14px 14px 16px;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1),border-color .25s,opacity .35s;z-index:2;text-align:left;font-family:inherit;color:inherit}body[data-theme=dark] .node{background:var(--sky);border-color:#ffffff14;color:var(--breaze)}.node:hover{transform:translate(-50%,calc(-50% - 4px));box-shadow:var(--shadow-pop);border-color:var(--sky-65)}body[data-theme=dark] .node:hover{border-color:#77f9d966}.node-strip{height:4px;border-radius:2px;background:var(--accent, var(--skills));margin-bottom:12px;width:100%}.node-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.node-num{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--accent, var(--sky));line-height:1}.node-dur{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--sky-30);text-transform:uppercase;background:var(--breaze);border:1px solid var(--breaze-deep);border-radius:6px;padding:3px 7px;margin-left:auto}body[data-theme=dark] .node-dur{background:#ffffff0a;border-color:#ffffff14;color:var(--sky-65)}.node-title{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:14.5px;line-height:1.2;letter-spacing:-.01em;color:var(--sky)}body[data-theme=dark] .node-title{color:var(--breaze)}.node-teaser{font-size:11.5px;color:var(--sky-30);margin-top:6px;line-height:1.35}body[data-theme=dark] .node-teaser{color:var(--sky-65)}.node.is-active{border-color:var(--accent, var(--skills));box-shadow:0 0 0 3px #77f9d938,var(--shadow-pop);z-index:3}.node.is-muted{opacity:.45;filter:saturate(.6)}.node.is-related{border-color:var(--accent, var(--sky))}.node-current-tag{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:10.5px;letter-spacing:.04em;padding:4px 10px;border-radius:999px;box-shadow:0 4px 10px #f7981c59;white-space:nowrap}.node-current-tag:before{content:"●";margin-right:5px;font-size:9px}.node-dur{white-space:nowrap}.phase-label{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sky-30);display:flex;align-items:center;gap:8px;pointer-events:none}body[data-theme=dark] .phase-label{color:var(--sky-65)}.phase-label .swatch{width:12px;height:3px;border-radius:2px}.phase-bracket{position:absolute;pointer-events:none;border:1.5px solid var(--breaze-deep);border-bottom:none;border-radius:12px 12px 0 0;height:14px}body[data-theme=dark] .phase-bracket{border-color:#ffffff1a}.stream-label{position:absolute;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:13px;color:var(--sky-30);letter-spacing:-.01em;pointer-events:none}body[data-theme=dark] .stream-label{color:var(--sky-65)}.stream-label .brace-s{color:var(--skills)}.map-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.foot-stat{background:var(--breaze);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px}body[data-theme=dark] .foot-stat{background:#ffffff0a}.foot-stat .big{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--sky);line-height:1}body[data-theme=dark] .foot-stat .big{color:var(--breaze)}.foot-stat .big .unit{font-size:14px;color:var(--sky-30);font-style:normal;font-weight:600;margin-left:4px}body[data-theme=dark] .foot-stat .big .unit{color:var(--sky-65)}.foot-stat .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-30);line-height:1.4}body[data-theme=dark] .foot-stat .label{color:var(--sky-65)}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040e3c6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;opacity:0;pointer-events:none;transition:opacity .35s ease}.detail-backdrop.is-open{opacity:1;pointer-events:auto}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,95vw);background:#fff;z-index:51;transform:translate(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-dark)}body[data-theme=dark] .detail-panel{background:var(--sky-soft);color:var(--breaze)}.detail-panel.is-open{transform:translate(0)!important}.detail-head{padding:28px 32px 22px;border-bottom:1px solid var(--breaze-deep);position:relative}body[data-theme=dark] .detail-head{border-color:#ffffff14}.detail-head .accent-strip{position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent, var(--skills))}.detail-head-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-30)}body[data-theme=dark] .detail-eyebrow{color:var(--sky-65)}.detail-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent, var(--skills))}.detail-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--breaze-deep);background:#fff;color:var(--sky);display:grid;place-items:center;font-size:16px;transition:background .2s,border-color .2s}body[data-theme=dark] .detail-close{background:#ffffff0d;border-color:#ffffff1a;color:var(--breaze)}.detail-close:hover{background:var(--breaze)}.detail-num{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:48px;line-height:1;letter-spacing:-.02em;color:var(--accent, var(--sky));margin-bottom:6px}.detail-title{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:30px;letter-spacing:-.02em;line-height:1.05;color:var(--sky);margin-bottom:12px}body[data-theme=dark] .detail-title{color:var(--breaze)}.detail-lede{font-size:15px;color:var(--sky-30);line-height:1.5}body[data-theme=dark] .detail-lede{color:var(--sky-65)}.detail-body{flex:1;overflow-y:auto;padding:24px 32px 32px}.detail-section{padding:18px 0;border-bottom:1px solid var(--breaze-deep)}body[data-theme=dark] .detail-section{border-color:#ffffff0f}.detail-section:last-of-type{border-bottom:none}.detail-section h4{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-30);font-style:normal;font-weight:500;margin-bottom:10px}body[data-theme=dark] .detail-section h4{color:var(--sky-65)}.detail-section p{font-size:14px;color:var(--sky);line-height:1.55}.detail-strong{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:16px;color:var(--sky)}body[data-theme=dark] .detail-section p{color:var(--breaze)}.detail-section ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.detail-section li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--sky);line-height:1.45}body[data-theme=dark] .detail-section li{color:var(--breaze)}.detail-section li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent, var(--skills));margin-top:7px;flex-shrink:0}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-warn{background:#ff75751a;border-left:3px solid var(--salmon);padding:14px 16px;border-radius:10px;font-size:13px;color:var(--sky);margin-top:4px}body[data-theme=dark] .detail-warn{color:var(--breaze);background:#ff757524}.detail-warn strong{font-weight:700}.detail-foot{padding:20px 32px 28px;border-top:1px solid var(--breaze-deep);background:var(--breaze);display:flex;align-items:center;gap:12px;justify-content:space-between}body[data-theme=dark] .detail-foot{background:var(--sky-deep);border-color:#ffffff0f}.detail-next{font-size:12px;color:var(--sky-30)}body[data-theme=dark] .detail-next{color:var(--sky-65)}.detail-next strong{display:block;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:14px;color:var(--sky);margin-top:2px}body[data-theme=dark] .detail-next strong{color:var(--breaze)}.cta{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;border:none;border-radius:999px;padding:13px 22px;font-family:var(--font-display);font-weight:700;font-style:italic;font-size:14px;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 6px 14px #f7981c52}.cta:hover{transform:translateY(-1px);background:var(--orange-deep);box-shadow:0 10px 20px #f7981c66}.cta .arrow{transition:transform .2s}.cta:hover .arrow{transform:translate(3px)}.detail-prevnext{display:flex;align-items:center;gap:6px;padding:0 32px;margin-top:16px}.detail-nav{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--breaze-deep);border-radius:999px;padding:8px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-30);transition:border-color .2s,color .2s}body[data-theme=dark] .detail-nav{border-color:#ffffff1a;color:var(--sky-65)}.detail-nav:hover{border-color:var(--sky);color:var(--sky)}body[data-theme=dark] .detail-nav:hover{border-color:var(--skills);color:var(--skills)}.detail-nav:disabled{opacity:.4;cursor:default}.band{margin-top:60px;background:var(--sky);color:var(--breaze);border-radius:var(--radius-xl);padding:36px 44px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr auto;align-items:center;gap:36px}.band:before{content:"";position:absolute;top:-40px;right:-60px;width:320px;height:240px;background:linear-gradient(135deg,#77f9d92e,#77f9d900 60%);transform:skew(-12deg);pointer-events:none}.band h3{font-size:clamp(22px,2.4vw,32px);line-height:1.1;margin-bottom:6px;color:var(--breaze)}.band p{color:var(--sky-65);font-size:14px;max-width:520px}.footer-line{margin-top:40px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--sky-30);text-transform:uppercase}body[data-theme=dark] .footer-line{color:var(--sky-65)}@media(max-width:900px){.page{padding:20px 16px 60px}.hero{padding:28px 22px;border-radius:20px}.snapshot-grid,.map-foot{grid-template-columns:1fr 1fr}.band{grid-template-columns:1fr;padding:26px}.hero-progress-labels{display:none}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.section-head .desc{text-align:left}}#root{min-height:100vh}