*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#06080f;color:#ece7da;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:#38bdf8;color:#06080f}:root{--ink: #06080F;--bone: #ECE7DA;--bone-85: rgba(236,231,218,.85);--bone-60: rgba(236,231,218,.6);--bone-50: rgba(236,231,218,.5);--bone-40: rgba(236,231,218,.4);--bone-22: rgba(236,231,218,.22);--royal: #2563EB;--ocean: #081230;--atmos: #4F86F0;--accent: #38BDF8}@keyframes edUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes wordIn{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:.085;transform:translateY(0) scale(1)}}@keyframes mkpulseM{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.7)}}@keyframes drawerSlide{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes panel{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{height:100vh;height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-bottom:1px solid rgba(236,231,218,.1);position:relative;z-index:20}.topbar-left{display:flex;align-items:baseline;gap:14px;min-width:0}.tb-mark{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.34em;text-transform:uppercase}.tb-rule{width:26px;height:1px;background:#ece7da4d;flex-shrink:0}.tb-name{font-family:"Source Serif 4",serif;font-style:italic;font-weight:300;font-size:17px;color:#ece7dad9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{display:flex;align-items:center;gap:10px}.tb-role{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ece7da80}.tb-btn{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;border-radius:999px;border:1px solid rgba(236,231,218,.25);color:var(--bone);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.tb-btn:hover{background:#ece7da0f;border-color:var(--bone)}.tb-btn.primary{background:var(--bone);color:var(--ink);border-color:var(--bone)}.desktop-only{display:flex}.mobile-only{display:none}.hamburger{width:38px;height:38px;display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:8px;border:1px solid rgba(236,231,218,.25)}.hamburger span{display:block;width:18px;height:1.5px;background:var(--bone);transition:all .2s}.mobile-menu{position:fixed;top:64px;right:12px;left:12px;background:#0b1020;border:1px solid rgba(236,231,218,.16);border-radius:14px;padding:12px;z-index:70;display:flex;flex-direction:column;gap:4px;animation:panel .2s ease-out}.mm-role{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ece7da73;padding:8px 12px 12px;border-bottom:1px solid rgba(236,231,218,.08);margin-bottom:6px}.mm-item{text-align:left;padding:12px 14px;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);transition:background .15s}.mm-item:hover{background:#ece7da0f}.mm-item.primary{background:var(--accent);color:var(--ink);margin-top:6px}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.big-word-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.big-word{font-family:"Source Serif 4",serif;font-weight:300;font-style:italic;font-size:clamp(80px,17vw,260px);line-height:.9;letter-spacing:-.03em;color:var(--bone);opacity:.085;white-space:nowrap;text-align:center}.scene{position:absolute;inset:0;z-index:2}.scene canvas{outline:none;display:block}.arrow-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}.overlay-toggles{position:absolute;top:14px;left:14px;z-index:15;display:flex;gap:6px}.ovr-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid rgba(236,231,218,.18);background:#06080fa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#ece7dab3;transition:all .15s}.ovr-btn:hover{color:var(--bone);border-color:#ece7da66}.ovr-btn.on{color:var(--accent);border-color:var(--accent)}.ovr-label{font-size:9.5px}.dot-indicator{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent);border-radius:50%}.route{position:absolute;left:0;top:56px;bottom:0;width:220px;z-index:12;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-left:28px;pointer-events:none;animation:panel .25s ease-out}.route-kicker{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#ece7da66;margin-bottom:16px}.route-row{display:flex;align-items:baseline;gap:13px;padding:5px 0;text-align:left;pointer-events:auto;transition:opacity .2s}.route-row.dim{opacity:.3}.route-num{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:#ece7da66;transition:color .2s}.route-city{font-family:"Source Serif 4",serif;font-weight:300;font-size:15px;color:#ece7da8c;line-height:1.05;transition:all .25s}.route-row.active .route-num{color:var(--accent)}.route-row.active .route-city{font-style:italic;font-size:22px;color:var(--bone)}.filters{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:14;display:flex;flex-direction:column;gap:8px;align-items:center;max-width:min(760px,calc(100vw - 32px));padding:14px 16px;background:#06080fb3;backdrop-filter:blur(12px);border:1px solid rgba(236,231,218,.12);border-radius:14px;animation:panel .2s ease-out}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.filter-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#ece7da66;margin-right:2px}.chip{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1px solid rgba(236,231,218,.2);background:#ece7da0a;color:#ece7dabf;transition:all .15s}.chip:hover{border-color:#ece7da66;color:var(--bone)}.chip.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}.controls{position:absolute;top:14px;right:14px;z-index:14;display:flex;gap:8px}.ctrl{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ece7dad9;border:1px solid rgba(236,231,218,.25);padding:9px 14px;border-radius:999px;background:#06080f99;backdrop-filter:blur(8px);transition:all .15s}.ctrl:hover{background:#ece7da14;border-color:var(--bone)}.ctrl.on{background:var(--accent);color:var(--ink);border-color:var(--accent)}.primary-ctrl{font-weight:500}.caption-wrap{position:absolute;left:0;right:0;bottom:0;z-index:13;padding:80px 32px 22px;background:linear-gradient(to top,#06080ff0 18%,#06080fb3 55%,#06080f00);pointer-events:none;animation:panel .25s ease-out}.caption{max-width:1180px;margin:0 auto;pointer-events:auto}.caption-grid{display:grid;grid-template-columns:auto 1.1fr 1fr;gap:36px;align-items:end}.cap-kicker{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.cap-company{font-family:"Source Serif 4",serif;font-weight:300;font-size:clamp(32px,4.4vw,60px);line-height:.96;letter-spacing:-.02em}.cap-cityline{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.08em;color:#ece7da99;margin-top:12px}.cap-skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;max-width:340px}.cap-skill-chip{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#ece7dad9;border:1px solid rgba(236,231,218,.22);padding:4px 9px;border-radius:999px}.cap-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#ece7da66;margin-bottom:10px}.cap-acc{font-size:14.5px;line-height:1.55;color:#ece7daeb;max-width:46ch}.cap-mem-col{border-left:1px solid rgba(56,189,248,.5);padding-left:20px}.cap-mem-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.cap-mem{font-family:"Source Serif 4",serif;font-style:italic;font-weight:300;font-size:clamp(17px,1.8vw,23px);line-height:1.3;letter-spacing:-.01em}.cap-next{margin-top:16px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.ticks{display:flex;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}.tick{height:3px;border-radius:2px;background:#ece7da38;transition:all .25s;width:18px}.tick.on{width:34px;background:var(--accent)}.ticks-label{font-family:JetBrains Mono,monospace;font-size:9.5px;letter-spacing:.14em;color:#ece7da66;margin-left:12px}.hint{position:absolute;bottom:10px;left:14px;z-index:13;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#ece7da4d;pointer-events:none}.loading{position:absolute;inset:0;display:grid;place-items:center;z-index:30;color:#ece7dab3;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:24px}.gl-marker{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;font-family:JetBrains Mono,monospace;transition:opacity .4s}.gl-marker.behind{opacity:.12;pointer-events:none}.gl-marker.dimmed-mk{opacity:.2}.gl-dot{pointer-events:auto;cursor:pointer;width:24px;height:24px;border-radius:50%;background:#06080f8c;border:1.5px solid rgba(236,231,218,.65);color:var(--bone);display:grid;place-items:center;font-family:"Source Serif 4",serif;font-size:11px;transition:transform .25s,background .25s,border-color .25s;position:relative}.gl-dot i{position:absolute;inset:-2px;border-radius:50%;border:1px solid var(--accent);opacity:0}.gl-dot:hover{transform:scale(1.2);border-color:var(--bone)}.gl-marker.is-active .gl-dot{background:var(--bone);color:var(--ink);border-color:var(--accent);transform:scale(1.18)}.gl-marker.is-active .gl-dot i{animation:mkpulseM 2s ease-out infinite}.gl-pop{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%) scale(.85);transform-origin:bottom center;width:184px;height:184px;border-radius:50%;background:#06080fc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(236,231,218,.4);box-shadow:0 18px 60px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;color:var(--bone)}.gl-pop:after{content:"";position:absolute;left:50%;bottom:-11px;transform:translate(-50%);width:1px;height:11px;background:linear-gradient(var(--accent),rgba(56,189,248,0))}.gl-pop-k{font-size:8px;letter-spacing:.22em;color:var(--accent)}.gl-pop-co{font-family:"Source Serif 4",serif;font-size:21px;font-weight:300;line-height:1.02;margin:8px 0 6px;letter-spacing:-.01em}.gl-pop-city{font-size:8.5px;letter-spacing:.2em;color:#ece7da99;text-transform:uppercase}.gl-pop-meta{font-size:9px;letter-spacing:.06em;color:#ece7da80;margin-top:9px}.gl-pop-next{font-size:8px;letter-spacing:.16em;color:var(--accent);margin-top:9px;text-transform:uppercase}.scrim{position:fixed;inset:0;background:#06080fb3;backdrop-filter:blur(4px);z-index:80;animation:fade .2s ease-out}.drawer{position:fixed;left:0;right:0;bottom:0;max-height:85vh;max-height:85dvh;background:#0b1020;border-top:1px solid rgba(236,231,218,.16);z-index:81;padding:24px 24px 32px;animation:drawerSlide .35s cubic-bezier(.2,.7,.2,1);overflow-y:auto;color:var(--bone);border-radius:18px 18px 0 0}.drawer-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;gap:14px}.drawer-title{font-family:"Source Serif 4",serif;font-weight:300;font-size:26px;letter-spacing:-.01em}.drawer-close{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ece7dab3;border:1px solid rgba(236,231,218,.25);padding:8px 12px;border-radius:999px;white-space:nowrap}.drawer-body{max-width:1180px;margin:0 auto}.drawer-section{margin-bottom:22px}.drawer-section h4{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.cred-row{display:grid;grid-template-columns:1.3fr 1.6fr .8fr;gap:16px;padding:10px 0;border-bottom:1px dashed rgba(236,231,218,.12)}.cred-row .what{font-family:"Source Serif 4",serif;font-size:18px;font-weight:400}.cred-row .where{color:#ece7dab3}.cred-row .when{font-family:JetBrains Mono,monospace;font-size:11px;color:#ece7da80}.empty-note{color:#ece7da80;font-style:italic}.dropzone{border:2px dashed rgba(236,231,218,.3);border-radius:12px;padding:32px;text-align:center;transition:all .2s;cursor:pointer}.dropzone.over{border-color:var(--accent);background:#38bdf814}.dz-title{font-family:"Source Serif 4",serif;font-size:22px;font-weight:300;margin-bottom:6px}.dz-hint{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ece7da80}.btn{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:1px solid var(--bone);color:var(--bone);transition:all .15s}.btn:hover{background:var(--bone);color:var(--ink)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.btn.primary:hover{background:#6cd0fb}.export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.export-card{border:1px solid rgba(236,231,218,.2);border-radius:14px;padding:18px;background:#ece7da08;display:flex;flex-direction:column;gap:10px}.export-card .swatch{height:92px;border-radius:10px;overflow:hidden;position:relative;display:grid;place-items:center}.swatch.independent{background:linear-gradient(135deg,#0ea5e9,#dceefb);color:#0a0a0a}.swatch.corporate{background:linear-gradient(135deg,#1e40af,#0a0a0a);color:#fff}.swatch.creative{background:linear-gradient(135deg,#ece7da,#38bdf8 80%,#2563eb);color:#06080f}.swatch.tech{background:#0a0a0a;color:#38bdf8}.swatch-title{font-family:"Source Serif 4",serif;font-size:22px;font-weight:300}.swatch.tech .swatch-title{font-family:JetBrains Mono,monospace;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.export-card h5{font-family:"Source Serif 4",serif;font-weight:400;font-size:19px}.export-card p{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:#ece7da8c;min-height:44px}.export-actions{display:flex;gap:8px;margin-top:auto}.preview-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;padding-right:6px}.preview-row{display:grid;grid-template-columns:28px 1.2fr 1.5fr .8fr .9fr;gap:12px;padding:10px;border:1px solid rgba(236,231,218,.14);border-radius:8px;align-items:center}.preview-row.missing-coords{border-color:#ef444499;background:#ef44440a}.preview-row input{background:transparent;border:none;color:var(--bone);font:inherit;width:100%}.preview-row input:focus{outline:1px solid var(--accent)}.preview-num{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:12px;text-align:center}@media (max-width: 760px){.desktop-only{display:none}.mobile-only{display:inline-flex}.hamburger{display:flex}.topbar{padding:14px 16px}.tb-mark,.tb-rule{display:none}.tb-name{font-size:15px}.overlay-toggles{top:10px;left:10px;gap:4px}.ovr-btn{padding:6px 9px;font-size:8.5px}.ovr-label{display:none}.controls{top:10px;right:10px;gap:6px}.ctrl{padding:7px 10px;font-size:9px}.route,.filters{width:auto;right:12px;left:12px}.route{top:auto;bottom:90px;flex-direction:row;flex-wrap:wrap;gap:4px 12px;padding:12px 14px;background:#06080fc7;backdrop-filter:blur(10px);border:1px solid rgba(236,231,218,.12);border-radius:12px;justify-content:flex-start;align-items:center;pointer-events:auto;max-height:40vh;overflow-y:auto}.route-kicker{width:100%;margin-bottom:6px}.route-row.active .route-city{font-size:17px}.route-city{font-size:13px}.filters{top:56px;transform:none;padding:12px}.caption-wrap{padding:60px 14px 18px}.caption-grid{grid-template-columns:1fr;gap:12px}.cap-mem-col{border-left:0;padding-left:0;border-top:1px solid rgba(56,189,248,.4);padding-top:12px}.cap-company{font-size:clamp(26px,8vw,38px)}.cap-skills{max-width:none}.ticks{margin-top:14px}.hint{display:none}.big-word{font-size:clamp(60px,22vw,110px)}.export-grid{grid-template-columns:1fr}.preview-row{grid-template-columns:28px 1fr 1fr;gap:8px;font-size:13px}.preview-row>:nth-child(4),.preview-row>:nth-child(5){grid-column:span 3}.drawer{padding:18px 16px 28px}.drawer-title{font-size:22px}}@media (max-width: 480px){.tb-name{max-width:60vw}}