.navbar-hover-zone{position:fixed;top:0;left:0;right:0;height:50px;z-index:9}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:center;padding:14px 20px;transform:translateY(-110%);opacity:0;transition:transform .42s cubic-bezier(.4,.1,.2,1),opacity .32s ease;pointer-events:none}.navbar.is-open,.navbar.is-touch{transform:translateY(0);opacity:1;pointer-events:auto}.navbar-inner{display:flex;align-items:center;gap:24px;padding:10px 18px;border-radius:18px;background:#0f14208c;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px #00000059,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);max-width:calc(100vw - 40px)}.navbar-brand{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6;padding-right:14px;border-right:1px solid rgba(255,255,255,.08)}.navbar-tabs{list-style:none;display:flex;gap:4px;padding:0;margin:0;overflow-x:auto;scrollbar-width:none}.navbar-tabs::-webkit-scrollbar{display:none}.nav-tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;color:#ffffffb3;font-size:13px;letter-spacing:.02em;white-space:nowrap;transition:color .2s ease,background .25s ease,transform .25s ease}.nav-tab-index{font-size:10px;letter-spacing:.15em;color:#fff6;font-variant-numeric:tabular-nums;transition:color .2s ease}.nav-tab:hover{color:#fff;background:#ffffff0f;transform:translateY(-1px)}.nav-tab:hover .nav-tab-index{color:var(--accent)}.nav-tab.is-active{color:#fff;background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 0 0 1px #ffffff14,0 0 24px -8px var(--glow-color)}.nav-tab.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-soft));box-shadow:0 0 12px var(--glow-color)}.nav-tab.is-active .nav-tab-index{color:var(--accent)}@media (max-width: 720px){.navbar{padding:8px}.navbar-inner{padding:8px 10px;gap:10px;border-radius:14px}.navbar-brand{display:none}.nav-tab{padding:6px 10px;font-size:12px}.nav-tab-title{display:none}.nav-tab-index{font-size:12px;color:#ffffffb3}}.themed-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.themed-bg>*{position:absolute;inset:0;transition:opacity var(--transition-theme),background var(--transition-theme)}.bg-gradient{background-size:200% 200%;animation:gradient-drift 28s ease-in-out infinite alternate}@keyframes gradient-drift{0%{background-position:0% 0%}to{background-position:100% 100%}}.bg-grid{background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:64px 64px,64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 30%,transparent 80%);opacity:.7}.bg-glow{border-radius:50%;filter:blur(110px);opacity:.55;inset:auto}.bg-glow-a{width:540px;height:540px;left:-120px;top:-140px;background:var(--glow-color);animation:glow-a 18s ease-in-out infinite alternate}.bg-glow-b{width:460px;height:460px;right:-120px;bottom:-160px;background:var(--accent);opacity:.32;animation:glow-b 22s ease-in-out infinite alternate}@keyframes glow-a{0%{transform:translate(0)}to{transform:translate(80px,60px)}}@keyframes glow-b{0%{transform:translate(0)}to{transform:translate(-60px,-80px)}}.bg-decor{opacity:.5}.themed-bg[data-theme=belpomoshnik] .bg-decor{background:repeating-linear-gradient(0deg,transparent 0 60px,rgba(174,203,255,.05) 60px 61px),radial-gradient(circle at 80% 20%,rgba(110,168,255,.08),transparent 30%)}.themed-bg[data-theme=cleancity] .bg-decor{background:linear-gradient(115deg,transparent 30%,rgba(56,217,169,.06) 30.2%,rgba(56,217,169,.06) 30.6%,transparent 30.8%),linear-gradient(75deg,transparent 60%,rgba(56,217,169,.05) 60.2%,rgba(56,217,169,.05) 60.5%,transparent 60.7%),radial-gradient(circle at 25% 70%,rgba(56,217,169,.12) 0 2px,transparent 3px),radial-gradient(circle at 70% 30%,rgba(56,217,169,.12) 0 2px,transparent 3px),radial-gradient(circle at 55% 80%,rgba(122,230,200,.1) 0 2px,transparent 3px)}.themed-bg[data-theme=zruch] .bg-decor{background:repeating-linear-gradient(90deg,rgba(217,164,99,.04) 0 1px,transparent 1px 120px),repeating-linear-gradient(0deg,rgba(217,164,99,.04) 0 1px,transparent 1px 120px),linear-gradient(110deg,rgba(217,164,99,.05),transparent 60%)}.themed-bg[data-theme=agromarket] .bg-decor{background:radial-gradient(ellipse at 20% 30%,rgba(196,176,98,.1),transparent 30%),radial-gradient(ellipse at 80% 70%,rgba(156,195,106,.08),transparent 30%),repeating-linear-gradient(45deg,transparent 0 80px,rgba(156,195,106,.04) 80px 81px)}.themed-bg[data-theme=profbase] .bg-decor{background:radial-gradient(circle at 30% 40%,rgba(160,110,255,.12),transparent 25%),radial-gradient(circle at 70% 60%,rgba(200,176,255,.1),transparent 25%),repeating-linear-gradient(0deg,transparent 0 90px,rgba(200,176,255,.05) 90px 91px)}.themed-bg[data-theme=truckroute] .bg-decor{background:repeating-linear-gradient(120deg,transparent 0 20px,rgba(255,160,60,.12) 20px 32px,transparent 32px 80px),repeating-linear-gradient(60deg,transparent 0 60px,rgba(255,211,110,.06) 60px 61px),radial-gradient(circle at 80% 80%,rgba(255,160,60,.1),transparent 25%)}.themed-bg[data-theme=agrowiki] .bg-decor{background:radial-gradient(ellipse at 25% 30%,rgba(123,211,137,.14),transparent 30%),radial-gradient(ellipse at 75% 70%,rgba(108,182,227,.12),transparent 30%),repeating-linear-gradient(60deg,transparent 0 100px,rgba(123,211,137,.04) 100px 101px)}.bg-particles{pointer-events:none}.bg-particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:0;top:calc((var(--i) * 53) % 100 * 1%);left:calc((var(--i) * 97) % 100 * 1%);animation:particle-float 12s ease-in-out infinite;animation-delay:calc(var(--i) * -.4s);box-shadow:0 0 8px var(--glow-color)}.bg-particles-soft-dots span{opacity:.35}.bg-particles-geo-points span{width:5px;height:5px;opacity:.4}.bg-particles-sparks span{width:2px;height:2px;opacity:.5}.bg-particles-wave-dots span{opacity:.3}.bg-particles-road-dashes span{width:14px;height:2px;border-radius:1px;opacity:.5}.bg-particles-leaf-dots span{width:4px;height:4px;opacity:.4;background:var(--accent-soft)}@keyframes particle-float{0%,to{transform:translate(0);opacity:0}20%{opacity:.6}50%{transform:translate(20px,-30px);opacity:.8}80%{opacity:.4}}.bg-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;transition:background var(--transition-theme)}.page-area{position:relative;width:100%;height:100%;z-index:2}.hover-hint{position:fixed;bottom:18px;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.04em;color:#ffffff73;padding:6px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5;pointer-events:none;animation:hint-pulse 4s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.55}50%{opacity:.9}}@media (hover: none){.hover-hint{display:none}}.loading-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#00000040;backdrop-filter:blur(6px);z-index:4;animation:fade-in .24s ease both}.loader-ring{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);animation:spin .9s linear infinite}.loader-text{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#fff9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.info-panel{position:absolute;left:32px;bottom:32px;width:min(380px,calc(100vw - 64px));padding:22px 24px;border-radius:18px;background:var(--panel-bg, rgba(15,20,32,.55));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 18px 40px #0006,0 0 0 1px #ffffff08 inset,0 0 60px -30px var(--glow-color);z-index:3;animation:panel-in .6s cubic-bezier(.4,.1,.2,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c}.info-panel-index{color:var(--accent);font-variant-numeric:tabular-nums}.info-panel-title{margin:0 0 10px;font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-.01em;background:linear-gradient(120deg,#fff 0%,var(--accent-soft) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.info-panel-desc{margin:0 0 18px;font-size:14px;line-height:1.55;color:#ffffffc7}.info-panel-hint{display:flex;align-items:center;gap:10px;font-size:12px;color:#ffffff8c;line-height:1.4}.info-panel-hint .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--glow-color);flex:0 0 auto}@media (max-width: 720px){.info-panel{left:12px;right:12px;bottom:12px;width:auto;padding:16px 18px;border-radius:14px}.info-panel-title{font-size:22px}.info-panel-desc{font-size:13px;margin-bottom:12px}}.model-page{position:relative;width:100%;height:100%;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s cubic-bezier(.4,.1,.2,1)}.model-page.is-mounted{opacity:1;transform:translateY(0)}.model-stage{position:absolute;inset:0;z-index:1}.model-viewer{width:100%;height:100%}.canvas-loader{color:#ffffffb3;font-size:13px;letter-spacing:.06em;padding:10px 16px;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#e9ecf3;background:#07111f;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}canvas{display:block;outline:none}:root{--nav-h: 64px;--transition-theme: .7s cubic-bezier(.4,.2,.2,1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}