@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.auth-panel{position:absolute;top:50%;right:40px;transform:translateY(-50%);width:380px;padding:32px;display:flex;flex-direction:column;gap:24px;z-index:50;animation:slideInAuth .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes slideInAuth{0%{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-header{text-align:left}.auth-header h3{font-size:24px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.auth-header p{font-size:14px;color:var(--text-secondary);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-tertiary)}.input-group input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px 14px 44px;color:#fff;font-family:inherit;font-size:15px;transition:all .2s ease;outline:none}.input-group input:focus{background:#0006;border-color:#0a84ff80;box-shadow:0 0 0 2px #0a84ff33}.input-group input::placeholder{color:var(--text-tertiary)}.auth-panel.standalone{position:static;transform:none;margin:0;max-width:100%;animation:popIn .5s cubic-bezier(.16,1,.3,1) forwards}.action-button{width:100%;padding:14px;border-radius:12px;font-family:inherit;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:none}.submit-button{background:var(--accent);color:#fff;margin-top:8px}.submit-button:hover:not(:disabled){background:#148eff;transform:translateY(-2px);box-shadow:0 8px 20px #0a84ff4d}.submit-button:disabled{opacity:.5;cursor:not-allowed}.premium-button{background:linear-gradient(135deg,#bf5af2,#0a84ff);color:#fff;margin-top:24px;border:1px solid rgba(255,255,255,.2)}.premium-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #bf5af266}.auth-error{color:#ff3b30;font-size:13px;background:#ff3b301a;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,59,48,.2)}.auth-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.auth-footer p{font-size:13px;color:var(--text-tertiary)}.text-button{background:none;border:none;color:var(--accent);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;display:flex;align-items:center}.text-button:hover{color:#fff}.switch-mode-button{font-weight:600}.user-icon-wrapper{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent)}.user-details{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05)}.welcome-text{font-size:16px}.user-name{color:#fff;font-weight:600;text-transform:capitalize}.user-email{font-size:13px;color:var(--text-tertiary);margin-top:4px}.subscription-status{padding:8px 0}.status-active,.status-inactive{display:flex;flex-direction:column;gap:12px}.status-active{flex-direction:row;align-items:center;color:#32d74b;font-weight:500;font-size:15px;background:#32d74b1a;padding:16px;border-radius:12px;border:1px solid rgba(50,215,75,.2)}.status-inactive{color:#fff;font-weight:500;font-size:15px;align-items:flex-start}.status-inactive .status-icon{color:#ffd60a}.upgrade-prompt{font-size:13px;color:var(--text-secondary);font-weight:400}.logout-button{color:var(--text-secondary);align-self:flex-start;margin-top:auto}.logout-button:hover{color:#ff3b30}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.auth-panel{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:400px;margin:0 auto;padding:24px;animation:none;opacity:1}}.account-view-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:120px 40px 60px;position:absolute;top:0;left:0;z-index:10;overflow-y:auto}.account-content-wrapper{display:flex;flex-direction:row;max-width:1000px;width:100%;background:#0f111a66;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1a;border-radius:32px;padding:0;overflow:hidden}.pricing-section{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-section-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent)}.auth-section{width:420px;padding:48px;display:flex;align-items:center;justify-content:center;background:#0003}.pricing-header{text-align:left;margin-bottom:32px}.pricing-header h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.pricing-header p{font-size:15px;color:var(--text-secondary);line-height:1.6}.pricing-plans-container{display:flex;gap:20px}.pricing-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column}.pricing-card:hover{background:#ffffff0f;transform:translateY(-4px)}.pricing-card.selected{background:#0a84ff1a;border-color:#0a84ff80;box-shadow:0 10px 40px #0a84ff33,inset 0 0 0 1px #0a84ff80}.pricing-card.featured.selected{background:#bf5af21a;border-color:#bf5af280;box-shadow:0 10px 40px #bf5af233,inset 0 0 0 1px #bf5af280}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#bf5af2,#0a84ff);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:100px;display:flex;align-items:center;box-shadow:0 4px 12px #bf5af24d}.plan-name{font-size:15px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.plan-price{display:flex;align-items:flex-start;margin-bottom:24px}.currency{font-size:20px;font-weight:600;color:#fff;margin-top:4px;margin-right:2px}.amount{font-size:42px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.03em}.billing-period{font-size:14px;color:var(--text-tertiary);align-self:flex-end;margin-bottom:6px;margin-left:4px}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex-grow:1}.plan-features li{font-size:14px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px;line-height:1.4}.plan-features li.disabled{color:var(--text-tertiary);opacity:.5}.feature-icon{color:#32d74b;flex-shrink:0;margin-top:2px}.plan-features li.disabled .feature-icon{display:none}:root[data-theme=light] .account-content-wrapper{background:#fff9;box-shadow:0 24px 80px #0000001a,inset 0 1px #fffc}:root[data-theme=light] .auth-section{background:#fff6}:root[data-theme=light] .auth-section-divider{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent)}:root[data-theme=light] .pricing-header h2{color:#1c1c1e}:root[data-theme=light] .pricing-card{background:#ffffff80;border-color:#0000001a}:root[data-theme=light] .pricing-card:hover{background:#fffc}:root[data-theme=light] .plan-price{color:#1c1c1e}@media(max-width:768px){.account-view-container{padding:80px 16px 40px}.account-content-wrapper{flex-direction:column;border-radius:24px}.pricing-section{padding:32px 24px}.pricing-plans-container{flex-direction:column}.auth-section-divider{width:auto;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent)}:root[data-theme=light] .auth-section-divider{background:linear-gradient(to right,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent)}.auth-section{width:100%;padding:32px 24px}}:root{--bg-dark: #090a0f;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .25);--glass-blur: blur(24px);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .1);--accent: #0a84ff;--accent-glow: rgba(10, 132, 255, .4);--text-main: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--border-radius-lg: 24px}:root[data-theme=light]{--bg-dark: #f2f2f7;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .8);--glass-highlight: rgba(255, 255, 255, 1);--glass-shadow: 0 16px 40px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .6);--text-main: #000000;--text-secondary: rgba(0, 0, 0, .85);--text-tertiary: rgba(0, 0, 0, .65)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color 1.2s ease,color 1.2s ease,border-color 1.2s ease,opacity 1.2s ease,box-shadow 1.2s ease,transform 1.2s ease}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-dark);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6;animation:float 20s infinite alternate ease-in-out}.blob-1{top:-10%;left:-5%;width:40vw;height:40vw;background:radial-gradient(circle,#5e5ce6 0%,transparent 70%);animation-delay:0s}.blob-2{bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#0a84ff 0%,transparent 70%);animation-delay:-5s}.blob-3{top:40%;left:60%;width:30vw;height:30vw;background:radial-gradient(circle,#bf5af2 0%,transparent 70%);animation-delay:-10s}.blob-4{top:-15%;right:-5%;width:45vw;height:45vw;background:radial-gradient(circle,#ff375f 0%,transparent 70%);animation-delay:-15s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(10%,10%) scale(1.1)}to{transform:translate(-5%,5%) scale(.9)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.global-top-bar{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;padding:15px 30px;z-index:100;border-radius:var(--border-radius-lg)}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.custom-dropdown-container{display:flex;align-items:center;gap:8px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:8px 16px;border-radius:20px;color:var(--text-main);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.custom-dropdown-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.5;border-radius:20px 20px 0 0}.custom-dropdown-container:hover{background:#ffffff1a}.dropdown-chevron{transition:transform .3s ease;color:var(--text-secondary)}.dropdown-chevron.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px;padding:6px 0;display:flex;flex-direction:column;z-index:100;animation:popInDropdown .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center;overflow:hidden}.custom-dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.5}@keyframes popInDropdown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{padding:10px 16px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{color:var(--accent)}.language-switcher{display:flex;align-items:center;gap:16px}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:.5}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;padding:24px}h1{font-size:36px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}h2{font-size:24px;font-weight:500;letter-spacing:-.02em}h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:16px}p{color:var(--text-secondary);line-height:1.5}.home-view{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:100px;overflow-y:auto;gap:40px}.header-blur{text-align:center;padding:24px 48px;border-radius:100px;background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);animation:slideDown .6s cubic-bezier(.16,1,.3,1)}.subtitle{font-size:18px}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;max-width:1200px;padding-bottom:40px}.system-card{padding:24px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(0);opacity:1;animation:fadeUp .8s cubic-bezier(.16,1,.3,1)}.systems-grid .system-card:nth-child(1){animation-delay:.1s}.systems-grid .system-card:nth-child(2){animation-delay:.2s}.systems-grid .system-card:nth-child(3){animation-delay:.3s}.systems-grid .system-card:nth-child(4){animation-delay:.4s}.systems-grid .system-card:nth-child(5){animation-delay:.5s}.systems-grid .system-card:nth-child(6){animation-delay:.6s}.systems-grid .system-card:nth-child(7){animation-delay:.7s}.system-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff14;border-color:#ffffff4d;box-shadow:0 24px 60px #00000080,inset 0 1px #fff3}.system-icon-wrapper{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.1);color:var(--accent)}.system-card:hover .system-icon-wrapper{color:#fff;background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.system-info{flex:1}.system-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.organ-count{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.chevron{color:var(--text-tertiary);transition:transform .3s ease}.system-card:hover .chevron{transform:translate(4px);color:var(--text-main)}.system-container{display:flex;flex:1;animation:fadeIn .4s ease;position:relative;height:100%}.system-view{display:flex;flex-direction:column;width:100%;height:100%;padding-top:80px}.ios-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-radius:100px;margin-bottom:24px;background:#0000004d}.ios-header h2{font-size:20px;margin:0}.back-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--accent);font-size:16px;font-family:inherit;font-weight:500;cursor:pointer;padding:8px 16px 8px 8px;border-radius:100px;transition:background .2s ease}.back-btn:hover{background:#0a84ff1a}.system-layout{display:flex;flex:1;gap:24px;height:calc(100% - 70px)}.system-sidebar{width:320px;padding:24px;display:flex;flex-direction:column;height:100%}.organ-list{list-style:none;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.organ-btn{width:100%;padding:16px;background:transparent;border:1px solid transparent;border-radius:16px;color:var(--text-main);font-family:inherit;font-size:16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .3s ease}.organ-btn:hover{background:#ffffff0d;border-color:#ffffff1a}.organ-btn.active{background:var(--accent);color:#fff;border-color:#fff3;box-shadow:0 4px 12px var(--accent-glow)}.organ-btn-text{display:flex;flex-direction:column}.badge{font-size:11px;text-transform:uppercase;color:#ffffff80;letter-spacing:.1em;margin-top:2px}.organ-btn.active .badge{color:#fffc}.system-overview{flex:1;padding:40px 60px;display:flex;flex-direction:column;overflow-y:auto}.system-overview-header{display:flex;align-items:center;gap:32px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.system-hero-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.glow-circle{position:absolute;width:40px;height:40px;background:var(--accent);border-radius:50%;filter:blur(20px);opacity:.5}.system-overview-title{flex:1}.system-overview-title h1{text-align:left;margin-bottom:8px}.system-desc{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:800px;text-align:left}.system-organs-section{display:flex;flex-direction:column;gap:24px}.system-organs-section h3{font-size:18px;color:#fff;margin:0}.overview-organ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.overview-organ-card{padding:24px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.overview-organ-card:hover{transform:translateY(-4px);background:#ffffff14;border-color:#fff3;box-shadow:0 8px 32px #0000004d}.overview-organ-header{display:flex;justify-content:space-between;align-items:center}.overview-organ-header h4{font-size:18px;font-weight:500;color:#fff}.overview-organ-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.overview-organ-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--accent);font-weight:500}.hint-card{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:var(--accent);font-size:15px}.organ-content-area{position:absolute;top:90px;right:0;bottom:0;width:calc(100% - 344px);display:flex;gap:24px;animation:slideInRight .5s cubic-bezier(.16,1,.3,1);background:var(--bg-dark);border-radius:24px}.viewer-container{flex:1}.detail-panel{width:380px;padding:32px;display:flex;flex-direction:column}.stat-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}.stat-card{background:#ffffff05;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:16px;font-weight:500;color:var(--text-main)}.breadcrumbs{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;z-index:100;font-size:14px}.breadcrumbs button{background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:inherit;cursor:pointer;transition:color .2s}.breadcrumbs button:hover{color:var(--text-main)}.breadcrumbs .current{color:var(--accent);font-weight:500}.empty-organs{color:var(--text-tertiary);font-size:14px;padding:16px;text-align:center}.empty-state p{font-size:18px}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#090a0fcc;border-radius:24px;z-index:10;transition:opacity .5s ease}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 20px var(--accent)}to{transform:scale(1);opacity:.5}}.loading-pulse{width:48px;height:48px;border-radius:50%;background:var(--accent);animation:pulse 1.5s infinite ease-in-out}model-viewer{width:100%;height:100%;--poster-color: transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.mesh-hover-label{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-main);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;animation:popInLabel .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes popInLabel{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(-40px) scale(1)}}.mobile-toggle-btn{display:none}@media(max-width:768px){.global-top-bar{padding:10px 15px;top:10px;left:10px;right:10px}.brand-logo h2{display:none!important}.brand-logo svg{width:24px;height:24px}.custom-dropdown-container{padding:6px 10px;font-size:13px;gap:4px}.custom-dropdown-container span{display:none!important}.language-switcher{gap:8px}.language-switcher button{width:36px!important;height:36px!important}.systems-grid{grid-template-columns:1fr;gap:16px}.viewer-layout{flex-direction:column-reverse}.canvas-container{height:50vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar{height:50vh;padding:24px;width:100%}.app-container{padding:16px}.breadcrumbs{display:none!important}.systems-grid{grid-template-columns:1fr;width:100%;padding:0 16px 80px}.system-layout{flex-direction:column;height:auto;gap:16px;margin-bottom:60px}.system-sidebar{width:100%;height:auto;padding:16px;transition:all .3s ease}.system-layout.organ-active:not(.mobile-sidebar-open) .system-sidebar{display:none}.system-layout.organ-active.mobile-sidebar-open .system-sidebar{position:absolute;inset:160px 16px 16px;width:auto;height:auto;max-height:none;z-index:20;background:#090a0ff2;border:1px solid rgba(255,255,255,.1)}.mobile-toggle-btn{display:flex!important;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--accent);width:40px;height:40px;border-radius:50%;cursor:pointer}.organ-content-area{position:absolute;inset:160px 16px 16px;width:auto;margin-top:0;height:auto;min-height:0;flex-direction:column;z-index:10;overflow:hidden}.viewer-container{height:50%;min-height:250px}.detail-panel{width:100%;height:50%;padding:20px;overflow-y:auto}.system-overview{padding:24px 16px}.system-overview-header{flex-direction:column;text-align:center;gap:16px}.system-overview-title h1{text-align:center;font-size:28px}.system-desc{text-align:center;font-size:15px}.header-actions{gap:8px}}.landing-view{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:1000;overflow:hidden;transition:opacity 1.2s cubic-bezier(.8,0,.2,1)}.landing-model-container{position:absolute;top:0;right:0;width:60vw;height:100vh;z-index:1;transition:transform 1.2s cubic-bezier(.8,0,.2,1),opacity 1s ease}.landing-model-container model-viewer{width:100%;height:100%;transform-origin:center}.landing-overlay{position:absolute;inset:0;z-index:10;display:flex;justify-content:flex-start;align-items:center;padding-left:10vw;background:transparent;pointer-events:none}.landing-overlay:before,.landing-overlay:after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity 1.2s ease;pointer-events:none}.landing-overlay:before{background:linear-gradient(90deg,rgba(9,10,15,.95) 0%,rgba(9,10,15,.6) 40%,transparent 80%);opacity:1}.landing-overlay:after{background:linear-gradient(90deg,rgba(242,242,247,.95) 0%,rgba(242,242,247,.6) 40%,transparent 80%);opacity:0}:root[data-theme=light] .landing-overlay:before{opacity:0}:root[data-theme=light] .landing-overlay:after{opacity:1}.landing-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:48px;pointer-events:auto;position:relative;z-index:20;transition:opacity .5s ease,transform .5s ease}.landing-text-panel{padding:60px;background-color:#0f111a66;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff1a;border-radius:40px;display:flex;flex-direction:column;align-items:flex-start;gap:48px;max-width:700px;position:relative;overflow:hidden;transition:all 1.2s cubic-bezier(.16,1,.3,1);border:1px solid transparent}.landing-text-panel:hover{transform:translateY(-8px) scale(1.02);background-color:#14182899;border:1px solid rgba(255,255,255,.15);box-shadow:0 32px 100px #000c,inset 0 1px #fff3,0 0 80px #0a84ff33}.landing-text-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(10,132,255,.15) 0%,transparent 70%);pointer-events:none;z-index:-1;transition:all .8s cubic-bezier(.16,1,.3,1)}.landing-text-panel:hover:before{background:radial-gradient(circle,rgba(10,132,255,.4) 0%,transparent 75%);transform:scale(1.4) translate(-5%,5%)}.landing-text-panel:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(94,92,230,.15) 0%,transparent 70%);pointer-events:none;z-index:-1;transition:all .8s cubic-bezier(.16,1,.3,1)}.landing-text-panel:hover:after{background:radial-gradient(circle,rgba(191,90,242,.4) 0%,transparent 75%);transform:scale(1.4) translate(5%,-5%)}.landing-title-area h1{font-size:88px;line-height:1.1;font-weight:700;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:24px;text-shadow:0 10px 30px rgba(0,0,0,.5)}.landing-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px}.explore-btn{display:flex;align-items:center;gap:16px;padding:16px 32px;border-radius:100px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:inherit;font-size:20px;font-weight:500;cursor:pointer;pointer-events:auto;position:relative;z-index:30;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000004d}.explore-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;transition:transform .3s ease}.explore-btn:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff4d}.explore-btn:hover .explore-icon-wrapper{transform:translate(4px)}.explore-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.landing-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2}.landing-content.fade-out{opacity:0;transform:scale(.95)}.zoom-out-transition .landing-model-container{transform-origin:75% 50%;transform:scale(25) translateZ(100px);opacity:0}.zoom-out-transition{opacity:0;pointer-events:none}.fade-in-scale{animation:appEntrance 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes appEntrance{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}:root[data-theme=light] .landing-text-panel{background-color:#fff9;box-shadow:0 24px 80px #0000001a,inset 0 1px #fffc}:root[data-theme=light] .landing-text-panel:hover{background-color:#fffc;box-shadow:0 32px 100px #00000026,inset 0 1px #ffffffe6,0 0 80px #0a84ff1a}:root[data-theme=light] .landing-title-area h1{background:none;-webkit-text-fill-color:#000000;color:#000;font-weight:800;text-shadow:0 4px 20px rgba(0,0,0,.1)}:root[data-theme=light] .landing-subtitle{color:#000;font-weight:500}:root[data-theme=light] .explore-btn{background-color:#0000000d;color:#000;border-color:#0003;font-weight:600}:root[data-theme=light] .explore-btn:hover{background-color:#0000001a}@media(max-width:768px){.landing-overlay{padding-left:20px;padding-right:20px;justify-content:center;align-items:center}.landing-text-panel{padding:32px 24px;gap:32px;text-align:center;align-items:center}.landing-content{align-items:center;text-align:center}.landing-title-area h1{font-size:48px}.landing-subtitle{font-size:16px}}